:root{--velvet:#1b1117;--seat:#26161f;--seat-edge:#3e2633;--tungsten:#f3e3c3;--dust:#c4ad97;--marquee:#f2b54a;--on-marquee:#2a1505;--alarm:#ff9d8a;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tap:44px;--gutter:16px;--tabbar-h:60px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--velvet);color:var(--tungsten);margin:0}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-size:17px;line-height:1.4;overflow-x:hidden}button,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--marquee);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.primary{min-height:var(--tap);background:var(--marquee);color:var(--on-marquee);border:0;border-radius:999px;padding:0 24px;font-weight:650}.ghost{min-height:var(--tap);min-width:var(--tap);border:1px solid var(--seat-edge);color:var(--dust);background:0 0;border-radius:999px;padding:0 12px;font-size:15px}.gate{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 32px) calc(env(safe-area-inset-right) + 28px) calc(env(safe-area-inset-bottom) + 32px) calc(env(safe-area-inset-left) + 28px);background:radial-gradient(ellipse 90% 45% at 50% 0%, #f2b54a1a, transparent 70%), var(--velvet);flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;max-width:34rem;margin:0 auto;display:flex}.gate-title{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(34px,10vw,48px);font-weight:600;line-height:1.05}.gate-lede{color:var(--dust);max-width:28em;margin:0;font-size:18px;line-height:1.5}.gate-email{color:var(--tungsten);overflow-wrap:anywhere;font-weight:600}.gate-error{color:var(--alarm);margin:0}.spinner{border:3px solid var(--seat-edge);border-top-color:var(--marquee);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.app{min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.topbar{z-index:2;padding:calc(env(safe-area-inset-top) + 6px) calc(env(safe-area-inset-right) + var(--gutter)) 6px calc(env(safe-area-inset-left) + var(--gutter));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--seat-edge);background:#1b1117f0;justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.brand{font-family:var(--serif);white-space:nowrap;margin:0;font-size:22px;font-weight:600}.topbar-actions{align-items:center;gap:8px;display:flex}.panel{padding:0 calc(env(safe-area-inset-right) + var(--gutter)) 24px calc(env(safe-area-inset-left) + var(--gutter))}.screen{max-width:40rem;margin:0 auto}.error-banner{margin:12px var(--gutter) 0;color:var(--alarm);background:#3a1a1e;border:1px solid #6b2c31;border-radius:10px;padding:10px 14px}.screen .error-banner{margin:0 0 12px}.tabbar{z-index:2;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-top:1px solid var(--seat-edge);background:#1e1219;position:fixed;bottom:0;left:0;right:0}.tablist{max-width:40rem;margin:0 auto;display:flex}.tab{min-height:var(--tabbar-h);color:var(--dust);background:0 0;border:0;flex:1;font-size:17px;font-weight:600;position:relative}.tab[aria-selected=true]{color:var(--marquee)}.tab[aria-selected=true]:before{content:"";background:var(--marquee);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:30%;right:30%}.switcher{border:1px solid var(--seat-edge);background:var(--seat);border-radius:14px;gap:2px;margin-top:16px;padding:3px;display:flex}.switch{min-width:0;min-height:var(--tap);color:var(--dust);font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:11px;flex:1;padding:0 8px;font-size:17px;font-weight:600;overflow:hidden}.switch-on{background:var(--marquee);color:var(--on-marquee)}.chips{flex-wrap:wrap;gap:8px;padding-top:16px;display:flex}.chip{border:1.5px solid var(--seat-edge);min-height:52px;color:var(--dust);text-align:left;background:0 0;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;padding:6px 16px;display:inline-flex}.chip-name{font-size:17px;font-weight:650;line-height:1.15}.chip-count{font-variant-numeric:tabular-nums;opacity:.85;font-size:13px}.chip-on{background:var(--marquee);border-color:var(--marquee);color:var(--on-marquee)}.controls{gap:8px;margin-top:12px;display:flex}.control{flex:1;min-width:0}.control select{width:100%;min-height:var(--tap);border:1px solid var(--seat-edge);background:linear-gradient(45deg, transparent 50%, var(--dust) 50%) right 16px center / 6px 6px no-repeat, linear-gradient(-45deg, transparent 50%, var(--dust) 50%) right 11px center / 6px 6px no-repeat, var(--seat);appearance:none;text-overflow:ellipsis;border-radius:10px;padding:0 32px 0 12px;font-size:16px}.count,.progress{font-family:var(--serif);color:var(--tungsten);margin:18px 0 4px;font-size:20px;font-weight:600}.progress-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding-top:16px;display:flex}.progress-row .progress{min-width:0;margin:0}.reveal{white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}.reveal[aria-pressed=false]{color:var(--marquee);border-color:#f2b54a73}.empty{font-family:var(--serif);color:var(--dust);text-align:center;margin:40px 0;font-size:22px;line-height:1.3}.rows{margin:0;padding:0;list-style:none}.row+.row{border-top:1px solid var(--seat-edge)}.row-body{text-align:left;grid-template-columns:2.6rem 1fr;column-gap:10px;width:100%;padding:14px 0;display:grid}.row-body-flat{grid-template-columns:1fr}.row-toggle{min-height:var(--tap);background:0 0;border:0;border-radius:8px}.row-toggle:active{background:var(--seat)}.row-rank{font-family:var(--serif);color:var(--marquee);text-align:right;font-variant-numeric:lining-nums;opacity:.85;font-size:30px;font-style:italic;line-height:1}.row-rank-3{letter-spacing:-.03em;padding-top:4px;font-size:22px}.row-main{flex-direction:column;gap:4px;min-width:0;display:flex}.row-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.row-title{font-family:var(--serif);color:var(--tungsten);overflow-wrap:anywhere;margin:0;font-size:19px;font-weight:600;line-height:1.2}.row-year{color:var(--dust);font-weight:400}.row-meta{color:var(--dust);white-space:nowrap;flex-shrink:0;font-size:14px}.row-places{letter-spacing:.02em;color:var(--marquee);opacity:.85;font-variant-numeric:lining-nums;font-size:13px}.row-blurb{color:var(--dust);font-size:16px;line-height:1.35}.row-bottom{justify-content:space-between;align-items:center;gap:10px;min-height:28px;display:flex}.row-scores{font-variant-numeric:tabular-nums;color:var(--tungsten);gap:18px;font-size:16px;display:flex}.score{align-items:center;gap:7px;display:inline-flex}.score-value{font-weight:600}.imdb-badge{color:#000;letter-spacing:.02em;background:#f5c518;border-radius:4px;padding:4px 5px 3px;font-family:Impact,Arial Black,Helvetica Neue,sans-serif;font-size:12px;font-weight:800;line-height:1}.score-icon{flex:none;width:20px;height:20px}.row-marks{align-items:center;gap:8px;display:flex}.row-others{gap:4px;display:flex}.initial{background:var(--seat-edge);width:24px;height:24px;color:var(--tungsten);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.tick{border:2px solid #c4ad978c;border-radius:8px;place-items:center;width:30px;height:30px;font-size:18px;font-weight:800;line-height:1;display:inline-grid}.tick-on{background:var(--marquee);border-color:var(--marquee);color:var(--on-marquee)}.is-watched .row-title{color:var(--dust)}.link{min-height:var(--tap);color:var(--tungsten);background:0 0;border:0;padding:0 4px;text-decoration:underline}.toast-slot{left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 10px);z-index:3;padding:0 calc(env(safe-area-inset-right) + var(--gutter)) 0 calc(env(safe-area-inset-left) + var(--gutter));pointer-events:none;justify-content:center;display:flex;position:fixed}.toast{pointer-events:auto;border:1px solid var(--seat-edge);width:100%;max-width:40rem;color:var(--dust);background:#2f1c27;border-radius:14px;align-items:center;gap:8px;margin:0;padding:4px 4px 4px 16px;font-size:15px;display:flex;box-shadow:0 8px 24px #00000080}.toast-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.toast-title{font-family:var(--serif);color:var(--tungsten);font-weight:600}.toast-undo{min-height:var(--tap);color:var(--marquee);background:0 0;border:0;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.toast-kbd{border:1px solid var(--seat-edge);color:var(--dust);white-space:nowrap;border-radius:6px;padding:2px 6px;font:600 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}@media (hover:none) and (pointer:coarse){.toast-kbd{display:none}}.list-note{color:var(--dust);margin:0 0 10px;font-size:13px}.screen-checklist{padding-bottom:48px}.toast-text{gap:.35em;display:flex}.toast-title{text-overflow:ellipsis;min-width:0;overflow:hidden}.toast-what{flex-shrink:0}.row-split .row-toggle{padding-bottom:8px}.row-answers{gap:8px;padding-bottom:14px;display:flex}.answer{min-width:0;min-height:48px;color:var(--tungsten);white-space:nowrap;background:0 0;border:1.5px solid #c4ad9773;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:16px;font-weight:600;display:inline-flex}.answer:active{background:var(--seat)}.answer-mark{font-weight:800}.answer-yes.answer-on{background:var(--marquee);border-color:var(--marquee);color:var(--on-marquee)}.answer-no.answer-on{background:var(--dust);border-color:var(--dust);color:var(--on-marquee)}.answer-key,.key-hint{display:none}.answer-key,.key-hint kbd{border:1px solid;border-radius:6px;padding:1px 6px;font:700 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}@media (hover:hover) and (pointer:fine){.answer-key{opacity:0;transition:opacity .12s;display:inline-block}.row-split:hover .answer-key,.row-split:focus-within .answer-key{opacity:.75}.row-split:hover{background:#ffffff06}.key-hint{color:var(--dust);margin:0 0 10px;font-size:13px;display:block}}@media (width<=400px){.switch{padding:0 4px;font-size:15px}}.row-split{touch-action:pan-y;position:relative;overflow:hidden}.row-slide{background:var(--velvet);will-change:transform;position:relative}.row-under{color:var(--on-marquee);opacity:.55;align-items:center;padding:0 18px;font-size:17px;font-weight:700;display:none;position:absolute;inset:0}.row-split[data-swipe=left] .row-under-yes{background:var(--marquee);justify-content:flex-end;display:flex}.row-split[data-swipe=right] .row-under-no{background:var(--dust);justify-content:flex-start;display:flex}.row-split[data-armed] .row-under{opacity:1}.swipe-hint{color:var(--dust);margin:0 0 10px;font-size:13px;display:none}@media (hover:none) and (pointer:coarse){.swipe-hint{display:block}}@media (width<=400px){.answer{gap:5px;padding:0 6px;font-size:15px}}.answer-again.answer-on{background:var(--tungsten);border-color:var(--tungsten);color:var(--on-marquee)}.under-long,.row-split[data-armed=long] .under-short{display:none}.row-split[data-armed=long] .under-long{display:inline}.row-split[data-armed=long] .row-under-yes{background:var(--tungsten)}.row-rewatch{color:var(--marquee);font-size:13px}@media (width<=400px){.answer{gap:5px;padding:0 6px;font-size:15px}}.view-switch{margin:8px 0 10px}.view-switch .switch{font-family:var(--sans);font-variant-numeric:tabular-nums;flex:auto;padding:0 6px;font-size:15px}.tab{justify-content:center;align-items:center;gap:10px;display:flex}.tab-step{border:1.5px solid;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:grid}.tab[aria-selected=true] .tab-step{background:var(--marquee);border-color:var(--marquee);color:var(--on-marquee)}.tab-text{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.tab-sub{opacity:.8;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.nudge{margin:16px 0 0}.nudge-big{background:var(--seat);border:1px solid #f2b54a73;border-radius:14px;padding:16px}.nudge-title{font-family:var(--serif);color:var(--tungsten);margin:0 0 6px;font-size:20px;font-weight:600}.nudge-text{color:var(--dust);margin:0;line-height:1.45}.nudge-big .primary{margin-top:14px}.nudge-line{color:var(--dust);flex-wrap:wrap;align-items:center;gap:0 8px;font-size:14px;display:flex}.answer-kids.answer-on{color:#0c2a25;background:#8fd0c2;border-color:#8fd0c2}.row-four .answer-kids{flex:0 auto}@media (width<=400px){.row-four .row-answers{gap:6px}.row-four .answer{gap:4px;padding:0 4px;font-size:14px}}.kids-toggle{min-height:var(--tap);margin-top:10px;padding:6px 14px;font-weight:600}@media (width<=350px){.row-four .answer-mark{display:none}}.sheet-backdrop{z-index:10;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:40rem;max-height:88dvh;padding:18px calc(env(safe-area-inset-right) + var(--gutter)) calc(env(safe-area-inset-bottom) + 22px) calc(env(safe-area-inset-left) + var(--gutter));border:1px solid var(--seat-edge);background:var(--seat);border-bottom:0;border-radius:18px 18px 0 0;overflow-y:auto}@media (width>=700px){.sheet-backdrop{align-items:center}.sheet{border-bottom:1px solid var(--seat-edge);border-radius:18px}}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-title{font-family:var(--serif);margin:0;font-size:24px;font-weight:600}.sheet-sub{letter-spacing:.06em;text-transform:uppercase;color:var(--dust);margin:22px 0 6px;font-size:13px;font-weight:700}.sheet-text{color:var(--dust);margin:10px 0;line-height:1.45}.sheet-text strong{color:var(--tungsten);overflow-wrap:anywhere}.sheet .error-banner{margin:12px 0 0}.invite-form{gap:8px;display:flex}.invite-form input{border:1px solid var(--seat-edge);background:var(--velvet);min-width:0;min-height:48px;color:var(--tungsten);border-radius:12px;flex:1;padding:0 14px;font-size:16px}.invite-actions{flex-wrap:wrap;gap:8px;display:flex}.invite-link{align-items:center;text-decoration:none;display:inline-flex}.invite-list{margin:0;padding:0;list-style:none}.invite-row{border-top:1px solid var(--seat-edge);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.invite-who{flex-direction:column;min-width:0;display:flex}.invite-email{color:var(--tungsten);overflow-wrap:anywhere}.invite-by{color:var(--dust);font-size:13px}@media (width<=560px){.row-four .answer-key{display:none}}.tour-video{background:#000;border-radius:12px;width:auto;max-width:100%;max-height:60dvh;margin:12px auto 0;display:block}
