: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}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--text);color:var(--bg)}.wrap{max-width:880px;margin:0 auto;padding:30px 20px 80px}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.03em;color:var(--text)}.brand .tag{font-family:var(--font-mono);font-size:.62rem;font-weight:400;color:var(--muted);letter-spacing:.12em;text-transform:lowercase;margin-left:.55rem}.stats{display:flex;gap:1.3rem;flex-wrap:wrap;color:var(--muted);font-size:.78rem;margin:12px 0 6px}.stats b{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.note{font-size:.7rem;color:var(--faint);margin:2px 0 22px;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;text-transform:lowercase;letter-spacing:.04em;transition:background .15s ease,border-color .15s ease,transform .1s ease,color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.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{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .7rem;color:var(--text);font-family:var(--font-mono);font-size:.85rem;outline:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.input:focus,.select:focus{border-color:var(--text);background:#fff;box-shadow:0 0 0 3px rgba(11,18,32,.06)}.input::placeholder{color:var(--faint)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:24px}.card h2{margin:0 0 .75rem;font-size:.66rem;text-transform:lowercase;letter-spacing:.12em;color:var(--muted);font-weight:500}.card .hint{font-size:.72rem;color:var(--faint);margin:0 0 .7rem;line-height:1.5}.toolbar{display:flex;gap:.6rem;align-items:center;margin-bottom:10px;flex-wrap:wrap}.toolbar .input{width:auto;flex:1 1;min-width:220px}.sort{display:flex;gap:.35rem}.list{border-top:1px solid var(--border)}.item{display:grid;grid-template-columns:1.8rem 60px 1fr auto;grid-gap:.85rem;gap:.85rem;align-items:center;padding:.7rem .4rem;border-bottom:1px solid var(--border);transition:background .12s ease}.item:hover{background:var(--surface-hover)}.rank{font-size:.8rem;color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.item-thumb{width:60px;height:45px;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-strong);border:1px solid var(--border);display:block}.item-thumb--empty{display:flex;align-items:center;justify-content:center;font-size:.55rem;color:var(--faint);letter-spacing:.1em;text-transform:lowercase}.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{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:3px;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.item-meta{font-size:.66rem;color:var(--faint);margin-top:.25rem;letter-spacing:.04em;text-transform:lowercase}.item-views{text-align:right;padding-left:.5rem}.item-views .n{font-size:1.05rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text);display:block}.item-views .l{font-size:.58rem;text-transform:lowercase;letter-spacing:.14em;color:var(--faint)}.log{font-size:.72rem;margin-top:.9rem;border-top:1px solid var(--border);padding-top:.6rem}.log-row{padding:.3rem 0;border-bottom:1px solid var(--border)}.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:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}