@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f6;--surface:#fff;--raised:#fff;--border:#e2e3e7;--border-strong:#c3c6cd;--border-control:#848a99;--text:#141518;--muted:#5b5f69;--faint:#686c76;--ink:#141518;--on-ink:#fff;--star:#b57614;--star-text:#7d520c;--danger:#b8322c;--focus:#c07f16;--selection:#ffe6b3;--font:"Geist", system-ui, -apple-system, sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:2rem;--leading:1.5;--leading-tight:1.2;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--r-sm:4px;--r-md:6px;--r-lg:10px;--r-xl:14px;--r-pill:999px;--hairline:1px solid var(--border);--shadow-1:0 1px 2px #1415180f, 0 0 0 1px #1415180a;--shadow-2:0 12px 32px #14151824, 0 0 0 1px #1415180d;--fast:.12s;--base:.18s;--ease:cubic-bezier(.2, .7, .2, 1);--nav-h:3.25rem;--strip-h:0px}:root:has(.demo-strip){--strip-h:1.875rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1114;--surface:#15181c;--raised:#1b1f24;--border:#252a31;--border-strong:#3a414b;--border-control:#626e80;--text:#eceef1;--muted:#9aa1ac;--faint:#7e8693;--ink:#eceef1;--on-ink:#0f1114;--star:#f0b94a;--star-text:#f0b94a;--danger:#f07671;--focus:#f0b94a;--selection:#4a3a12;--shadow-1:0 1px 2px #0006, 0 0 0 1px #ffffff0a;--shadow-2:0 16px 40px #0009, 0 0 0 1px #ffffff0f}}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font:400 var(--text-base) / var(--leading) var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv11";margin:0}::selection{background:var(--selection)}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:.2em;text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}p a,.film-page-links a{text-decoration:underline;-webkit-text-decoration-color:var(--border-control);text-decoration-color:var(--border-control);text-underline-offset:.2em}p a:hover,.film-page-links a:hover{-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}p{margin:0 0 var(--s3)}h1,h2,h3{line-height:var(--leading-tight);letter-spacing:-.015em;margin:0;font-weight:600}h1{font-size:var(--text-2xl);margin:var(--s5) 0 var(--s4)}h2{font-size:var(--text-md);margin:var(--s6) 0 var(--s3)}h3{font-size:var(--text-base)}strong{font-weight:600}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:var(--text-xs)}.error{margin:0 0 var(--s2);color:var(--danger);font-size:var(--text-sm)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{max-width:64rem;min-height:calc(100dvh - var(--strip-h));padding:0 var(--s5) var(--s8);flex-direction:column;margin:0 auto;display:flex}.main{flex:1}.nav,.landing-nav{z-index:20;height:var(--nav-h);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:var(--hairline);align-items:center;display:flex;position:sticky;top:0}.nav{top:var(--strip-h);gap:var(--s1);margin:0 calc(var(--s5) * -1);padding:0 var(--s4)}.nav a,.landing-login{border-radius:var(--r-md);color:var(--muted);font-size:var(--text-sm);transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease);padding:.35rem .6rem;font-weight:500;position:relative}.nav a:hover,.landing-login:hover{color:var(--text);background:color-mix(in srgb, var(--ink) 6%, transparent);text-decoration:none}.nav a.active,.screen-nav .active{color:var(--text);background:color-mix(in srgb, var(--ink) 9%, transparent)}.dot{background:var(--ink);border-radius:50%;width:.375rem;height:.375rem;position:absolute;top:.15rem;right:.15rem}.wordmark{--mark-size:1;color:var(--text);font-size:var(--text-md);letter-spacing:-.02em;align-items:baseline;gap:.45rem;margin:0;font-weight:600;display:inline-flex}.wordmark svg{width:calc(var(--mark-size) * 1em);height:calc(var(--mark-size) * 1em);flex:none}a.wordmark:hover{text-decoration:none}a.wordmark:focus-visible{outline-offset:5px}.nav .wordmark{margin-right:auto;padding-left:.5rem}.nav .wordmark:hover{background:0 0}.section{margin-bottom:var(--s6)}.section>h2{padding-bottom:var(--s2);border-bottom:var(--hairline)}.section>p{max-width:68ch}.button{border-radius:var(--r-md);background:var(--ink);height:2.125rem;color:var(--on-ink);border:1px solid var(--ink);font-size:var(--text-sm);letter-spacing:.005em;white-space:nowrap;cursor:pointer;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);justify-content:center;align-items:center;gap:.4rem;padding:0 .875rem;font-weight:500;text-decoration:none;display:inline-flex}.button:hover{background:color-mix(in srgb, var(--ink) 84%, var(--bg));border-color:color-mix(in srgb, var(--ink) 84%, var(--bg))}.button:active{transform:translateY(1px)}.button.secondary{background:var(--surface);color:var(--text);border-color:var(--border-control);box-shadow:var(--shadow-1)}.button.secondary:hover{background:var(--raised);border-color:var(--faint)}.button.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:0 0}.button.danger:hover{background:color-mix(in srgb, var(--danger) 10%, transparent);border-color:var(--danger)}.button:disabled{opacity:.45;cursor:default;transform:none}.link-button{color:var(--muted);font-size:var(--text-sm);cursor:pointer;text-underline-offset:.2em;transition:color var(--fast) var(--ease), text-decoration-color var(--fast) var(--ease);background:0 0;border:0;padding:0;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.link-button:hover:not(:disabled){color:var(--text);-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.link-button:disabled{cursor:default;opacity:.45}.actions,.filters{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.field{border:1px solid var(--border-control);border-radius:var(--r-md);background:var(--surface);min-height:2.125rem;box-shadow:var(--shadow-1);font-size:var(--text-sm);transition:border-color var(--fast) var(--ease);align-items:center;gap:.4rem;padding:0 .25rem 0 .7rem;display:inline-flex}.field:hover{border-color:var(--faint)}.field:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px;border-color:var(--faint)}.field>span:first-child{color:var(--muted);white-space:nowrap}.field select,.field input{min-width:0;font-size:var(--text-sm);color:var(--text);background:0 0;border:0;outline:none;padding:.3rem .45rem;font-weight:500}.field select{appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"6\" viewBox=\"0 0 10 6\"><path d=\"M1 1l4 4 4-4\" fill=\"none\" stroke=\"%23868a94\" stroke-width=\"1.5\"/></svg>") right .45rem center no-repeat;padding-right:1.3rem}.field input::placeholder{color:var(--faint)}.section>.filters{margin-bottom:var(--s4)}.form{gap:var(--s4);flex-direction:column;display:flex}.form .field{gap:.15rem;padding:.45rem .7rem;display:grid}.form .field>span:first-child{color:var(--muted);font-size:var(--text-xs);font-weight:500}.form .field input{font-size:var(--text-base);padding:0}.form .button{align-self:stretch}.anchor-badge,.state-flag,.chip{white-space:nowrap;vertical-align:middle;font-size:var(--text-xs);border-radius:var(--r-sm);align-items:center;gap:.3rem;line-height:1;display:inline-flex}.anchor-badge{color:var(--star-text);border:1px solid color-mix(in srgb, var(--star) 55%, transparent);background:color-mix(in srgb, var(--star) 10%, transparent);letter-spacing:.06em;text-transform:uppercase;padding:.2rem .4rem;font-weight:600}.anchor-badge:before{content:"";background:var(--star);border-radius:50%;width:.4rem;height:.4rem}button.anchor-badge{font:inherit;font-size:var(--text-xs);cursor:pointer;transition:color var(--fast) var(--ease), border-color var(--fast) var(--ease), background-color var(--fast) var(--ease)}.anchor-badge[aria-pressed=false]{color:var(--muted);border-color:var(--border-control);background:0 0}.anchor-badge[aria-pressed=false]:before{background:0 0;border:1px solid}.anchor-badge[aria-pressed=false]:hover{color:var(--text);border-color:var(--border-strong)}.state-flag{color:var(--muted);background:color-mix(in srgb, var(--ink) 6%, transparent);padding:.2rem .45rem;font-weight:500}.state-flag-rated{color:var(--star-text);background:color-mix(in srgb, var(--star) 12%, transparent)}.chip{border:1px solid var(--border-strong);border-radius:var(--r-pill);font-size:var(--text-sm);color:var(--text);background:var(--surface);padding:.35rem .65rem;font-weight:500}.band{flex-direction:row-reverse;align-items:baseline;gap:.45rem;display:inline-flex}.band-value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:600}.band-stars{color:var(--star);letter-spacing:.08em;font-size:.78em}.band-pending{color:var(--muted);font-style:italic;font-weight:500}.card{padding:var(--s4) var(--s5);border:var(--hairline);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1)}.card>:last-child{margin-bottom:0}.film-list{margin:0;padding:0;list-style:none}.film-row{gap:var(--s4);padding:var(--s3) 0;border-bottom:var(--hairline);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.film-row .poster{width:3rem}.film-row-body{min-width:0}.film-row-title{font-size:var(--text-base);margin:0;font-weight:500}.film-row-meta{align-items:center;gap:var(--s2);font-size:var(--text-sm);flex-wrap:wrap;margin:.15rem 0 0;display:flex}.row-verbs{align-items:center;gap:var(--s3);margin:var(--s2) 0 0;font-size:var(--text-sm);flex-wrap:wrap;display:flex}.film-row-actions{align-items:stretch;gap:var(--s2);text-align:center;flex-direction:column;min-width:0;display:flex}.suggestion{padding:var(--s4) 0;align-items:start}.suggestion .poster{width:4.5rem}.suggestion .film-row-actions{align-self:start}details.spoiler.section{margin-top:var(--s6)}.pitch{margin:var(--s2) 0;max-width:46ch}.empty{padding:var(--s7) var(--s4);border:1px dashed var(--border-strong);border-radius:var(--r-lg);text-align:center}.empty>:last-child{margin-bottom:0}.nudge{margin:0 0 var(--s4);padding:var(--s3) var(--s4) var(--s3) calc(var(--s4) + 4px);border:var(--hairline);border-radius:var(--r-lg);background:var(--surface);font-size:var(--text-sm);box-shadow:var(--shadow-1);position:relative}.nudge:before{content:"";background:var(--star);border-radius:3px;width:3px;position:absolute;top:.75rem;bottom:.75rem;left:0}.nudge a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:.2em;font-weight:500}.notice{margin:0 0 var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-lg);background:color-mix(in srgb, var(--ink) 6%, transparent);font-size:var(--text-sm)}.scrim{z-index:30;padding:var(--s4);background:#0a0b0d8c;place-items:center;display:grid;position:fixed;inset:0}.dialog{padding:var(--s5);border:var(--hairline);border-radius:var(--r-xl);background:var(--raised);max-width:24rem;color:var(--text);box-shadow:var(--shadow-2);margin:0}.dialog h2{margin:0 0 var(--s2);font-size:var(--text-lg)}.dialog .actions{margin-top:var(--s4);justify-content:flex-end}.demo-strip{z-index:40;height:var(--strip-h);border-bottom:var(--hairline);background:var(--bg);color:var(--muted);font-size:var(--text-sm);position:sticky;top:0}.demo-strip-inner{max-width:64rem;height:100%;padding:0 var(--s5);align-items:center;gap:var(--s3);white-space:nowrap;margin:0 auto;display:flex}.demo-strip-copy{text-overflow:ellipsis;flex:1;min-width:0;margin:0;overflow:hidden}.demo-strip-copy strong{color:var(--text);font-weight:500}.demo-strip .link-button{color:var(--text);-webkit-text-decoration-color:var(--border-control);text-decoration-color:var(--border-control)}.demo-strip-dot{color:var(--faint)}.spoiler{margin:0 0 var(--s3)}.spoiler summary+*{margin-top:var(--s2)}.spoiler summary{cursor:pointer;color:var(--muted);font-weight:500;font-size:var(--text-sm);align-items:center;gap:.4rem;list-style:none;display:inline-flex}.spoiler summary::-webkit-details-marker{display:none}.spoiler summary:before{content:"";width:.4rem;height:.4rem;transition:transform var(--fast) var(--ease);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(-45deg)}.spoiler[open] summary:before{transform:rotate(45deg)}.spoiler summary:hover{color:var(--text)}.spoiler p{margin-top:var(--s2);max-width:60ch;font-size:var(--text-sm)}.poster{aspect-ratio:2/3;object-fit:cover;border-radius:var(--r-sm);background:var(--border);height:auto;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent);display:block}.poster-missing{padding:var(--s2);text-align:center;color:var(--muted);font-size:var(--text-xs);place-items:center;display:grid;overflow:hidden}.film-row .poster-missing span,.neighbours .poster-missing span{display:none}.poster-missing span{-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.15;display:-webkit-box;overflow:hidden}.poster-link{flex:none;display:block}.poster-link:hover{text-decoration:none}.rated-controls{margin-bottom:var(--s5)}.jump-to-band{align-items:center;gap:var(--s1);margin-top:var(--s3);flex-wrap:wrap;display:flex}.jump-to-band .muted{margin-right:var(--s1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.jump-to-band a{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;transition:color var(--fast) var(--ease), border-color var(--fast) var(--ease);padding:.2rem .55rem;font-weight:500}.jump-to-band a:hover{color:var(--text);border-color:var(--border-strong);text-decoration:none}.band-group{margin-bottom:var(--s5);scroll-margin-top:calc(var(--strip-h) + var(--nav-h) + var(--s2))}.band-header{top:calc(var(--strip-h) + var(--nav-h));z-index:10;justify-content:space-between;align-items:baseline;gap:var(--s3);padding:var(--s3) 0 var(--s2);background:var(--bg);border-bottom:1px solid var(--border-strong);flex-wrap:wrap;display:flex;position:sticky}.band-header h3{font-size:var(--text-xl)}.band-header .band-stars{font-size:.7em}.ordering{padding:var(--s3) 0 0;gap:var(--s5) var(--s4);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));margin:0;list-style:none;display:grid}.ordering-slot{min-width:0;position:relative}.ordering-rank{z-index:2;border-radius:var(--r-sm);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--text-xs);font-variant-numeric:tabular-nums;background:#0f1114c7;padding:.2rem .45rem;font-weight:600;line-height:1;position:absolute;top:.4rem;left:.4rem}.ordering-slot[data-highlighted] .ordering-film .poster{outline:2px solid var(--star);outline-offset:3px}.ordering-film{flex-direction:column;gap:.45rem;min-width:0;display:flex}.ordering-film .poster{border-radius:var(--r-md);width:100%;box-shadow:var(--shadow-1);transition:transform var(--base) var(--ease), box-shadow var(--base) var(--ease)}a.poster-link:hover .poster{box-shadow:var(--shadow-2);transform:translateY(-2px)}.ordering-film-body{flex-wrap:wrap;align-items:center;gap:.15rem .4rem;min-width:0;display:flex}.film-title{font-size:var(--text-sm);flex-basis:100%;font-weight:500;line-height:1.25}.film-year{font-size:var(--text-xs);font-variant-numeric:tabular-nums}.edit-bar{align-items:center;gap:var(--s2) var(--s4);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.edit-hint{font-size:var(--text-sm);flex:24rem;margin:0}@media (hover:none){.edit-hint-keys{display:none}}.ordering-handle{border-radius:var(--r-md);cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:100%;padding:0;display:block}.ordering-handle .poster{pointer-events:none}.ordering-slot[data-lifted] .ordering-film{opacity:.3}.ordering-slot[data-lifted] .poster{outline:2px dashed var(--border-control);outline-offset:-2px;box-shadow:none}.ordering-slot[data-lifted] .ordering-rank{visibility:hidden}.ordering-film-lifted{cursor:grabbing}.ordering-film-lifted .poster{box-shadow:var(--shadow-2);transform:scale(1.03)}.ordering-editable[data-empty]{min-height:5rem;padding:var(--s3) 0 0;display:block}.ordering-empty{border:1px dashed var(--border-strong);border-radius:var(--r-md);min-height:4.5rem;font-size:var(--text-sm);transition:border-color var(--fast) var(--ease), background-color var(--fast) var(--ease);place-items:center;display:grid}.ordering-editable[data-empty][data-over] .ordering-empty{border-style:solid;border-color:var(--border-control);background:color-mix(in srgb, var(--ink) 4%, transparent)}.ordering-error{font-size:var(--text-xs);flex-basis:100%;margin:.1rem 0 0}.back-link{margin:var(--s4) 0 0;font-size:var(--text-sm)}.back-link a:before{content:"←";margin-right:.35rem;display:inline-block}.film-page{gap:0 var(--s6);margin-top:var(--s4);grid-template-rows:auto 1fr;grid-template-columns:16rem 1fr;align-items:start;display:grid}.film-page>.poster{width:100%;top:calc(var(--strip-h) + var(--nav-h) + var(--s4));border-radius:var(--r-lg);box-shadow:var(--shadow-2);grid-area:1/1/span 2;position:sticky}.film-page-head,.film-page-body{grid-column:2;min-width:0}.film-page-head h1{margin-top:0}.genres{gap:var(--s1);margin:var(--s3) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.rating-panel{margin:var(--s5) 0 0;padding:var(--s4) var(--s5) var(--s5);border:var(--hairline);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-1)}.rating-panel>h2{margin:0 0 var(--s3);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.rating-panel>:last-child{margin-bottom:0}.film-page-band{align-items:baseline;gap:var(--s2);margin:0 0 var(--s3);display:flex}.film-page-band .band-value{font-size:var(--text-2xl)}.film-page-band .band-stars{font-size:var(--text-md)}.film-actions{margin:var(--s4) 0}.designate{margin:0 0 var(--s3)}.designate>.muted{font-size:var(--text-sm);flex-basis:100%;margin:0}.rate-choice-label{font-size:var(--text-sm)}.film-actions .rate-choice{padding:var(--s1) var(--s3);border-radius:var(--r-lg);background:color-mix(in srgb, var(--ink) 5%, transparent)}.film-row-actions .rate-choice{flex-direction:column;align-items:stretch}.neighbours{margin:0 0 var(--s4);border:var(--hairline);border-radius:var(--r-md);padding:0;list-style:none;overflow:hidden}.neighbours li{align-items:center;gap:var(--s2);border-bottom:var(--hairline);font-size:var(--text-sm);text-align:left;grid-template-columns:2.25rem auto 1fr;padding:.35rem .6rem;display:grid}.neighbours li:last-child{border-bottom:0}.neighbours .poster{width:1.75rem}.neighbours .ordering-rank{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--faint);font-size:var(--text-sm);text-align:right;background:0 0;padding:0;font-weight:500;position:static}.neighbour-posters{gap:.25rem;display:flex}.neighbour-body{flex-direction:column;gap:.1rem;min-width:0;display:flex}.neighbours .self{background:color-mix(in srgb, var(--ink) 6%, transparent)}.neighbours .self .film-title{font-weight:600}.place{max-width:46rem;padding:var(--s6) var(--s4) var(--s8);gap:var(--s5);flex-direction:column;align-items:center;margin:0 auto;display:flex}.place-header{text-align:center;width:min(100%,34rem)}.place-header h1{margin:0 0 var(--s1);font-size:var(--text-xl)}.place-header p:last-child{margin:0}.place-answers{justify-content:center}.place-leave{text-align:center;font-size:var(--text-sm);margin:0}.place-landed-band{justify-content:center;align-items:baseline;gap:var(--s2);margin:var(--s2) 0 0;display:flex}.place-landed-band .band-value{font-size:var(--text-xl)}.place .neighbours{width:min(100%,28rem)}.picker-subject{align-items:flex-start;gap:var(--s4);margin:var(--s3) 0 var(--s2);text-align:left;display:flex}.picker-subject .poster{border-radius:var(--r-md);width:5.5rem;box-shadow:var(--shadow-1);flex:none}.picker-subject h2{font-size:var(--text-lg);line-height:var(--leading-tight);margin:0}.picker-current{margin:0 0 var(--s1);text-align:left}.picker{gap:var(--s2);flex-direction:column;width:min(100%,34rem);margin:0;padding:0;list-style:none;display:flex}.picker-band{align-items:center;gap:var(--s4);width:100%;min-height:4.5rem;padding:var(--s2) var(--s4);border:var(--hairline);border-radius:var(--r-lg);background:var(--surface);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--fast), background var(--fast), transform var(--fast) var(--ease);display:flex}.picker-band:hover:not(:disabled){border-color:var(--faint);transform:translateY(-1px)}.picker-band:disabled{cursor:progress}.picker-band[aria-current]{border-color:var(--star);background:color-mix(in srgb, var(--star) 7%, transparent)}.picker-value{flex:none;min-width:7.5rem}.picker-pool{align-items:center;gap:.35rem;min-height:3.5rem;display:flex;overflow:hidden}.picker-pool .poster{border-radius:var(--r-sm);width:2.35rem;box-shadow:var(--shadow-1)}.picker-pool .muted{font-size:var(--text-xs)}.picker-band[aria-pressed=true]{border-color:var(--star);background:color-mix(in srgb, var(--star) 14%, transparent)}.compare{gap:var(--s4);grid-template-columns:1fr 1fr;width:min(100%,34rem);display:grid}.compare-side{align-items:center;gap:var(--s1);text-align:center;flex-direction:column;display:flex}.compare-side .poster{border-radius:var(--r-md);width:100%;max-width:10rem;box-shadow:var(--shadow-1);flex:none}.compare-side .film-title{font-size:var(--text-base);flex-basis:auto}.compare-caption{margin-top:var(--s1);font-size:var(--text-sm)}.compare-choice{padding:var(--s3);border:var(--hairline);border-radius:var(--r-lg);background:var(--surface);font:inherit;color:inherit;cursor:pointer;transition:border-color var(--fast), transform var(--fast) var(--ease);display:block}.compare-choice:hover:not(:disabled){border-color:var(--star);transform:translateY(-2px)}.compare-choice:disabled{cursor:progress}.criteria{align-items:center;gap:var(--s3);width:min(100%,26rem);padding:var(--s4) var(--s4) var(--s3);border-radius:var(--r-lg);background:color-mix(in srgb, var(--ink) 5%, transparent);text-align:center;flex-direction:column;display:flex}.criteria-tag{color:var(--faint);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;margin:0;font-weight:600}.criteria h2{font-size:var(--text-md);margin:0}.criteria-films{justify-content:center;align-items:start;gap:var(--s4);grid-template-columns:repeat(2,minmax(0,9rem));width:100%;display:grid}.criteria-film{width:min(100%,9rem);padding:var(--s2);border-radius:var(--r-lg);color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;margin-inline:auto;display:block}.criteria-film-body{align-items:center;gap:var(--s1);flex-direction:column;display:flex}.criteria-film:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface)}.criteria-film:disabled{cursor:default;opacity:.6}.criteria-film .poster{border-radius:var(--r-md);width:100%;box-shadow:var(--shadow-1);flex:none}.criteria-film .film-title{font-weight:500}.criteria-actions{justify-content:center;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}@keyframes criteria-enter{0%{opacity:0;transform:translateX(var(--s5))}to{opacity:1;transform:none}}.criteria-enter{animation:.22s ease-out both criteria-enter}@media (prefers-reduced-motion:reduce){.criteria-enter{animation:none}}.questions-bar{justify-content:space-between;align-items:center;gap:var(--s3);width:min(100%,26rem);display:flex}.questions-leave{margin:0}.questions-count{font-variant-numeric:tabular-nums;margin:0}.questions-over{text-align:center;max-width:34rem}.prose{max-width:60ch;margin:var(--s4) 0 var(--s3)}.prose p+p{margin-top:var(--s3)}.prose-updated{font-size:var(--text-sm)}.stages{gap:var(--s3);max-width:44rem;margin:var(--s4) 0 var(--s3);flex-direction:column;padding:0;list-style:none;display:flex}.stage.reached{border-color:var(--border-strong);background:var(--raised)}.stage-name{justify-content:space-between;align-items:baseline;gap:var(--s3);margin:0 0 var(--s1);font-weight:600;display:flex}.stage-mark{color:var(--faint);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.stage.reached .stage-mark{color:var(--muted)}.choices{gap:var(--s1);max-width:44rem;margin:var(--s4) 0 0;border:0;flex-direction:column;padding:0;display:flex}.choice{align-items:baseline;column-gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r-md);cursor:pointer;grid-template-columns:auto 1fr;display:grid}.choice:hover{background:var(--surface)}.choice input{accent-color:var(--ink);transform:translateY(.1em)}.choice-label{font-weight:500}.choice .muted{font-size:var(--text-sm);grid-column:2}.bars{gap:var(--s2);margin:var(--s3) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.bar{align-items:center;gap:var(--s3);font-size:var(--text-sm);grid-template-columns:minmax(0,1fr) 6rem auto;display:grid}.bar-label{color:var(--muted)}.bar-need{color:var(--faint);white-space:nowrap}.bar-track{border-radius:var(--r-pill);background:color-mix(in srgb, var(--ink) 12%, transparent);block-size:.4rem;overflow:hidden}.bar-fill{background:var(--faint);block-size:100%;display:block}.unlock-bar{margin:var(--s3) 0;max-width:22rem;display:block}.unlock-bar .bar-track{display:block}.bar-figures{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.danger-zone{margin-top:var(--s6);padding-top:var(--s5);border-top:var(--hairline);width:min(100%,24rem)}.danger-zone h3{margin:0 0 var(--s2)}.attribution .tmdb-logo{width:8rem;height:auto;margin:var(--s3) 0}.attribution .muted{max-width:34rem;font-size:var(--text-sm)}.search-form{gap:var(--s2);max-width:40rem;margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.search-form .field{flex:16rem}.search-form .field input{width:100%}.auth{min-height:100dvh;padding:var(--s4);place-items:center;display:grid}.auth-card{gap:var(--s4);width:min(100%,23rem);padding:var(--s5);flex-direction:column;display:flex}.auth-card .wordmark{align-self:flex-start}.auth-card h1{font-size:var(--text-xl);margin:0}.auth-card p{margin:0}.auth-card strong{overflow-wrap:anywhere}.landing{flex-direction:column;min-height:100dvh;display:flex}.landing>main{flex:1}.landing-nav{gap:var(--s3);padding:0 var(--s5)}.landing-nav .wordmark{margin-right:auto}.landing-nav-actions{align-items:center;gap:var(--s2);display:flex}.landing-nav .button{height:1.875rem;padding:0 .75rem}.hero{max-width:64rem;padding:var(--s8) var(--s5) var(--s7);gap:var(--s7);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;margin:0 auto;display:grid}.hero h1{margin:0 0 var(--s4);font-size:clamp(var(--text-2xl), 3vw, 2.375rem);letter-spacing:-.025em;text-wrap:balance}.hero .lede{margin:0 0 var(--s5);color:var(--muted);font-size:var(--text-md);max-width:44ch}.hero .actions,.closing .actions{gap:var(--s3)}.hero .button,.closing .button{height:2.5rem;font-size:var(--text-base);padding:0 1.25rem}.hero-note{margin:var(--s4) 0 0;color:var(--muted);font-size:var(--text-sm);max-width:44ch}.specimen .band-header{padding-top:0;position:static}.specimen .band-header h3{font-size:var(--text-lg)}.specimen .ordering{gap:var(--s3) var(--s2);grid-template-columns:repeat(3,1fr)}.specimen .film-title{font-size:var(--text-xs)}.specimen-note{margin:var(--s3) 0 0;color:var(--muted);font-size:var(--text-xs);max-width:52ch}.tour-step{max-width:64rem;padding:var(--s7) var(--s5);gap:var(--s7);border-top:var(--hairline);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;margin:0 auto;display:grid}.tour-step.flipped{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}.tour-step.flipped .tour-copy{order:2}.eyebrow{margin:0 0 var(--s2);color:var(--star-text);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.tour-copy h2{margin:0 0 var(--s3);font-size:var(--text-xl);text-wrap:balance}.tour-copy p:last-child{color:var(--muted);max-width:40ch;margin:0}.screen{border:var(--hairline);border-radius:var(--r-xl);background:var(--bg);box-shadow:var(--shadow-2);font-size:var(--text-sm);overflow:hidden;container-type:inline-size}.screen-nav{align-items:center;gap:var(--s1);height:2.5rem;padding:0 var(--s3);border-bottom:var(--hairline);background:color-mix(in srgb, var(--bg) 86%, var(--surface));display:flex}.screen-nav .wordmark{font-size:var(--text-sm);margin-right:auto}.screen-nav span:not(.wordmark){border-radius:var(--r-md);color:var(--muted);font-size:var(--text-xs);padding:.2rem .45rem;font-weight:500}@container (width<=25rem){.screen-nav{padding:0 var(--s2);gap:0}.screen-nav span:not(.wordmark){padding:.2rem .3rem}}@container (width<=22rem){.screen-nav .wordmark{gap:0;font-size:0}.screen-nav .wordmark svg{width:calc(var(--mark-size) * var(--text-sm));height:calc(var(--mark-size) * var(--text-sm))}}.screen-body{padding:0 var(--s4) var(--s4)}.screen-title{margin:var(--s4) 0 var(--s2);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight);letter-spacing:-.015em}.screen-body h2{font-size:var(--text-sm);margin:var(--s3) 0 var(--s2)}.screen .band-header{padding:var(--s2) 0 var(--s1);position:static}.screen .band-header h3{font-size:var(--text-md)}.screen .band-group{margin-bottom:var(--s3)}.screen .ordering{gap:var(--s3) var(--s2);padding-top:var(--s2);grid-template-columns:repeat(6,1fr)}.screen .ordering-rank{padding:.15rem .35rem;font-size:.625rem;top:.25rem;left:.25rem}.screen .film-title{font-size:var(--text-xs)}.screen .anchor-badge{padding:.15rem .3rem;font-size:.5625rem}.screen .film-row{padding:var(--s2) 0}.screen .film-row .poster{width:2.5rem}.screen .suggestion .poster{width:3.25rem}.screen .film-row-title{font-size:var(--text-sm)}.screen .film-row-meta{font-size:var(--text-xs)}.screen .pitch{font-size:var(--text-xs);margin:var(--s1) 0}.screen .row-verbs{font-size:var(--text-xs);margin-top:var(--s1)}.screen .link-button{font-size:var(--text-xs);cursor:default}.screen .link-button:hover{color:var(--muted);text-decoration-color:#0000}.closing{max-width:64rem;padding:var(--s8) var(--s5);border-top:var(--hairline);text-align:center;margin:0 auto}.closing h2{margin:0 0 var(--s2);font-size:var(--text-xl)}.closing .muted{margin:0 0 var(--s5)}.closing .actions{justify-content:center}.landing-footer{margin-top:var(--s7);border-top:var(--hairline)}.landing-footer-inner{max-width:64rem;padding:var(--s5) var(--s5) var(--s7);justify-content:space-between;align-items:flex-start;gap:var(--s5);flex-wrap:wrap;margin:0 auto;display:flex}.footer-brand{gap:var(--s3);flex-direction:column;display:flex}.footer-links{gap:var(--s4);color:var(--muted);font-size:var(--text-sm);font-weight:500;display:flex}.landing-footer .attribution{align-items:flex-start;gap:var(--s2);flex-direction:column;max-width:24rem;display:flex}.landing-footer .attribution .tmdb-logo{width:5.5rem;height:auto;margin:0;display:block}.landing-footer .attribution .muted{font-size:var(--text-xs);margin:0}.import-rows{margin:var(--s4) 0 0;gap:var(--s3);padding:0;list-style:none;display:grid}.import-row{gap:var(--s3);display:grid}.import-row-name{font-size:var(--text-base);margin:0;font-weight:500}.import-row-body p+p{font-size:var(--text-sm);margin:.15rem 0 0}.import-row-actions{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.import-candidates{padding:0 0 var(--s2);gap:var(--s3);margin:0;list-style:none;display:flex;overflow-x:auto}.import-candidate{justify-items:start;gap:var(--s1);width:8rem;padding:var(--s2);border:1px solid var(--border-control);border-radius:var(--r-lg);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease);display:grid}.import-candidate:hover:not(:disabled){border-color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, var(--surface))}.import-candidate:disabled{opacity:.5;cursor:default}.import-candidate .poster{width:100%;margin-bottom:var(--s1)}.import-candidate-title{font-weight:500;line-height:var(--leading-tight)}.import-candidate .muted{font-size:var(--text-xs)}.sync{margin:var(--s5) 0}.sync>h3{margin:0 0 var(--s1);font-size:var(--text-md);line-height:var(--leading-tight)}.sync>.muted{max-width:62ch;font-size:var(--text-sm);margin:0}.sync-heading{margin:var(--s5) 0 var(--s1);font-size:var(--text-base);line-height:var(--leading-tight)}.sync-was{opacity:.55}.sync-arrow{color:var(--muted)}.sync-all{align-items:center;gap:var(--s3);margin:var(--s3) 0 0;font-size:var(--text-sm);flex-wrap:wrap;display:flex}.standing{margin:0 0 var(--s3)}.film-page-links{margin:var(--s3) 0 0;gap:var(--s1);font-size:var(--text-sm);flex-direction:column;padding:0;list-style:none;display:flex}.standing-neighbours{margin:var(--s1) 0 0;font-size:var(--text-sm);padding:0;list-style:none}.judgment-list{padding-left:var(--s4);font-size:var(--text-sm);margin:0}.judgment-list li{margin-bottom:var(--s1)}.rewatch-panel{margin:0 0 var(--s4);padding:var(--s4);border:var(--hairline);border-radius:var(--r-lg);background:var(--bg)}.rewatch-panel>h3{margin:0 0 var(--s2);font-size:var(--text-base);line-height:var(--leading-tight)}.rewatch-panel .actions{margin-bottom:0}.field-check{cursor:pointer;padding:0 .7rem}.field-check input{accent-color:var(--star);margin:0}.welcome{max-width:46rem;min-height:100dvh;padding:var(--s7) var(--s5) var(--s6);justify-content:center;gap:var(--s6);flex-direction:column;margin-inline:auto;display:flex}.welcome-head{text-align:center}.welcome-head .wordmark{margin-bottom:var(--s5);justify-content:center}.welcome-head h1{margin:0 0 var(--s3)}.welcome-head .muted{max-width:34rem;margin:0 auto}.fork{gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fork-choice{align-items:flex-start;gap:var(--s3);padding:var(--s5);flex-direction:column;display:flex}.fork-choice h2{font-size:var(--text-md);margin:0}.fork-choice p{flex:1;margin:0}.warmup-head{margin-bottom:var(--s5)}.warmup-head h1{margin-bottom:var(--s2)}.warmup-head .muted{max-width:42rem;margin:0}.warmup-phase[data-state=skipped],.warmup-phase[data-state=done]{background:var(--bg)}.warmup-phase-head{align-items:baseline;gap:var(--s3);display:flex}.warmup-phase-skip{font-size:var(--text-sm);margin-left:auto;font-weight:400}.warmup-done{align-items:center;gap:var(--s4);margin-top:var(--s5)}.anchor-track{gap:var(--s2);margin:0 0 var(--s5);padding:0;list-style:none;display:flex}.anchor-track-mark{min-width:2.5rem;padding:var(--s1) var(--s2);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--faint);font-size:var(--text-xs);font-variant-numeric:tabular-nums;place-items:center;display:grid}.anchor-track-mark[data-state=done]{border-color:var(--star);color:var(--star-text)}.anchor-track-mark[data-state=skipped]{opacity:.55}.anchor-track-mark.current{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.anchor-set{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.anchor-set-item{align-items:baseline;gap:var(--s3);display:flex}.anchor-set-item .band-stars{color:var(--star)}.prompt-step{margin:0 0 var(--s1);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.prompt-question{margin:0 0 var(--s2);font-size:var(--text-md);align-items:baseline;gap:var(--s2);display:flex}.prompt-question .band-stars{color:var(--star)}.prompt-skip{margin:var(--s4) 0 0;font-size:var(--text-sm)}.candidates{margin:var(--s4) 0 0;padding:0 0 var(--s2);gap:var(--s3);list-style:none;display:flex;overflow-x:auto}.candidate{justify-items:start;gap:var(--s1);width:8rem;padding:var(--s2);border:1px solid var(--border-control);border-radius:var(--r-lg);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease);display:grid}.candidate:hover:not(:disabled){border-color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, var(--surface))}.candidate:disabled{opacity:.5;cursor:default}.candidate .poster{width:100%;margin-bottom:var(--s1)}.candidate-title{font-weight:500;line-height:var(--leading-tight)}.candidate .muted{font-size:var(--text-xs)}.picker-fallback{margin:calc(-1 * var(--s2)) 0 var(--s3);font-size:var(--text-sm)}.picker-results{margin-top:var(--s3)}@media (width<=640px){.app{padding:0 var(--s4) calc(var(--nav-h) + var(--s5))}.welcome{padding:var(--s5) var(--s4)}.fork{grid-template-columns:minmax(0,1fr)}.picker-subject{gap:var(--s3)}.warmup-done{flex-direction:column;align-items:flex-start}.candidate{width:6.5rem}.nav{height:auto;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));border-top:var(--hairline);background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom:0;order:2;justify-content:space-around;gap:0;margin:0;position:fixed;inset:auto 0 0}.nav .wordmark{display:none}.nav a{text-align:center;font-size:var(--text-xs);flex:1;padding:.45rem .2rem}h1{font-size:var(--text-xl);margin-top:var(--s4)}.band-header{top:var(--strip-h)}.band-group{scroll-margin-top:calc(var(--strip-h) + var(--s2))}:root:has(.demo-strip){--strip-h:1.75rem}.demo-strip{font-size:var(--text-xs)}.demo-strip-inner{padding:0 var(--s4);gap:var(--s2)}.demo-strip-more{display:none}.ordering{gap:var(--s4) var(--s2);grid-template-columns:repeat(3,1fr)}.film-title{font-size:var(--text-xs)}.film-year{font-size:.625rem}.ordering-film-body .anchor-badge{padding:.15rem .3rem;font-size:.5625rem}.film-page{gap:0 var(--s4);grid-template-columns:7.5rem 1fr}.film-page>.poster{grid-row:1;position:static}.film-page-head{grid-row:1}.film-page-body{margin-top:var(--s4);grid-column:1/-1}.film-page h1{font-size:var(--text-lg)}.rating-panel{padding:var(--s4)}.film-row{grid-template-columns:auto 1fr}.film-row-actions{flex-flow:wrap;grid-column:2;align-items:center}.search-form .field{flex-basis:100%}.import-candidate{width:6.5rem}.bar{row-gap:var(--s1);grid-template-columns:minmax(0,1fr) auto}.bar-track{order:1;grid-column:1/-1}.landing-nav{padding:0 var(--s4)}.hero{gap:var(--s6);padding:var(--s6) var(--s4);grid-template-columns:minmax(0,1fr)}.hero h1{font-size:var(--text-2xl)}.hero .lede{font-size:var(--text-base)}.hero .actions .button,.closing .actions .button{flex:1}.tour-step,.tour-step.flipped{gap:var(--s5);padding:var(--s6) var(--s4);grid-template-columns:minmax(0,1fr)}.tour-step.flipped .tour-copy{order:0}.screen .ordering{grid-template-columns:repeat(3,1fr)}.screen .band-group:last-child .ordering-slot:nth-child(n+4){display:none}.closing{padding:var(--s7) var(--s4)}.landing-footer-inner{padding-left:var(--s4);padding-right:var(--s4)}}.qualities{gap:var(--s1) var(--s2);max-width:44rem;margin:var(--s4) 0 0;border:0;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));padding:0;display:grid}.quality{align-items:center;column-gap:var(--s2);padding:var(--s2);border-radius:var(--r-md);cursor:pointer;grid-template-columns:auto 1fr;display:grid}.quality:hover{background:var(--surface)}.quality input{accent-color:var(--ink)}.quality-add{align-items:center;gap:var(--s2);margin-top:var(--s4);display:flex}.quality-add .field{flex:0 24rem}.quality-save{align-items:center;gap:var(--s3);margin-top:var(--s4);display:flex}.thumb-down{margin-left:var(--s2);color:var(--faint);font:inherit;font-size:var(--text-sm);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;transition:opacity .12s}@media (hover:hover){.thumb-down{opacity:0}.prose-claim:hover .thumb-down,.prose-claim:focus-within .thumb-down,.thumb-down:disabled{opacity:1}}.thumb-down:disabled{color:var(--faint);cursor:default;text-decoration:none}.prose-claim.corrected>span{color:var(--faint)}.rules-out-form{max-width:60ch;margin:var(--s2) 0 var(--s4) var(--s3);padding-left:var(--s3);border-left:2px solid var(--border-strong)}.rules-out-form>p{margin:0 0 var(--s3)}.rules-out-fields{gap:var(--s2);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.rules-out-save{align-items:center;gap:var(--s2);display:flex}.rules-out{margin-left:var(--s2);font-size:var(--text-xs);color:var(--muted);padding:.15rem .5rem}.corrections{max-width:60ch;margin:var(--s4) 0 0;padding-top:var(--s3);border-top:1px solid var(--border)}.corrections h3{margin:0 0 var(--s2);font-size:var(--text-sm);color:var(--muted);font-weight:500}.corrections ul{margin:0;padding:0;list-style:none}.corrections li{justify-content:space-between;align-items:baseline;gap:var(--s3);padding:var(--s2) 0;display:flex}.corrections li+li{border-top:1px solid var(--border)}.corrections .button{padding:var(--s1) var(--s2);font-size:var(--text-sm);flex:none}