:root{--bg: #0d0d10;--bg-raised: #16161c;--bg-hover: #1f1f28;--border: #2a2a35;--text: #ececf2;--text-dim: #9a9aab;--accent: #e5a00d;--accent-text: #0d0d10;--radius: 8px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}.gate{max-width:520px;margin:12vh auto;padding:0 24px}.gate h1{font-size:32px;margin:0 0 8px}.gate p{color:var(--text-dim);line-height:1.6}.gate input{width:100%;padding:12px 14px;margin:0 0 12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gate .actions{display:flex;align-items:center;gap:14px;margin:26px 0 4px}.gate button.primary{padding:13px 22px;background:var(--accent);color:var(--accent-text);border:0;border-radius:var(--radius);font-weight:600;font-size:15px;cursor:pointer}.gate button.primary:disabled{opacity:.6;cursor:default}.gate .err{color:#ff6b6b;min-height:20px;font-size:14px}.gate .manual{margin-top:14px;padding-top:16px;border-top:1px solid var(--border)}.gate .hint{font-size:13px;color:var(--text-dim)}.gate .manual .hint{margin-bottom:0}header{position:sticky;top:0;z-index:20;background:#0d0d10eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 24px}.bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand{font-size:18px;font-weight:700;letter-spacing:-.02em;margin-right:4px}.brand span{color:var(--accent)}.search{flex:1 1 240px;min-width:200px;padding:9px 12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius)}.search::placeholder{color:var(--text-dim)}select{padding:9px 12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.sortwrap{display:inline-flex;align-items:stretch;gap:6px}.dir{padding:9px 12px;min-width:40px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:14px;line-height:1}.dir:hover{border-color:var(--accent);color:var(--accent)}.toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:14px}.toggle:hover{background:var(--bg-hover)}.toggle input{display:none}.toggle .dot{width:30px;height:17px;border-radius:999px;background:#3a3a48;position:relative;transition:background .15s;flex:none}.toggle .dot:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .15s}.toggle input:checked+.dot{background:var(--accent)}.toggle input:checked+.dot:after{transform:translate(13px)}.status{margin-top:10px;font-size:13px;color:var(--text-dim);display:flex;gap:14px;flex-wrap:wrap;align-items:center}.chip{padding:2px 9px;border:1px solid var(--border);border-radius:999px}.chip.pick{display:inline-flex;align-items:center;gap:7px;background:transparent;color:var(--text-dim);font-size:13px;cursor:pointer;transition:border-color .12s,color .12s}.chip.pick:hover{border-color:#4a4a5c;color:var(--text)}.chip.pick .n{font-variant-numeric:tabular-nums;opacity:.65;font-size:12px}.chip.pick.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.chip.pick.on .n{opacity:.75}.chip.warn{border-color:#6b4a1a;color:#e5a00d}.serverdropdown{position:relative;font-size:13px}.serverdropdown summary{list-style:none;cursor:pointer;padding:2px 9px;border:1px solid var(--border);border-radius:999px;color:var(--text-dim);transition:border-color .12s,color .12s}.serverdropdown summary::-webkit-details-marker{display:none}.serverdropdown summary:after{content:"▾";margin-left:6px;font-size:10px;opacity:.7}.serverdropdown:hover summary,.serverdropdown[open] summary{border-color:#4a4a5c;color:var(--text)}.serverdropdown .panel{position:absolute;top:calc(100% + 6px);left:0;z-index:30;display:flex;flex-direction:column;gap:2px;min-width:220px;padding:8px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #0006}.serveroption{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;white-space:nowrap}.serveroption:hover{background:var(--bg-hover)}.serveroption .n{margin-left:auto;font-variant-numeric:tabular-nums;opacity:.65;font-size:12px}.yearslider{display:inline-flex;align-items:center;gap:10px}.yearslider .label{font-size:13px;color:var(--text-dim);white-space:nowrap;min-width:78px}.yearslider .control{position:relative;width:130px;height:20px;display:flex;align-items:center}.yearslider .track{position:absolute;left:0;right:0;height:4px;background:var(--border);border-radius:999px;pointer-events:none}.yearslider .track .fill{position:absolute;top:0;bottom:0;background:var(--accent);border-radius:999px}.yearslider input[type=range]{position:absolute;left:0;width:100%;height:20px;margin:0;background:transparent;pointer-events:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.yearslider input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}.yearslider input[type=range]::-moz-range-track{height:4px;background:transparent;border:none}.yearslider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-raised);cursor:pointer}.yearslider input[type=range]::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-raised);cursor:pointer}.linkish{background:none;border:0;color:var(--text-dim);text-decoration:underline;cursor:pointer;padding:0;font-size:13px}main{padding:22px 24px 64px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 14px}.card{cursor:pointer;border:0;background:none;padding:0;text-align:left;content-visibility:auto;contain-intrinsic-size:300px}.poster{position:relative;aspect-ratio:2 / 3;border-radius:var(--radius);overflow:hidden;background:var(--bg-raised);transition:transform .12s ease}.card:hover .poster{transform:scale(1.035)}.poster img{width:100%;height:100%;object-fit:cover;display:block}.poster .fallback{display:grid;place-items:center;height:100%;padding:10px;font-size:13px;color:var(--text-dim);text-align:center}.badges{position:absolute;top:6px;left:6px;right:6px;display:flex;gap:4px;flex-wrap:wrap}.badge{font-size:10px;font-weight:700;padding:3px 6px;border-radius:4px;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.03em}.badge.seen{background:#e5a00de6;color:var(--accent-text)}.badge.count{background:#ffffff29}.progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#00000080}.progress i{display:block;height:100%;background:var(--accent)}.meta{margin-top:7px}.meta .t{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta .y{font-size:12px;color:var(--text-dim);margin-top:2px}.empty{color:var(--text-dim);padding:60px 0;text-align:center}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:grid;place-items:center;padding:24px;z-index:50}.modal{background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;max-width:680px;width:100%;max-height:85vh;overflow:auto;padding:26px}.modal h2{margin:0 0 4px;font-size:24px}.modal .sub{color:var(--text-dim);font-size:14px;margin-bottom:16px}.modal .summary{line-height:1.65;color:#cfcfdb;font-size:15px}.modal h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:22px 0 10px}.source{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px}.source .who{flex:1;min-width:0}.source .who b{font-weight:600}.source .q{font-size:12px;color:var(--text-dim);margin-top:2px}.source a{padding:8px 14px;background:var(--accent);color:var(--accent-text);border-radius:var(--radius);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}.close{margin-top:18px;padding:9px 16px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.row{margin-bottom:26px}.rowhead{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.rowhead h2{font-size:1.05rem;margin:0}.rowhead .n{opacity:.55;font-size:.85rem}.rowhead .linkish{margin-left:auto}.strip{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:thin}.strip .card{flex:0 0 150px;width:150px;scroll-snap-align:start;content-visibility:visible}.viewtoggle{display:flex;gap:2px}.viewtoggle button{font:inherit;padding:6px 12px;border:1px solid var(--border);background:transparent;color:inherit;cursor:pointer}.viewtoggle button:first-child{border-radius:6px 0 0 6px}.viewtoggle button:last-child{border-radius:0 6px 6px 0}.viewtoggle button.on{background:var(--border)}