:root{--accent: oklch(.8 .13 78);--accent-ink: oklch(.2 .05 75);--bg-hue: 75;--bg-chroma: .008;--bg: oklch(.145 var(--bg-chroma) var(--bg-hue));--bg-raised: oklch(.185 calc(var(--bg-chroma) + .004) var(--bg-hue));--surface: oklch(.21 calc(var(--bg-chroma) + .006) var(--bg-hue));--ink: oklch(.94 .012 80);--muted: oklch(.68 .02 78);--faint: oklch(.52 .015 78);--line: oklch(.32 .02 78);--font-display: "Fraunces", Georgia, serif;--font-ui: "Inter", system-ui, sans-serif;--r-card: 12px;--r-input: 10px;--r-pill: 999px;--ease: cubic-bezier(.22, 1, .36, 1);--t-fast: .18s;--t-med: .25s;--t-ambient: .85s;--z-nav: 10;--z-palette-backdrop: 40;--z-palette: 41;--z-grain: 30;--gutter: 48px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:color-mix(in oklab,var(--accent) 35%,transparent)}h1,h2,h3{text-wrap:balance;font-weight:500}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media(max-width:900px){:root{--gutter: 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;gap:40px;padding:22px var(--gutter) 40px}.nav--overlay{position:absolute;top:0;left:0;right:0;z-index:var(--z-nav);background:linear-gradient(180deg,color-mix(in oklab,oklch(.08 .005 260) 72%,transparent) 0%,color-mix(in oklab,oklch(.08 .005 260) 38%,transparent) 55%,transparent 100%)}.nav--solid{position:relative;padding-bottom:22px;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:19px;white-space:nowrap}.wordmark span{color:var(--accent)}.nav-links{display:flex;gap:28px;font-size:14px}.nav-links a{color:var(--muted);transition:color var(--t-fast);position:relative}.nav-links a:hover{color:var(--ink)}.nav-links a.active{color:var(--accent)}.nav-spacer{flex:1}.nav-search{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink);border:1px solid color-mix(in oklab,var(--ink) 28%,transparent);background:color-mix(in oklab,oklch(.1 .005 260) 42%,transparent);padding:8px 14px;border-radius:var(--r-pill);transition:border-color var(--t-fast)}.nav-search:hover{border-color:color-mix(in oklab,var(--ink) 50%,transparent)}.nav-search kbd{font:600 11px var(--font-ui);border:1px solid color-mix(in oklab,var(--ink) 25%,transparent);border-radius:5px;padding:1px 5px;color:var(--muted)}.nav-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--ink);font-size:13px;font-weight:600}.grain:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:overlay}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;font-size:14.5px;font-weight:600;border-radius:var(--r-pill);transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast),border-color var(--t-fast)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{box-shadow:0 6px 28px -8px color-mix(in oklab,var(--accent) 65%,transparent)}.btn--ghost{border:1px solid var(--line);color:var(--ink)}.btn--ghost:hover{border-color:var(--muted)}.btn--ghost.is-on{border-color:color-mix(in oklab,var(--accent) 60%,transparent);color:var(--accent)}.btn .tri{font-size:11px}.btn--small{padding:9px 18px;font-size:13.5px}.btn:disabled{opacity:.45;pointer-events:none}.match-badge{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--accent);background:color-mix(in oklab,var(--accent) 18%,transparent);padding:4px 12px;border-radius:var(--r-pill);white-space:nowrap}.context-strip{font-size:13.5px;color:var(--muted);letter-spacing:.01em;display:flex;align-items:baseline;gap:10px}.context-strip>*{min-width:0}.context-strip .pulse{flex:0 0 auto;align-self:center;width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 2.6s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--accent) 45%,transparent)}70%{box-shadow:0 0 0 9px transparent}to{box-shadow:0 0 0 0 transparent}}.why-line{font-size:15px;line-height:1.6;color:var(--muted);max-width:52ch}.why-line em{font-style:normal;color:var(--ink)}.meta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.meta-row .sep{opacity:.5}.poster-card{flex:0 0 164px;text-align:left}.poster-card .frame{border-radius:var(--r-card);overflow:hidden;aspect-ratio:2 / 3;background:var(--surface);transition:transform var(--t-med) var(--ease),box-shadow var(--t-med),outline-color var(--t-med);outline:1px solid transparent;outline-offset:-1px}.poster-card img{width:100%;height:100%;object-fit:cover}.poster-card:hover .frame,.poster-card:focus-visible .frame{transform:translateY(-6px);box-shadow:0 14px 34px -14px color-mix(in oklab,var(--accent) 40%,oklch(0 0 0 / .6));outline-color:color-mix(in oklab,var(--accent) 45%,transparent)}.poster-card .label{margin-top:10px;font-size:13.5px;font-weight:500;line-height:1.35}.poster-card .pct{margin-top:3px;font-size:12.5px;color:var(--accent);font-weight:600}.shelf{padding:34px var(--gutter) 26px}.shelf-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px}.shelf-head h2{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:24px;letter-spacing:-.01em}.shelf-head a{font-size:13.5px;color:var(--muted);transition:color var(--t-fast)}.shelf-head a:hover{color:var(--accent)}.shelf-row{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}.shelf-row::-webkit-scrollbar{display:none}.hero{position:relative;min-height:82vh;display:flex;align-items:flex-end;padding:140px var(--gutter) 56px;overflow:hidden}.hero .bd{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}.hero .bd--dim{filter:brightness(.8)}.hero .scrim{position:absolute;inset:0;z-index:1}.hero .scrim--bottom{background:linear-gradient(to top,var(--bg) 7%,transparent 64%)}.hero .scrim--left{background:linear-gradient(90deg,color-mix(in oklab,var(--bg) 93%,transparent) 0%,color-mix(in oklab,var(--bg) 45%,transparent) 42%,transparent 66%)}.hero .glow{position:absolute;z-index:1;left:-140px;bottom:-180px;width:640px;height:640px;border-radius:50%;background:var(--accent);filter:blur(130px);opacity:.15;pointer-events:none}.hero-content{position:relative;z-index:2;max-width:760px;width:100%;min-width:0}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,6.4vw,5.6rem);line-height:1;font-weight:500;letter-spacing:-.015em;margin:16px 0 18px}.hero-title em{font-style:italic;color:var(--accent)}.hero .meta-row{margin-bottom:14px}.hero .why-line{margin-bottom:28px}.cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.discover{display:grid;grid-template-columns:420px 1fr;gap:40px;padding:40px var(--gutter) 80px;align-items:start}.dial-panel{position:sticky;top:32px}.dial-panel h1{font-family:var(--font-display);font-style:italic;font-size:34px;margin-bottom:6px}.dial-panel .sub{color:var(--muted);font-size:14px;margin-bottom:26px;max-width:38ch}.mood-dial{touch-action:none;-webkit-user-select:none;user-select:none;display:block;margin-inline:auto;max-width:100%;height:auto}.mood-dial .ring{fill:none;stroke:var(--line);stroke-width:1}.mood-dial .spoke{stroke:var(--line);stroke-width:1.5}.mood-dial .shape{fill:color-mix(in oklab,var(--accent) 22%,transparent);stroke:var(--accent);stroke-width:1.5}.mood-dial .handle{fill:var(--accent);stroke:var(--bg);stroke-width:3;cursor:grab}.mood-dial .handle:active{cursor:grabbing}.mood-dial .axis-label{font:600 11.5px var(--font-ui);letter-spacing:.04em;fill:var(--muted);text-transform:none}.dial-word{text-align:center;margin-top:18px}.dial-word .word{font-family:var(--font-display);font-style:italic;font-size:30px;color:var(--accent)}.dial-word .hint{color:var(--faint);font-size:12.5px;margin-top:4px}.discover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 20px}.discover-grid .poster-card{flex:none}.detail-body{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;padding:8px var(--gutter) 40px;align-items:start}.detail-section h3{font-family:var(--font-display);font-style:italic;font-size:21px;margin-bottom:14px}.why-panel{background:var(--bg-raised);border-radius:var(--r-card);padding:24px 26px}.why-panel .reason{display:flex;gap:14px;padding:11px 0;font-size:14.5px;color:var(--muted)}.why-panel .reason+.reason{border-top:1px solid var(--line)}.why-panel .reason .dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:7px}.why-panel .reason strong{color:var(--ink);font-weight:600}.cast-strip{display:flex;gap:12px;flex-wrap:wrap}.cast-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 16px 7px 8px;font-size:13.5px}.cast-chip .initial{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:color-mix(in oklab,var(--accent) 20%,transparent);color:var(--accent);font-size:12px;font-weight:600}.fact-list{display:grid;gap:10px;font-size:14px}.fact-list .fact{display:flex;justify-content:space-between;gap:20px;padding-bottom:10px;border-bottom:1px solid var(--line)}.fact-list .fact span:first-child{color:var(--faint)}.list-head{padding:56px var(--gutter) 8px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.screen-title{font-family:var(--font-display);font-style:italic;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1.05}.screen-sub{color:var(--muted);font-size:14.5px;margin-top:10px;max-width:52ch}.marathon{text-align:right;font-size:13.5px;color:var(--muted)}.marathon strong{display:block;font-family:var(--font-display);font-style:italic;font-weight:500;font-size:26px;color:var(--accent)}.watch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:26px 20px;padding:34px var(--gutter) 90px}.watch-grid .poster-card{flex:none;position:relative}.poster-card .remove{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#080503b8;color:var(--ink);font-size:15px;opacity:0;transition:opacity var(--t-fast),background-color var(--t-fast)}.watch-grid .poster-card:hover .remove,.poster-card .remove:focus-visible{opacity:1}.poster-card .remove:hover{background:#22100fe6}.empty-state{padding:90px var(--gutter) 120px;text-align:center}.empty-state .big{font-family:var(--font-display);font-style:italic;font-size:30px;margin-bottom:10px}.empty-state p{color:var(--muted);margin-bottom:26px}.taste-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px var(--gutter) 90px;align-items:start}.panel{background:var(--bg-raised);border-radius:var(--r-card);padding:26px 28px}.panel>h3{font-family:var(--font-display);font-style:italic;font-size:20px;margin-bottom:18px}.radar .axis{stroke:var(--line);stroke-width:1}.radar .web{fill:none;stroke:var(--line);stroke-width:.75}.radar .blob{fill:color-mix(in oklab,var(--accent) 24%,transparent);stroke:var(--accent);stroke-width:1.5}.radar .tick{font:600 11.5px var(--font-ui);fill:var(--muted)}.constellation .star{fill:var(--accent)}.constellation .link{stroke:color-mix(in oklab,var(--accent) 40%,transparent);stroke-width:1}.constellation .star-label{font:500 11px var(--font-ui);fill:var(--muted)}.stat-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;font-size:14px;border-bottom:1px solid var(--line);color:var(--muted)}.stat-row:last-child{border-bottom:none}.stat-row strong{color:var(--ink);font-weight:600;text-align:right}.stat-row strong em{font-style:normal;color:var(--accent)}.onboard{min-height:100vh;display:flex;flex-direction:column;padding:48px var(--gutter) 56px;position:relative;overflow:hidden}.onboard .kicker{font-family:var(--font-display);font-style:italic;font-size:19px;color:var(--accent)}.onboard h1{font-family:var(--font-display);font-size:clamp(2.4rem,4.6vw,4rem);line-height:1.04;margin:14px 0 8px;max-width:22ch}.onboard .lede{color:var(--muted);max-width:54ch;margin-bottom:34px}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:16px;flex:1;align-content:start}.pick{position:relative;border-radius:var(--r-card);overflow:hidden;aspect-ratio:2 / 3;outline:2px solid transparent;outline-offset:-2px;transition:outline-color var(--t-fast),transform var(--t-fast) var(--ease),opacity var(--t-fast)}.pick img{width:100%;height:100%;object-fit:cover}.pick:hover{transform:translateY(-4px)}.pick.is-picked{outline-color:var(--accent)}.pick.is-picked:after{content:"✓";position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:700}.onboard-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;flex-wrap:wrap}.onboard-foot .count{color:var(--muted);font-size:14px}.onboard-foot .count strong{color:var(--accent)}.slider-block{max-width:560px;margin-bottom:30px}.slider-block .ends{display:flex;justify-content:space-between;font-size:13.5px;color:var(--muted);margin-bottom:10px}.slider-block input[type=range]{width:100%;accent-color:var(--accent)}.palette-backdrop{position:fixed;inset:0;z-index:var(--z-palette-backdrop);background:#01000099}.palette{position:fixed;z-index:var(--z-palette);top:14vh;left:50%;transform:translate(-50%);width:min(620px,calc(100vw - 40px));background:var(--bg-raised);border:1px solid var(--line);border-radius:14px;overflow:hidden}.palette input{width:100%;background:none;border:none;outline:none;color:var(--ink);font:500 17px var(--font-ui);padding:20px 22px;border-bottom:1px solid var(--line)}.palette input::placeholder{color:var(--faint)}.palette .results{max-height:46vh;overflow-y:auto;padding:8px}.palette .result{display:flex;align-items:center;gap:14px;width:100%;padding:9px 12px;border-radius:9px;text-align:left}.palette .result img{width:34px;height:50px;object-fit:cover;border-radius:6px}.palette .result .t{font-size:14.5px;font-weight:500}.palette .result .s{font-size:12.5px;color:var(--muted)}.palette .result.is-active{background:color-mix(in oklab,var(--accent) 14%,transparent)}.palette .result.is-active .t{color:var(--accent)}.palette .none{padding:26px 22px;color:var(--muted);font-size:14px}.app-footer{margin-top:auto;padding:40px var(--gutter) 48px;border-top:1px solid var(--line);color:var(--faint);font-size:13px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}@media(max-width:1100px){.discover{grid-template-columns:1fr}.dial-panel{position:static}.detail-body,.taste-grid{grid-template-columns:1fr}}@media(max-width:900px){.nav{gap:20px}.nav-links,.nav-search{display:none}.poster-card{flex-basis:138px}.hero{min-height:72vh;padding-top:110px}}