:root{color-scheme:dark;--bg:#0b0c10;--fg:#e9e9ee;--muted:#8b8d9b;--line:#23252e;--accent:#a68cff;--accent-soft:#a68cff24;--card:#14161d;--card-hover:#1a1d26;--read:#5ed2a0;--read-bg:#5ed2a01f}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;background-image:radial-gradient(60rem 32rem at 50% -14rem,#a68cff29,#0000 70%),radial-gradient(44rem 26rem at 88% 4rem,#5ed2a012,#0000 70%);background-repeat:no-repeat;margin:0;font:16px/1.65 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}header{z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);background:#0b0c10b8;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 1.25rem;display:flex;position:sticky;top:0}header nav a{font-size:.9rem;text-decoration:none}header nav a:hover{text-decoration:underline}.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:10px;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .15s,box-shadow .15s}.search::placeholder{color:var(--muted)}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:1rem 0 .5rem;font-size:.9rem;display:flex}.booklist{border:1px solid var(--line);background:linear-gradient(#ffffff05,#0000);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.booklist li+li{border-top:1px solid var(--line)}.booklist li[hidden]{display:none}.row{color:inherit;border-left:2px solid #0000;grid-template-columns:3rem 1fr auto;align-items:baseline;gap:.85rem;padding:.8rem 1rem;text-decoration:none;transition:background .12s,border-color .12s;display:grid}.row:hover{background:var(--card-hover);border-left-color:var(--accent)}.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:999px;padding:.55rem 1rem;font-size:.9rem;transition:border-color .15s,background .15s,color .15s}.btn:hover{border-color:var(--accent);background:var(--accent-soft)}.btn[aria-pressed=true]{background:var(--read-bg);border-color:var(--read);color:var(--read);font-weight:600}input[type=checkbox]{accent-color:var(--accent)}.detail .summary{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;margin:1.5rem 0;padding:1.25rem 1.5rem;font-size:1.2rem;line-height:1.6}.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}}