:root{--bg:#fff;--surface:#fff;--surface-hover:#f6f7f9;--surface-strong:#eef0f3;--input-bg:#f7f8fa;--border:#e3e6ec;--border-strong:#c9cdd4;--muted:#6b7280;--faint:#9aa3b2;--text:#0b1220;--dim:#374151;--accent:#1a2540;--danger:#b3261e;--success:#15803d;--font-mono:"JetBrains Mono", "Google Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-display:"Space Mono", "JetBrains Mono", monospace;--radius-sm:4px;--radius:8px;--radius-lg:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.55}::selection{background:var(--text);color:var(--bg)}.wrap{max-width:880px;margin:0 auto;padding:30px 20px 80px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-size:1.5rem;font-weight:700}.brand .tag{font-family:var(--font-mono);color:var(--muted);letter-spacing:.12em;text-transform:lowercase;margin-left:.55rem;font-size:.62rem;font-weight:400}.stats{color:var(--muted);flex-wrap:wrap;gap:1.3rem;margin:12px 0 6px;font-size:.78rem;display:flex}.stats b{color:var(--text);font-variant-numeric:tabular-nums}.note{color:var(--faint);letter-spacing:.02em;margin:2px 0 22px;font-size:.7rem}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-mono);cursor:pointer;text-transform:lowercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.8rem;transition:background .15s,border-color .15s,transform .1s,color .15s;display:inline-flex}.btn:hover{background:var(--surface-hover);border-color:var(--text)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn-sm{padding:.32rem .75rem;font-size:.72rem}.btn[data-active=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.input,.select{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-mono);outline:none;padding:.5rem .7rem;font-size:.85rem;transition:border-color .15s,background .15s,box-shadow .15s}.input:focus,.select:focus{border-color:var(--text);background:#fff;box-shadow:0 0 0 3px #0b12200f}.input::placeholder{color:var(--faint)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:1rem 1.1rem}.card h2{text-transform:lowercase;letter-spacing:.12em;color:var(--muted);margin:0 0 .75rem;font-size:.66rem;font-weight:500}.card .hint{color:var(--faint);margin:0 0 .7rem;font-size:.72rem;line-height:1.5}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:10px;display:flex}.toolbar .input{flex:1;width:auto;min-width:220px}.sort{gap:.35rem;display:flex}.list{border-top:1px solid var(--border)}.item{border-bottom:1px solid var(--border);grid-template-columns:1.8rem 60px 1fr auto;align-items:center;gap:.85rem;padding:.7rem .4rem;transition:background .12s;display:grid}.item:hover{background:var(--surface-hover)}.rank{color:var(--faint);font-variant-numeric:tabular-nums;text-align:right;font-size:.8rem}.item-thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-strong);border:1px solid var(--border);width:60px;height:45px;display:block}.item-thumb--empty{color:var(--faint);letter-spacing:.1em;text-transform:lowercase;justify-content:center;align-items:center;font-size:.55rem;display:flex}.item-main{min-width:0}.item-title{color:var(--text);font-size:.95rem;line-height:1.35}.item-title a{color:var(--text);text-decoration:none}.item-title a:hover{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.item-meta{color:var(--faint);letter-spacing:.04em;text-transform:lowercase;margin-top:.25rem;font-size:.66rem}.item-views{text-align:right;padding-left:.5rem}.item-views .n{font-variant-numeric:tabular-nums;color:var(--text);font-size:1.05rem;font-weight:700;display:block}.item-views .l{text-transform:lowercase;letter-spacing:.14em;color:var(--faint);font-size:.58rem}.log{border-top:1px solid var(--border);margin-top:.9rem;padding-top:.6rem;font-size:.72rem}.log-row{border-bottom:1px solid var(--border);padding:.3rem 0}.log-row:last-child{border-bottom:none}.muted{color:var(--muted)}.faint{color:var(--faint)}.err{color:var(--danger)}.ok{color:var(--success)}.bad{color:var(--danger)}@supports (scrollbar-width:thin){*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}