:root{--paper:#faf6ee;--card:#fffdf7;--ink:#23201a;--muted:#6f6759;--faint:#a59c8b;--leaf:#3e6b4f;--leaf-ink:#2e523c;--leaf-soft:#e6eee5;--accent:#9c4a36;--line:#e2dac9;--shadow:#28231914;--serif-display:"Fraunces", Georgia, "Times New Roman", serif;--serif-body:"Literata", Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--paper:#14110d;--card:#1c1813;--ink:#ece4d4;--muted:#a89e8c;--faint:#756c5e;--leaf:#8db89a;--leaf-ink:#a7cdb2;--leaf-soft:#233226;--accent:#d08a76;--line:#2e2920;--shadow:#0006}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--serif-body);background:var(--paper);color:var(--ink);min-height:100dvh}::selection{background:var(--leaf-soft)}.hold{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:24px;display:flex}.mark{width:64px;height:64px}.mark svg{width:100%;height:100%}.hold h1{font-family:var(--serif-display);letter-spacing:.005em;font-size:40px;font-weight:550}.hold p{max-width:400px;color:var(--muted);font-size:17px;line-height:1.65}.enter{font-family:var(--sans);letter-spacing:.01em;color:#faf6ee;background:var(--leaf);cursor:pointer;border:none;border-radius:999px;margin-top:12px;padding:13px 28px;font-size:15px;text-decoration:none;transition:transform .15s}.enter:active{transform:scale(.97)}@media (prefers-color-scheme:dark){.enter{color:#14110d}}.hold .fine{font-family:var(--sans);color:var(--faint);font-size:12.5px}.feed{scroll-snap-type:y mandatory;height:100dvh;overflow-y:scroll}.wordmark{z-index:5;font-family:var(--serif-display);color:var(--faint);font-size:16px;font-style:italic;font-weight:500;text-decoration:none;position:fixed;top:14px;left:18px}.card{scroll-snap-align:start;flex-direction:column;justify-content:center;gap:18px;max-width:560px;min-height:100dvh;margin:0 auto;padding:56px 26px 44px;display:flex}.card-top{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);gap:10px;font-size:11.5px;display:flex}.card-top .genre{color:var(--leaf-ink)}.card h2{font-family:var(--serif-display);letter-spacing:.002em;font-size:24px;font-weight:550}.card .body{color:var(--ink);white-space:pre-wrap;font-size:17.5px;line-height:1.8}.card-bottom{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.like{font-family:var(--sans);color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:9px 18px;font-size:13.5px;transition:color .15s,border-color .15s}.like.on{color:var(--accent);border-color:var(--accent);animation:.35s cubic-bezier(.2,2.2,.4,1) pop}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.count{font-family:var(--sans);color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px}.sentinel{text-align:center;justify-content:center;align-items:center;gap:12px}.sentinel .hint{max-width:320px}.fab{z-index:5;font-family:var(--sans);background:var(--leaf);color:#faf6ee;box-shadow:0 2px 10px var(--shadow);border-radius:999px;padding:11px 18px;font-size:13px;text-decoration:none;position:fixed;bottom:18px;right:16px}@media (prefers-color-scheme:dark){.fab{color:#14110d}}.skel{gap:14px}.skel-line{background:linear-gradient(100deg, var(--line) 40%, var(--card) 50%, var(--line) 60%);background-size:200% 100%;border-radius:6px;height:14px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.skel-line.w40{width:40%}.skel-line.w90{width:90%}.skel-line.w100{width:100%}.skel-line.w75{width:75%}.skel-title{width:55%;height:22px}.onboard{z-index:20;background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:28px 22px;animation:.4s fadein;display:flex;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.onboard h1{font-family:var(--serif-display);max-width:420px;font-size:27px;font-weight:550}.onboard .sub{font-family:var(--sans);color:var(--muted);margin-top:-8px;font-size:14px}.chipgrid{flex-wrap:wrap;justify-content:center;gap:9px;max-width:470px;display:flex}.seed-chip{font-family:var(--sans);color:var(--muted);background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:9px 16px;font-size:13.5px;transition:all .15s}.seed-chip.on{color:var(--leaf-ink);background:var(--leaf-soft);border-color:var(--leaf)}.grouplabel{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-top:4px;font-size:11px}.onboard .enter:disabled{opacity:.4;cursor:default}.onboard .skip{font-family:var(--sans);color:var(--faint);cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline}.prof{max-width:680px;margin:0 auto;padding:28px 20px 90px}.prof-head{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.back{font-family:var(--sans);color:var(--muted);font-size:13px;text-decoration:none}.prof h1{font-family:var(--serif-display);font-size:26px;font-weight:550}.prof h2{font-family:var(--serif-display);margin:30px 0 12px;font-size:19px;font-weight:550}.hint{color:var(--faint);font-size:14.5px;line-height:1.6}.formed{font-family:var(--sans);color:var(--faint);margin-top:6px;font-size:12.5px}.fp-bars{flex-direction:column;gap:9px;margin:6px 0 14px;display:flex}.fp-row{grid-template-columns:110px 1fr;align-items:center;gap:10px;display:grid}.fp-row .lbl{font-family:var(--sans);color:var(--ink);text-transform:capitalize;font-size:13px}.fp-track{background:var(--leaf-soft);border-radius:99px;height:10px;overflow:hidden}.fp-fill{background:var(--leaf);border-radius:99px;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--sans);border:1px solid var(--line);color:var(--muted);text-transform:capitalize;border-radius:999px;padding:5px 12px;font-size:12.5px}.chip.m{background:var(--leaf-soft);color:var(--leaf-ink);border-color:#0000}.chip.t{background:0 0}.shelf,.recs{flex-direction:column;gap:14px;display:flex}.spine,.rec{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:14px;padding:12px;display:flex}.spine img,.rec img{object-fit:cover;width:60px;height:90px;box-shadow:0 1px 4px var(--shadow);border-radius:5px}.noimg{border:1px solid var(--line);width:60px;height:90px;color:var(--faint);font-size:10.5px;font-family:var(--sans);border-radius:5px;flex-shrink:0;padding:6px}.spine-meta,.rec-meta{font-family:var(--sans);flex-direction:column;gap:3px;min-width:0;display:flex}.spine-meta strong,.rec-meta strong{font-family:var(--serif-body);font-size:16px;font-weight:600}.spine-meta span,.rec-meta span{color:var(--faint);font-size:12.5px}.rec-meta p{color:var(--muted);margin:2px 0;font-size:13px;line-height:1.5}.spine-actions{flex-wrap:wrap;gap:8px;margin-top:5px;display:flex}.spine-actions button,.spine-actions a{font-family:var(--sans);border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:5px 13px;font-size:12.5px;text-decoration:none}.spine-actions a.buy{color:var(--leaf-ink);border-color:var(--leaf)}.spine-actions button.rm{color:var(--faint)}.empty-shelf{border:1.5px dashed var(--line);text-align:center;color:var(--faint);border-radius:12px;padding:26px 18px;font-size:14.5px;line-height:1.6}.card{scroll-snap-stop:always;touch-action:pan-y;will-change:transform;transition:transform .22s cubic-bezier(.2,.8,.3,1)}.like{touch-action:manipulation;min-height:46px}.reader{z-index:20;background:var(--paper);overscroll-behavior:contain;touch-action:pan-y;box-shadow:-12px 0 36px var(--shadow);will-change:transform;transition:transform .26s cubic-bezier(.2,.8,.3,1);position:fixed;inset:0;overflow-y:auto;transform:translate(102%)}.reader.open{transform:none}.reader-inner{flex-direction:column;gap:18px;max-width:560px;margin:0 auto;padding:64px 26px 80px;display:flex}.reader-inner .body{white-space:pre-wrap;font-size:17.5px;line-height:1.8}.reader-inner h2{font-family:var(--serif-display);font-size:24px;font-weight:550}.reader-close{z-index:21;font-family:var(--sans);color:var(--muted);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;position:fixed;top:12px;left:14px}.leafline{text-align:center;color:var(--leaf);margin:4px 0;font-size:20px}.turning{flex-direction:column;gap:12px;display:flex}.turning .hint{text-align:center}.reader-end{font-family:var(--sans);color:var(--faint);text-align:center;margin-top:12px;font-size:12.5px}.reader-end a{color:var(--leaf-ink)}.handle{touch-action:none;color:var(--faint);cursor:grab;background:0 0;border:none;align-self:center;padding:6px 10px 6px 2px;font-size:18px}.handle:active{cursor:grabbing}.spine.dragging{opacity:.75;box-shadow:0 4px 16px var(--shadow);transform:scale(1.01)}.spine{transition:transform .12s}.fp-details{border-top:1px solid var(--line);margin-top:34px;padding-top:18px}.fp-details summary{cursor:pointer;font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;list-style:none}.fp-details summary:before{content:"▸ ";color:var(--leaf)}.fp-details[open] summary:before{content:"▾ "}.fp-details>:not(summary){margin-top:14px}.payoff{border-top:1px solid var(--line);flex-direction:column;gap:12px;margin-top:8px;padding-top:18px;display:flex}.payoff-head{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--leaf-ink);font-size:11.5px}.pbook{align-items:center;gap:12px;display:flex}.pbook img,.pbook .noimg{object-fit:cover;width:38px;height:56px;box-shadow:0 1px 5px var(--shadow);border-radius:3px}.pbook .noimg{background:var(--leaf-soft);color:var(--leaf-ink);text-align:center;justify-content:center;align-items:center;font-size:8px;display:flex}.pbook-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.pbook-meta strong{font-size:14.5px}.pbook-meta span{font-family:var(--sans);color:var(--muted);font-size:12px}.pbook-actions{align-items:center;gap:8px;display:flex}.pbook-actions button,.pbook-actions a{font-family:var(--sans);color:var(--leaf-ink);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:6px 12px;font-size:12px;text-decoration:none}.pbook-actions button:disabled{color:var(--faint);border-color:var(--line)}.chain{align-self:center;margin-top:14px}.rlike{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:17px}.rlike.on{color:var(--accent);animation:.35s cubic-bezier(.2,2.2,.4,1) pop}.burst{z-index:40;pointer-events:none;color:var(--accent);font-size:34px;animation:.65s cubic-bezier(.2,.9,.3,1) forwards heartburst;position:fixed;transform:translate(-50%,-50%)}@keyframes heartburst{0%{opacity:0;scale:.3}25%{opacity:1;scale:1.25}60%{scale:1}to{opacity:0;translate:0 -34px;scale:1.1}}.whisper{z-index:5;font-family:var(--sans);color:var(--faint);font-variant-numeric:tabular-nums;font-size:11.5px;position:fixed;bottom:20px;left:18px}.lane-chips{flex-wrap:wrap;gap:8px;margin:4px 0 14px;display:flex}.authors{grid-template-columns:1fr 1fr;gap:14px;margin-top:6px;display:grid}@media (max-width:480px){.authors{grid-template-columns:1fr}}.author-card{border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.author-card img,.author-card .noimg{object-fit:cover;border-radius:3px;width:44px;height:64px}.author-card .noimg{background:var(--leaf-soft);color:var(--leaf-ink);justify-content:center;align-items:center;font-size:8px;display:flex}.author-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.author-meta strong{font-size:14.5px}.author-meta span{font-family:var(--sans);color:var(--muted);font-size:11.5px}.author-meta em{color:var(--faint);font-size:12.5px;font-style:italic}.author-meta .buy{font-family:var(--sans);color:var(--leaf-ink);border:1px solid var(--line);border-radius:999px;align-self:flex-start;margin-top:5px;padding:5px 12px;font-size:12px;text-decoration:none}