:root{--bg: #f6f4fb;--surface: #ffffff;--surface-2: #f4f1ff;--track: #eeeaf7;--line: #ebe7f4;--line-strong: #d9d3ea;--ink: #1c1433;--ink-2: #4a4362;--ink-3: #6e6884;--accent: #6c4bff;--accent-ink: #ffffff;--accent-text: #5b3fe0;--accent-soft: #ece7ff;--accent-soft-ink: #3d2a8f;--tang: #ff6b3d;--tang-deep: #d44a1e;--mint: #12b886;--sun: #ffb020;--pink: #ff5c9a;--sky: #3a9bff;--gold: #ffb020;--gold-ink: #b45309;--nope-bg: #f4f2f7;--nope-ink: #8a84a0;--nope-line: #c9c3d9;--danger: #d92d4a;--star-empty: #e6e1f2;--scrim: rgba(28, 20, 51, .45);--press: #e3ddf0;--shadow: 0 3px 0 var(--press);--float: 0 12px 40px rgba(60, 40, 120, .16);--serif: "Bricolage Grotesque", system-ui, sans-serif;--sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--spring: cubic-bezier(.3, 1.5, .5, 1);--radius: 26px;--tabbar-h: 76px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #14101f;--surface: #1f1930;--surface-2: #2a2340;--track: #2f2847;--line: #2f2847;--line-strong: #40375c;--ink: #f3f0ff;--ink-2: #cfc8e6;--ink-3: #a59dc0;--accent-text: #b4a3ff;--accent-soft: #2e2557;--accent-soft-ink: #d6ccff;--nope-bg: #2a2340;--nope-ink: #a59dc0;--star-empty: #3a3253;--scrim: rgba(0, 0, 0, .6);--press: #0c0914;--float: 0 12px 40px rgba(0, 0, 0, .45);color-scheme:dark}}:root[data-theme=dark]{--bg: #14101f;--surface: #1f1930;--surface-2: #2a2340;--track: #2f2847;--line: #2f2847;--line-strong: #40375c;--ink: #f3f0ff;--ink-2: #cfc8e6;--ink-3: #a59dc0;--accent-text: #b4a3ff;--accent-soft: #2e2557;--accent-soft-ink: #d6ccff;--nope-bg: #2a2340;--nope-ink: #a59dc0;--star-empty: #3a3253;--scrim: rgba(0, 0, 0, .6);--press: #0c0914;--float: 0 12px 40px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body{min-height:100dvh;overscroll-behavior-y:none;background:var(--page-bg, var(--bg));transition:background .35s ease}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent-text)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}h1,h2,h3,p{margin:0}.app{min-height:100dvh;position:relative}.page{max-width:720px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;gap:18px;animation:rise .35s var(--spring)}.page>*{position:relative}.page.no-tabs{padding-bottom:calc(env(safe-area-inset-bottom) + 110px)}.bleed{margin-left:-20px;margin-right:-20px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}.title{font-family:var(--serif);font-weight:800;font-size:32px;line-height:1.02;letter-spacing:-.03em}.h2{font-family:var(--serif);font-weight:800;font-size:21px;letter-spacing:-.02em;line-height:1.1}.h3{font-family:var(--serif);font-size:17px;font-weight:800;letter-spacing:-.01em}.display{font-family:var(--serif);font-weight:800;letter-spacing:-.03em;line-height:1}.muted{color:var(--ink-3);font-size:13px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.card{background:var(--surface);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card.soft{background:var(--accent-soft);box-shadow:none}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn{min-height:52px;padding:0 20px;border-radius:18px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:800;text-decoration:none;background:var(--surface);color:var(--ink);box-shadow:0 4px 0 var(--press);transition:transform .12s var(--spring),box-shadow .12s}.btn:active,.press:active{transform:translateY(3px);box-shadow:0 1px 0 var(--press)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn.primary{background:var(--ink);color:var(--bg);box-shadow:0 4px #000}.btn.tang{background:var(--tang);color:#fff;box-shadow:0 5px 0 var(--tang-deep)}.btn.grape{background:var(--accent);color:#fff;box-shadow:0 5px #4a2fc4}.btn.outline,.btn.quiet{background:var(--surface);color:var(--ink)}.btn.ghost{background:transparent;box-shadow:none;color:var(--ink-2);padding:0 10px;min-height:44px;font-weight:700}.btn.ghost:active{transform:none}.btn.danger{color:var(--danger)}.btn.block{width:100%}.btn.lg{min-height:56px;border-radius:20px;font-size:17px}.btn.sm{min-height:44px;font-size:14px;padding:0 16px;border-radius:15px}.press{transition:transform .12s var(--spring),box-shadow .12s}.icon-btn{width:46px;height:46px;border-radius:23px;border:0;background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:0 3px 0 var(--press)}.icon-btn.flat{background:transparent;box-shadow:none}.link-btn{background:none;border:0;color:var(--accent-text);font-weight:800;font-size:14px;min-height:44px;padding:0 4px;display:inline-flex;align-items:center;text-decoration:none}.seg{display:flex;flex-wrap:wrap;gap:8px}.seg button,.seg a{min-height:42px;padding:0 16px;border-radius:21px;border:0;background:var(--surface);color:var(--ink);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;box-shadow:0 3px 0 var(--press)}.seg .count{opacity:.6;font-weight:700}.seg [aria-pressed=true],.seg [aria-current=page],.seg [aria-checked=true]{background:var(--ink);color:var(--bg);box-shadow:none}.pill-seg{display:flex;gap:8px;flex-wrap:wrap}.pill-seg a,.pill-seg button{min-height:40px;padding:0 16px;border-radius:20px;border:0;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--ink);font-size:14px;font-weight:800;display:flex;align-items:center;gap:6px;text-decoration:none}.pill-seg [aria-current=page]{background:var(--ink);color:var(--bg)}.pill-seg .dot{width:8px;height:8px;border-radius:4px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:40px;padding:0 14px;border-radius:20px;border:1.5px solid transparent;background:var(--surface-2);color:var(--accent-soft-ink);font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:transform .15s var(--spring),background .15s}.chip.loved{color:#fff;transform:scale(1.04)}.chip.nope{background:var(--nope-bg);color:var(--nope-ink);border:1.5px dashed var(--nope-line);text-decoration:line-through}.chip.tag{min-height:30px;padding:0 11px;font-size:12px}.chip.pick{background:var(--surface);color:var(--ink);box-shadow:0 3px 0 var(--press);font-weight:800}.chip.pick.on{background:var(--ink);color:var(--bg);box-shadow:none}.field{display:flex;flex-direction:column;gap:6px}.field label,.label{font-size:13px;font-weight:800;color:var(--ink-2)}.input,.select,.textarea{width:100%;min-height:54px;border-radius:18px;border:2px solid var(--line);background:var(--surface);padding:0 16px;font-size:16px;color:var(--ink)}.textarea{padding:14px 16px;min-height:160px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search{position:relative}.search .input{border-radius:27px;padding-left:48px;padding-right:50px}.search .lead{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.search .trail{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.cover{position:relative;font-family:var(--serif);flex:none;aspect-ratio:2 / 3;border-radius:9px;overflow:hidden;box-shadow:0 12px 26px #140a3247;display:flex;flex-direction:column;justify-content:space-between}.cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cover .ct{font-weight:800;letter-spacing:-.01em;line-height:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.cover .ca{text-transform:uppercase;letter-spacing:.1em;border-top:1px solid currentColor;padding-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a:has(>.cover){text-decoration:none;flex:none}.bar{height:10px;border-radius:5px;background:var(--track);overflow:hidden}.bar>div{height:100%;background:var(--accent);border-radius:5px;transition:width .4s var(--spring)}.book-row{display:flex;gap:14px;align-items:center}.book-row .meta{flex:1;min-width:0}.book-title{font-size:16px;font-weight:800}.list{list-style:none;margin:0;padding:4px 14px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.list>li+li{border-top:1px solid var(--line)}.list-btn{width:100%;border:0;background:transparent;text-align:left;padding:12px 0;display:flex;gap:14px;align-items:center;color:var(--ink)}.cover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.cover-grid a{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:7px}@media (min-width: 560px){.cover-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 900px){.cover-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.hscroll{display:flex;gap:12px;overflow-x:auto;padding:2px 20px 10px;scroll-snap-type:x mandatory;scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{scroll-snap-align:start;flex:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(64px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);background:var(--surface);border-radius:22px 22px 0 0;box-shadow:0 -6px 24px #3c28781a;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center}@media (min-width: 560px){.tabbar{left:50%;right:auto;width:520px;transform:translate(-50%)}}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-3);font-size:10.5px;font-weight:600;text-decoration:none}.tab .pill{width:46px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:background .2s}.tab[aria-current=page]{color:var(--accent-text);font-weight:800}.tab[aria-current=page] .pill{background:var(--accent-soft)}.fab{justify-self:center;width:56px;height:56px;margin-top:-30px;border-radius:20px;background:var(--tang);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 5px 0 var(--tang-deep),0 12px 24px #ff6b3d59;transition:transform .12s var(--spring)}.fab:active{transform:translateY(3px)}@media (min-width: 900px){:root{--tabbar-h: 0px}.tabbar{left:20px;right:auto;top:50%;bottom:auto;transform:translateY(-50%);width:76px;height:auto;padding:10px 0;border-radius:26px;grid-template-columns:1fr;grid-auto-rows:64px;gap:6px}.fab{order:-1;margin:0 auto 8px}.app.with-rail .page{padding-left:120px;max-width:1100px}.home-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:40;animation:fade .18s ease}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;max-height:92dvh;overflow-y:auto;max-width:640px;margin:0 auto;background:var(--surface);border-radius:32px 32px 0 0;padding:10px 20px calc(env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;gap:18px;box-shadow:0 -10px 40px #0000002e;animation:up .3s var(--spring)}.sheet:focus{outline:none}.sheet .handle{width:44px;height:5px;border-radius:3px;background:var(--line-strong);align-self:center;flex:none}@media (min-width: 700px){.sheet{bottom:24px;border-radius:32px}}@keyframes up{0%{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.stars{position:relative;display:inline-flex;gap:4px}.stars .star{position:relative}.stars .star svg{display:block}.stars .fill{position:absolute;left:0;top:0;bottom:0;overflow:hidden}.stars input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.stars:focus-within{outline:3px solid var(--accent);outline-offset:4px;border-radius:10px}.skel{background:linear-gradient(90deg,var(--track) 0%,var(--surface-2) 50%,var(--track) 100%);background-size:200% 100%;animation:shimmer 1.3s infinite linear;border-radius:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 10px);z-index:60;background:var(--ink);color:var(--bg);padding:13px 18px;border-radius:16px;font-size:14px;font-weight:700;display:flex;gap:12px;align-items:center;max-width:calc(100vw - 32px);box-shadow:0 10px 30px #00000040;animation:up .25s var(--spring)}.toast button{background:none;border:0;color:inherit;font-weight:800;text-decoration:underline;min-height:32px}.confetti{position:fixed;top:0;z-index:70;pointer-events:none;animation:fall linear forwards}@keyframes fall{0%{transform:translateY(-40px) rotate(0)}to{transform:translateY(110vh) rotate(720deg)}}@media (prefers-reduced-motion: reduce){.page,.sheet,.scrim,.toast,.skel{animation:none}.confetti{display:none}}.empty{text-align:center;padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.empty .art{display:flex;gap:6px;align-items:flex-end;margin-bottom:6px}.empty .art span{width:34px;border-radius:6px}.dot{width:9px;height:9px;border-radius:5px;background:var(--tang);flex:none}.avatar{width:46px;height:46px;border-radius:23px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:800;font-size:19px;text-decoration:none;flex:none;background:var(--accent);color:#fff;box-shadow:0 0 0 3px var(--surface),0 0 0 5px #d9d0ff}.notice{border-radius:18px;padding:14px;background:#fff1e8;color:#9a3412;font-size:14px;display:flex;gap:10px;align-items:flex-start}.splash{position:fixed;top:0;right:0;bottom:0;left:0;background:#6c4bff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;z-index:100;transition:opacity .35s}.blob{position:absolute;border-radius:50%;pointer-events:none}.tile{border-radius:22px;padding:12px 12px 10px;display:flex;flex-direction:column;gap:2px;text-decoration:none}.glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;pointer-events:none}.hero{position:relative;overflow:hidden;border-radius:30px}.kpi{border-radius:22px;padding:12px;background:var(--surface);box-shadow:var(--shadow)}.kpi .v{font-family:var(--serif);font-size:26px;font-weight:800;display:flex;align-items:center;gap:4px}.why{border-radius:22px;padding:14px 16px}