:root{--bg:#fbfbfa;--fg:#1a1a18;--muted:#6b6b66;--line:#e2e2dd;--accent:#7c5cff;--card:#fff;--read:#1a7f5a;--read-bg:#e7f5ee}@media (prefers-color-scheme:dark){:root{--bg:#16161a;--fg:#ececea;--muted:#9a9a94;--line:#2c2c33;--accent:#a08cff;--card:#1e1e24;--read:#5ed2a0;--read-bg:#17332a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;margin:0;font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}header{border-bottom:1px solid var(--line);padding:1rem 1.25rem}.wordmark{color:var(--fg);letter-spacing:-.01em;font-weight:650;text-decoration:none}main{max-width:52rem;margin:0 auto;padding:2rem 1.25rem 4rem}footer{border-top:1px solid var(--line);color:var(--muted);padding:1.5rem 1.25rem;font-size:.85rem}footer p{max-width:52rem;margin:0 auto}h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.75rem;line-height:1.2}.muted{color:var(--muted)}.search{width:100%;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.7rem .9rem;font-family:inherit;font-size:1rem}.search:focus{outline:2px solid var(--accent);outline-offset:1px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:1rem 0 .5rem;font-size:.9rem;display:flex}.booklist{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.booklist li{border-bottom:1px solid var(--line)}.booklist li[hidden]{display:none}.row{color:inherit;grid-template-columns:3rem 1fr auto;align-items:baseline;gap:.85rem;padding:.7rem .4rem;text-decoration:none;display:grid}.row:hover{background:var(--card)}.rank{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.row .title{font-weight:550}.row .byline{color:var(--muted);font-size:.9rem}.year{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.tick{color:var(--read);visibility:hidden;margin-right:.4rem;font-weight:700}li.is-read .tick{visibility:visible}li.is-read .title{color:var(--muted)}.btn{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;border-radius:8px;padding:.5rem .9rem;font-size:.9rem}.btn:hover{border-color:var(--accent)}.btn[aria-pressed=true]{background:var(--read-bg);border-color:var(--read);color:var(--read);font-weight:600}.detail .summary{margin:1.5rem 0;font-size:1.25rem;line-height:1.5}.detail .summary.empty{color:var(--muted);font-size:1rem;font-style:italic}.meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:max-content 1fr;gap:.4rem 1.25rem;margin:1.5rem 0;padding:1rem 0;font-size:.9rem;display:grid}.meta dt{color:var(--muted)}.meta dd{font-variant-numeric:tabular-nums;margin:0}.pager{justify-content:space-between;gap:1rem;margin-top:2.5rem;font-size:.9rem;display:flex}.empty-state{color:var(--muted);padding:2rem 0}@media (width<=34rem){.row{grid-template-columns:2.2rem 1fr auto}h1{font-size:1.4rem}}