:root{--bg:#000;--surface:#1c1c1e;--surface-2:#2c2c2e;--ink:#fff;--muted:#ebebf599;--tint:#0a84ff;--accent:#0a84ff;--accent-ink:#fff;--field-1:#f2f2f7;--field-1-ink:#000;--material:#1e1e209e;--material-edge:#ffffff1f;--plank:#2a2622;--step-small:.8125rem;--step-body:1.0625rem;--step-lead:1.25rem;--step-head:clamp(1.75rem, 1.4rem + 1.2vw, 2.125rem);--margin:clamp(16px, 4vw, 40px);--gap:16px;--spine-h:clamp(150px, 28vh, 240px);--ease-out:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.32, .72, 0, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 var(--step-body) / 1.47 system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;letter-spacing:-.022em;-webkit-font-smoothing:antialiased;margin:0}body.view-hive{overscroll-behavior:none;overflow:hidden}h1,h2,h3,p,dl,dd,fieldset{margin:0}a{color:var(--tint);text-decoration:none}a:hover{text-decoration:underline}button,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--tint);outline-offset:3px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.glass{background:var(--material);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);box-shadow:inset 0 0 0 .5px var(--material-edge)}.seg{border:0;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg label{position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{min-height:36px;color:var(--muted);transition:background-color .25s var(--spring), color .25s ease;white-space:nowrap;border-radius:999px;align-items:center;padding:0 16px;font-size:.9375rem;font-weight:500;display:inline-flex}.seg label:hover span{color:var(--ink)}.seg input:checked+span{color:var(--ink);background:#ffffff2e}.seg input:focus-visible+span{outline:3px solid var(--tint);outline-offset:1px}.pick{border-radius:999px;display:inline-flex;position:relative}.pick:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:14px;transform:translateY(-70%)rotate(45deg)}.pick select{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:42px;padding:0 36px 0 16px;font-size:.9375rem;font-weight:500}.pick select option{background:var(--surface);color:var(--ink)}.pick select:focus-visible{outline:3px solid var(--tint);outline-offset:2px}.top{z-index:20;padding:calc(env(safe-area-inset-top) + 20px) var(--margin) 40px;pointer-events:none;background:linear-gradient(#000000c7,#0000);justify-content:space-between;align-items:start;gap:16px 24px;display:flex;position:fixed;inset:0 0 auto}.top>*{pointer-events:auto}.title h1{font-size:var(--step-head);letter-spacing:-.03em;font-weight:700;line-height:1.1}.title p{color:var(--muted);max-width:42ch;margin-top:4px;font-size:.9375rem}.filters{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.hive-view{position:fixed;inset:0}.hive{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;--cell-w:128px;--cell-h:192px;position:absolute;inset:0;overflow:hidden}.hive.grabbing{cursor:grabbing}.hive.grabbing .cell{pointer-events:none}.follow .hive{cursor:default}.cell{width:var(--cell-w);height:var(--cell-h);background:var(--surface);cursor:pointer;isolation:isolate;will-change:transform, opacity;transform-origin:50%;opacity:0;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;padding:0;position:absolute;top:50%;left:50%}.cell img{object-fit:cover;border-radius:inherit;width:100%;height:100%;transition:transform .35s var(--spring), filter .35s ease;pointer-events:none;display:block}.cell:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #ffffff24}@media (hover:hover){.cell:hover img{transform:scale(1.05)}}.cell:active img{transform:scale(.97)}.cell:focus-visible{outline-offset:5px}.cell-title{text-align:left;place-items:end start;height:100%;padding:12px;font-size:.9375rem;font-weight:600;line-height:1.2;display:grid}.cell.now:before{content:"";z-index:-1;background:var(--glow,#fff);filter:blur(26px);opacity:.55;border-radius:28px;animation:3.6s ease-in-out infinite alternate breathe;position:absolute;inset:-16%}@keyframes breathe{0%{opacity:.3}to{opacity:.75}}.empty{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.hud{z-index:20;padding:48px var(--margin) calc(env(safe-area-inset-bottom) + 20px);pointer-events:none;background:linear-gradient(#0000,#000000b3);grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;display:grid;position:fixed;inset:auto 0 0}.hud>*{pointer-events:auto}.hint{color:var(--muted);font-size:.9375rem;transition:opacity .6s}.hint.gone{opacity:0}.mode{justify-self:center}.links{justify-self:end;gap:18px;font-size:.9375rem;display:flex}@media (pointer:coarse){.mode{display:none}}.card{width:min(860px,100vw - 32px);max-height:calc(100svh - 32px);color:var(--ink);background:0 0;border:0;padding:0;overflow:auto}.card.flying{overflow:visible}.card::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080}.card-panel{z-index:-1;-webkit-backdrop-filter:saturate(180%)blur(30px);backdrop-filter:saturate(180%)blur(30px);box-shadow:0 30px 90px #0000008c, inset 0 0 0 .5px var(--material-edge);background:#1c1c1edb;border-radius:22px;position:absolute;inset:0}.lifted{opacity:0!important}.card-inner{isolation:isolate;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;padding:28px;display:grid;position:relative}.card-cover{transform-origin:0 0;will-change:transform;aspect-ratio:2/3;background:var(--surface-2);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000080}.card-cover img{object-fit:cover;width:100%;height:100%;display:block}.card-cover .cell-title{font-size:var(--step-lead);padding:20px}.card-body{flex-direction:column;gap:6px;min-width:0;display:flex}.card-status{font-size:var(--step-small);color:var(--muted);font-weight:600}.card-status.now{color:#30d158}.card h2{letter-spacing:-.03em;font-size:clamp(1.625rem,1.2rem + 1.4vw,2.25rem);font-weight:700;line-height:1.08}.card-author{font-size:var(--step-lead);color:var(--muted)}.card-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.card-facts div{background:#ffffff0f;border-radius:12px;padding:12px 14px}.card-facts dt{font-size:var(--step-small);color:var(--muted)}.card-facts dd{font-size:var(--step-body);font-variant-numeric:tabular-nums;font-weight:600}.stars{vertical-align:-2px;gap:3px;display:inline-flex}.stars svg{fill:#ffffff2e;width:16px;height:16px}.stars svg.on{fill:#ff9f0a}.card-review{margin-top:18px}.card-review h3{font-size:var(--step-small);color:var(--muted);margin-bottom:4px;font-weight:600}.card-review p{font-size:var(--step-lead);line-height:1.4}.card-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:24px;display:flex}.done{background:var(--tint);color:#fff;cursor:pointer;min-height:44px;transition:transform .2s var(--spring), background-color .2s ease;border:0;border-radius:999px;padding:0 22px;font-weight:600}.done:hover{background:#409cff}.done:active{transform:scale(.96)}.shelf-view{padding:168px var(--margin) 96px;max-width:1400px;margin:0 auto}.shelf-head{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:40px;display:flex}.shelf-head h2{font-size:var(--step-head);letter-spacing:-.03em;font-weight:700}.note{color:var(--muted);flex-basis:100%;font-size:.9375rem}.runs{flex-direction:column;gap:44px;display:flex}.run-label{align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.run-label strong{font-weight:600}.run-label span{color:var(--muted)}.spines{border-bottom:14px solid var(--plank);flex-wrap:wrap;align-items:end;gap:18px 4px;margin:0;padding:0;list-style:none;display:flex}.spine{height:var(--spine-h);background:var(--surface-2);color:var(--ink);cursor:pointer;transition:transform .3s var(--spring);border:0;border-radius:3px 3px 0 0;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;display:flex;overflow:hidden}.spine:hover,.spine:focus-visible{transform:translateY(-14px)}.spine-title,.spine-author{writing-mode:vertical-rl;text-overflow:ellipsis;white-space:nowrap;min-height:0;max-height:100%;font-size:.9375rem;font-weight:600;line-height:1.1;overflow:hidden}.spine-author{flex:none;max-height:40%;font-size:.8125rem;font-weight:500}.face{height:var(--spine-h);aspect-ratio:2/3;background:var(--surface-2);cursor:pointer;transition:transform .3s var(--spring);border:0;border-radius:6px;padding:0;overflow:hidden}.face img{object-fit:cover;width:100%;height:100%;display:block}.face:hover,.face:focus-visible{transform:translateY(-14px)}@media (width<=600px){.face{height:calc(50vw - 24px)}}.shelf-empty{color:var(--muted)}::view-transition-group(*){animation-duration:.55s;animation-timing-function:var(--spring)}::view-transition-old(lifted){object-fit:cover;height:100%}::view-transition-new(lifted){object-fit:cover;height:100%}@media (prefers-reduced-motion:reduce){.cell.now:before{animation:none}.cell img,.spine,.face,.seg span,.done{transition:none}.spine:hover,.spine:focus-visible,.face:hover,.face:focus-visible{transform:none}::view-transition-group(*){animation:none}}@media (width<=720px){.top{flex-direction:column;gap:12px;padding-bottom:28px}.filters{scrollbar-width:none;flex-wrap:nowrap;justify-content:start;max-width:100%;margin:-2px;padding:2px;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters>*{flex:none}.hud{text-align:center;grid-template-columns:1fr;justify-items:center;padding-top:32px}.hint,.title p{font-size:var(--step-small)}.links{font-size:var(--step-small);justify-self:center}.card-inner{grid-template-columns:1fr;gap:20px;padding:20px}.card-cover{width:52%;margin:0 auto}.shelf-view{padding-top:196px}.spine-author{display:none}}