:root{--bg:#101014;--panel:#1d1d23;--line:#3a3a44;--text:#e8e6e1;--muted:#e8e6e1a6;--accent:#d9b45a;--done:#7fbf7f}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-padding-top:16px}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.4 system-ui,sans-serif}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}button{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:4px 10px}button:hover{border-color:var(--accent)}header,main{max-width:960px;margin:0 auto;padding:16px}header{flex-direction:column;gap:12px;padding-bottom:0;display:flex}.title{flex-wrap:wrap;align-items:baseline;gap:4px 16px;display:flex}h1{margin:0;font-size:24px;font-weight:600}#total .progress{font-size:17px}#total .bar{height:10px}#controls{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}#controls label{cursor:pointer;align-items:center;gap:6px;display:flex}#search{background:var(--panel);border:1px solid var(--line);border-radius:4px;flex:220px;min-width:0;padding:5px 8px}#save{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.save-status{color:var(--muted)}.segmented{border:1px solid var(--line);border-radius:4px;display:flex;overflow:hidden}.segmented label{padding:4px 10px}.segmented label:has(input:checked){background:var(--panel);color:var(--accent)}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}#overview{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;display:grid}#overview a{background:var(--panel);border:1px solid var(--line);color:inherit;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-items:center;column-gap:8px;padding:6px 8px;text-decoration:none;display:grid}#overview a:hover{border-color:var(--accent)}#overview img,#overview .no-icon{grid-row:span 2;width:28px;height:28px}#overview .progress{color:var(--muted);font-size:12px}.progress{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.bar{background:var(--line);border-radius:3px;flex:1;min-width:40px;height:6px;position:relative;overflow:hidden}.bar:after{content:"";width:calc(var(--done) * 100%);background:var(--accent);position:absolute;inset:0}.progress.complete .bar:after{background:var(--done)}section{margin-top:20px}h2{border-bottom:1px solid var(--line);background:var(--bg);z-index:1;grid-template-columns:32px auto minmax(120px,240px);align-items:center;gap:10px;margin:0 0 4px;padding:6px 0;font-size:18px;font-weight:600;display:grid;position:sticky;top:0}h2 img,h2 .no-icon{width:32px;height:32px}h2 .progress{color:var(--muted);justify-self:end;width:100%;font-size:13px;font-weight:400}ul{margin:0;padding:0;list-style:none}li{border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;display:flex}li label{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;padding:5px 0;display:flex}li input{width:18px;height:18px;accent-color:var(--done);flex:none}li img,li .no-icon{flex:none;width:26px;height:26px}li .text{flex-direction:column;min-width:0;display:flex}li .name{overflow-wrap:anywhere}li small{color:var(--muted);overflow-wrap:anywhere}li.found .name{color:var(--muted);text-decoration:line-through}li.found img{opacity:.45}li .links{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:2px 10px;max-width:45%;padding:4px 8px;font-size:13px;display:flex}.empty{color:var(--muted)}
