:root{color-scheme:light;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:Georgia,"Times New Roman",serif;--bg:#f5f1e8;--surface:#fffdf8;--soft:#ebe4d7;--ink:#17151a;--muted:#625d65;--line:#d8d0c3;--line2:#aaa092;--accent:#c9432f;--accent2:#ba3725;--accent-ink:#fffaf2;--gold:#d9a328;--success:#26734d;--danger:#b62d3c;--focus:#165dff;--shadow:0 8px 24px rgb(27 20 10/.08);--shadow-lg:0 24px 70px rgb(27 20 10/.14);--r-sm:.65rem;--r:1rem;--r-lg:1.5rem;--shell:74rem;--header:4.75rem}
:root[data-theme=dark]{color-scheme:dark;--bg:#151318;--surface:#201d23;--soft:#2b272d;--ink:#f7f1e8;--muted:#bbb2bd;--line:#403a43;--line2:#665f69;--accent:#f16a52;--accent2:#ff8068;--accent-ink:#171317;--gold:#edbd4e;--success:#61bd8d;--danger:#ff7482;--focus:#75a7ff;--shadow:0 8px 26px rgb(0 0 0/.24);--shadow-lg:0 28px 80px rgb(0 0 0/.4)}
*,*::before,*::after{box-sizing:border-box}html{min-width:20rem;background:var(--bg);scroll-behavior:smooth;text-size-adjust:100%}body{min-height:100vh;margin:0;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 30rem),var(--bg);color:var(--ink);font-family:var(--font);line-height:1.6;text-rendering:optimizeLegibility}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.2em}img,svg{display:block;max-width:100%}h1,h2,h3,p,ol{margin-block-start:0}h1,h2,h3{color:var(--ink);line-height:1.08;text-wrap:balance}h1,h2{font-family:var(--display);font-weight:700;letter-spacing:-.035em}h1{margin-block-end:1.25rem;font-size:clamp(2.65rem,6vw,5.8rem)}h2{margin-block-end:.75rem;font-size:clamp(1.65rem,3vw,2.45rem)}h3{margin-block-end:.5rem;font-size:1.08rem}p{color:var(--muted)}::selection{background:color-mix(in srgb,var(--accent) 28%,transparent)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.shell{width:min(calc(100% - 2rem),var(--shell));margin-inline:auto}.sr-only,.honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:1000;top:.75rem;left:.75rem;padding:.7rem 1rem;border-radius:var(--r-sm);background:var(--ink);color:var(--bg);font-weight:800;text-decoration:none;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.eyebrow{margin-block-end:.6rem;color:var(--accent);font-size:.76rem;font-weight:850;letter-spacing:.13em;line-height:1.2;text-transform:uppercase}.fine-print{margin:.9rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.45}.icon{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.site-header{position:sticky;z-index:100;top:0;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}.site-header__inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:var(--header);gap:1rem}.brand{display:inline-flex;align-items:center;justify-self:start;gap:.7rem;width:max-content;color:var(--ink);font-weight:900;letter-spacing:-.02em;text-decoration:none}.brand-mark{display:grid;width:2rem;height:2rem;place-items:center;color:var(--accent)}.brand-mark svg{width:100%;height:100%}.site-nav{display:flex;align-items:center;gap:.25rem;padding:.25rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow)}.site-nav__link{padding:.48rem .9rem;border-radius:999px;color:var(--muted);font-size:.87rem;font-weight:750;text-decoration:none}.site-nav__link:hover{color:var(--ink)}.site-nav__link.is-active{background:var(--ink);color:var(--surface)}.icon-button{display:grid;justify-self:end;width:2.65rem;height:2.65rem;padding:.65rem;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer}.icon-button:hover{border-color:var(--line2);transform:translateY(-1px)}.icon-button svg{width:100%;height:100%;fill:currentColor}.connection-banner{padding:.55rem 1rem;background:var(--gold);color:#1d1605;font-size:.85rem;font-weight:800;text-align:center}
.card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}.card--soft{background:color-mix(in srgb,var(--soft) 76%,transparent);box-shadow:none}.button{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border:1px solid transparent;border-radius:.75rem;font-size:.88rem;font-weight:850;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.52}.button--primary{background:var(--accent);color:var(--accent-ink)}.button--primary:hover:not(:disabled){background:var(--accent2)}.button--secondary,.button--quiet{border-color:var(--line);background:var(--surface);color:var(--ink)}.button--secondary:hover:not(:disabled),.button--quiet:hover:not(:disabled){border-color:var(--line2);background:var(--soft)}.button--success{border-color:color-mix(in srgb,var(--success) 40%,var(--line));background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success)}.button--text{min-height:2.25rem;padding:.45rem;background:transparent;color:var(--muted);text-decoration:underline}.button--icon,.button--icon-danger{width:2.15rem;min-height:2.15rem;padding:.45rem;border-color:var(--line);background:transparent;color:var(--muted)}.button--icon span,.button--icon-danger span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.button--icon-danger{color:var(--danger)}.button--full{width:100%}.button-row,.list-actions{display:flex;flex-wrap:wrap;gap:.75rem}input{width:100%;min-width:0;min-height:3rem;padding:.7rem .85rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);color:var(--ink)}input::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}input:hover{border-color:var(--line2)}input:focus{border-color:var(--focus)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-block-end:1rem}.section-heading h2,.section-heading p{margin-block-end:0}.section-heading--compact{align-items:center}.progress-pill,.mode-badge,.count-badge{flex:0 0 auto;padding:.36rem .65rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.72rem;font-weight:800}.mode-badge{border-color:color-mix(in srgb,var(--gold) 50%,var(--line));background:color-mix(in srgb,var(--gold) 14%,var(--surface));color:var(--ink)}.text-link{color:var(--accent);font-weight:800;text-decoration:none}.text-link:hover{text-decoration:underline}
.hero{display:grid;min-height:min(43rem,calc(100vh - var(--header)));grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:center;gap:clamp(2rem,7vw,7rem);padding-block:clamp(4rem,8vw,8rem)}.hero__copy{min-width:0}.hero__lede{max-width:42rem;margin-block-end:1.7rem;font-size:clamp(1.08rem,2vw,1.35rem)}.hero__steps{display:flex;flex-wrap:wrap;gap:.65rem}.hero__steps span{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--muted);font-size:.8rem;font-weight:750}.hero__steps b{display:grid;width:1.35rem;height:1.35rem;place-items:center;border-radius:50%;background:var(--ink);color:var(--bg);font-size:.65rem}.hero__reel{position:relative;min-height:28rem;perspective:1000px}.reel-card{position:absolute;display:grid;width:min(14rem,55vw);aspect-ratio:.69;place-items:center;border:1px solid rgb(255 255 255/.22);border-radius:1.35rem;background:linear-gradient(135deg,rgb(255 255 255/.14),transparent 40%),var(--accent);box-shadow:var(--shadow-lg);color:#fff9ed;font-family:var(--display);font-size:3.3rem;font-weight:800;letter-spacing:-.06em}.reel-card::before,.reel-card::after{position:absolute;inset-inline:.75rem;height:.65rem;background:repeating-linear-gradient(90deg,transparent 0 .75rem,rgb(0 0 0/.25) .75rem 1.35rem);content:""}.reel-card::before{top:.75rem}.reel-card::after{bottom:.75rem}.reel-card--one{z-index:3;top:2rem;right:4rem;transform:rotate(-8deg)}.reel-card--two{z-index:2;top:4.5rem;right:0;background-color:#2f5f80;transform:rotate(10deg)}.reel-card--three{z-index:1;top:0;right:8rem;background-color:#212027;transform:rotate(-20deg)}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,25rem);align-items:start;gap:clamp(1.5rem,4vw,3.5rem);padding-block:2rem 7rem}.workspace__search{min-width:0}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;margin-block-end:.75rem}.search-field{position:relative;min-width:0}.search-field input{min-height:3.15rem;padding-inline-start:2.8rem}.search-field__icon{position:absolute;z-index:1;top:50%;left:.9rem;color:var(--muted);pointer-events:none;transform:translateY(-50%)}.search-status{min-height:1.6rem}.result-summary{margin:.75rem 0 1rem;color:var(--muted);font-size:.85rem;font-weight:700}.initial-state,.state-card{display:grid;min-height:18rem;place-content:center;padding:2rem;text-align:center}.initial-state__icon{display:grid;width:3.5rem;height:3.5rem;margin:0 auto 1rem;place-items:center;border-radius:50%;background:var(--surface);color:var(--accent);font-size:2rem}.initial-state p,.state-card p{max-width:31rem;margin:0 auto 1rem}.state-card--error{border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:var(--r);background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.movie-card{display:grid;min-width:0;grid-template-columns:6.3rem minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow)}.movie-card.is-selected{border-color:color-mix(in srgb,var(--success) 55%,var(--line))}.movie-poster,.poster-placeholder{width:100%;height:100%;min-height:9.2rem;object-fit:cover;background:linear-gradient(145deg,var(--soft),color-mix(in srgb,var(--accent) 12%,var(--soft)))}.poster-placeholder{display:grid;place-items:center;color:var(--accent);font-family:var(--display);font-size:2.2rem;font-weight:800}.movie-card__body{display:flex;min-width:0;flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem}.movie-card__body h3{overflow-wrap:anywhere}.movie-card__body p{margin:0;font-size:.82rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-block-start:1.5rem}.pagination span{color:var(--muted);font-size:.8rem;font-weight:750}
.draft-panel{position:sticky;top:calc(var(--header) + 1.2rem);padding:1.25rem}.progress-ring{--progress:0;display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;background:radial-gradient(circle closest-side,var(--surface) 76%,transparent 78% 99%),conic-gradient(var(--accent) calc(var(--progress)*1turn),var(--soft) 0);color:var(--ink);font-size:.7rem;font-weight:900}.draft-list{display:grid;gap:.6rem;margin:0 0 1rem;padding:0;list-style:none}.draft-slot{display:grid;min-width:0;min-height:4rem;grid-template-columns:auto 2.5rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem;border:1px solid var(--line);border-radius:.85rem;background:var(--surface)}.draft-slot.is-empty{grid-template-columns:auto minmax(0,1fr);border-style:dashed;background:transparent;color:var(--muted);font-size:.82rem}.rank-badge{display:grid;width:1.55rem;height:1.55rem;place-items:center;border-radius:50%;background:var(--ink);color:var(--surface);font-size:.68rem;font-weight:900}.draft-slot__poster{width:2.5rem;aspect-ratio:.68;min-height:3.5rem;border-radius:.35rem;object-fit:cover}.draft-slot__copy{display:grid;min-width:0}.draft-slot__copy strong{overflow:hidden;font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}.draft-slot__copy span{color:var(--muted);font-size:.7rem}.draft-slot__controls{display:flex;gap:.18rem}.publish-form{display:grid;gap:.75rem;padding-block-start:.3rem}.publish-form__heading p{margin:0;font-size:.8rem}.publish-form label{display:grid;gap:.3rem;color:var(--ink);font-size:.75rem;font-weight:800}.form-message{padding:.7rem;border-radius:var(--r-sm);font-size:.78rem}.form-message--error{background:color-mix(in srgb,var(--danger) 10%,var(--soft));color:var(--danger)}
.page-hero{padding-block:clamp(4rem,8vw,7rem) 3rem}.page-hero>p:not(.eyebrow){max-width:42rem;font-size:1.15rem}.page-hero--narrow{max-width:54rem}.explore-layout{display:grid;grid-template-columns:minmax(17rem,22rem) minmax(0,1fr);align-items:start;gap:2rem;padding-block-end:7rem}.explore-layout>aside{position:sticky;top:calc(var(--header) + 1.2rem)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.card-grid__full{grid-column:1/-1}.list-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:1.2rem}.list-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.72rem}.list-card h2{margin-block:.35rem 1rem;font-size:1.5rem}.list-card h2 a{text-decoration:none}.list-card h2 a::after{position:absolute;inset:0;content:""}.list-card .text-link{position:relative;z-index:1;margin-block-start:auto;padding-block-start:1rem;font-size:.8rem}.mini-ranking{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.mini-ranking li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);align-items:center;gap:.4rem;min-width:0;color:var(--muted);font-size:.78rem}.mini-ranking li span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-ranking__number{color:var(--accent);font-size:.65rem;font-weight:900}.leaderboard{padding:1.25rem}.leaderboard-list{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.leaderboard-list li{display:grid;min-width:0;grid-template-columns:1.3rem 2.3rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding-block:.45rem;border-top:1px solid var(--line)}.leaderboard-list__rank{color:var(--accent);font-size:.65rem;font-weight:900}.leaderboard-list__poster{width:2.3rem;aspect-ratio:.68;min-height:3.25rem;border-radius:.3rem;object-fit:cover}.leaderboard-list li>div:not(.poster-placeholder){display:grid;min-width:0}.leaderboard-list strong{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list div span{color:var(--muted);font-size:.68rem}.count-badge{padding-inline:.45rem;font-size:.62rem}.load-more{display:flex;justify-content:center;margin-block-start:1.5rem}
.list-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding-block:clamp(4rem,8vw,7rem) 3rem}.list-hero h1{max-width:55rem}.ranked-list{padding-block-end:7rem}.ranked-list ol{display:grid;gap:1rem;margin:0;padding:0;list-style:none}.ranked-movie{display:grid;min-width:0;grid-template-columns:clamp(3.5rem,9vw,8rem) 7rem minmax(0,1fr);align-items:center;gap:clamp(1rem,4vw,3rem);overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}.ranked-movie__number{color:color-mix(in srgb,var(--accent) 70%,transparent);font-family:var(--display);font-size:clamp(3rem,9vw,7rem);font-weight:800;line-height:1;text-align:right}.ranked-movie__poster{width:7rem;aspect-ratio:.68;min-height:10.3rem;object-fit:cover}.ranked-movie>div:last-child{min-width:0;padding:1rem 1.5rem 1rem 0}.ranked-movie h2{overflow-wrap:anywhere}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-block:1rem 4rem}.content-card{padding:clamp(1.3rem,3vw,2rem);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.feature-number{display:inline-block;margin-block-end:3rem;color:var(--accent);font-size:.76rem;font-weight:900}.prose{max-width:52rem;padding-block:1rem 7rem}.prose h2{margin-block-start:2.3rem}.prose p{font-size:1.05rem}.prose--split{display:grid;max-width:var(--shell);grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}.not-found{display:grid;min-height:calc(100vh - var(--header) - 12rem);place-content:center;padding-block:5rem;text-align:center}.not-found__code{margin:0;color:color-mix(in srgb,var(--accent) 18%,transparent);font-family:var(--display);font-size:clamp(8rem,25vw,18rem);font-weight:900;line-height:.72}.not-found .button-row{justify-content:center}
.skeleton{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:var(--soft)}.skeleton::after{position:absolute;inset:0;background:linear-gradient(100deg,transparent 15%,color-mix(in srgb,var(--surface) 70%,transparent) 45%,transparent 75%);content:"";transform:translateX(-100%);animation:shimmer 1.25s infinite}.skeleton--movie{min-height:10.3rem}.skeleton--card{min-height:21rem}.skeleton--leaderboard{min-height:31rem}.toast-region{position:fixed;z-index:500;right:1rem;bottom:1rem;display:grid;width:min(22rem,calc(100% - 2rem));gap:.5rem;pointer-events:none}.toast{padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--ink);box-shadow:var(--shadow-lg);color:var(--surface);font-size:.83rem;font-weight:750;opacity:0;transform:translateY(.75rem);transition:opacity .18s ease,transform .18s ease}.toast.is-visible{opacity:1;transform:translateY(0)}.toast--error{background:var(--danger);color:#fff}.toast--success{background:var(--success);color:#fff}.site-footer{border-top:1px solid var(--line);background:color-mix(in srgb,var(--soft) 45%,transparent)}.site-footer__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding-block:2.5rem}.site-footer p{margin:.25rem 0 0;font-size:.8rem}.site-footer nav{display:flex;flex-wrap:wrap;gap:1rem}.site-footer a{color:var(--muted);font-size:.8rem}
@media(max-width:68rem){.hero{grid-template-columns:minmax(0,1fr) minmax(15rem,.55fr)}.hero__reel{min-height:24rem;transform:scale(.85);transform-origin:center}.reel-card--one{right:2rem}.reel-card--three{right:5rem}.results-grid,.card-grid{grid-template-columns:minmax(0,1fr)}.explore-layout{grid-template-columns:minmax(15rem,19rem) minmax(0,1fr)}.count-badge{display:none}}
@media(max-width:50rem){:root{--header:4.25rem}.shell{width:min(calc(100% - 1.25rem),var(--shell))}.site-header{backdrop-filter:none}.site-header__inner{grid-template-columns:minmax(0,1fr) auto}.site-nav{position:fixed;z-index:110;right:.65rem;bottom:.65rem;left:.65rem;justify-content:space-around;padding:.4rem;box-shadow:var(--shadow-lg)}.site-nav__link{flex:1;text-align:center}.hero{min-height:auto;grid-template-columns:minmax(0,1fr);padding-block:4rem 2rem}.hero__reel{min-height:18rem;order:-1;transform:scale(.7);transform-origin:center}.reel-card--one{left:50%;right:auto;transform:translateX(-50%) rotate(-5deg)}.reel-card--two{left:calc(50% + 4rem);right:auto;transform:translateX(-50%) rotate(10deg)}.reel-card--three{left:calc(50% - 4rem);right:auto;transform:translateX(-50%) rotate(-14deg)}.workspace,.explore-layout{grid-template-columns:minmax(0,1fr)}.workspace{padding-block-end:7rem}.draft-panel,.explore-layout>aside{position:static}.draft-panel{order:-1}.search-form{grid-template-columns:minmax(0,1fr)}.search-form .button{width:100%}.explore-layout>aside{order:2}.content-grid,.prose--split{grid-template-columns:minmax(0,1fr)}.prose--split{gap:0}.list-hero{align-items:flex-start;flex-direction:column}.site-footer{padding-block-end:5rem}}
@media(max-width:32rem){h1{font-size:clamp(2.5rem,14vw,4rem)}.brand span:last-child{font-size:.9rem}.section-heading{align-items:flex-start}.progress-pill{max-width:6.5rem;white-space:normal}.movie-card{grid-template-columns:5.5rem minmax(0,1fr)}.movie-card__body{padding:.75rem}.draft-slot{grid-template-columns:auto 2.15rem minmax(0,1fr)}.draft-slot__poster{width:2.15rem}.draft-slot__controls{grid-column:2/-1;justify-content:flex-end}.ranked-movie{grid-template-columns:3rem 5rem minmax(0,1fr);gap:.65rem}.ranked-movie__poster{width:5rem;min-height:7.35rem}.ranked-movie>div:last-child{padding-inline-end:.65rem}.ranked-movie h2{font-size:1.2rem}.site-footer__inner{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes shimmer{to{transform:translateX(100%)}}