:root{color:#f1eee7;background:#0a0a09;font-family:Avenir Next,Helvetica Neue,sans-serif;font-synthesis:none;--ink: #0a0a09;--paper: #f1eee7;--muted: #9d9a92;--line: rgba(241, 238, 231, .14);--signal: #df5f3f;--gold: #cbb889}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--ink)}button,input{font:inherit}button{cursor:pointer}.boot{min-height:100vh;display:grid;place-content:center;font:700 clamp(4rem,15vw,11rem)/.72 "Arial Narrow","Helvetica Neue",sans-serif;letter-spacing:-.08em}.boot span{display:block;color:var(--signal);font-size:.18em;letter-spacing:.34em;margin-top:1.2rem}.gate-shell{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden}.gate-art{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:7vw;background:radial-gradient(circle at 32% 18%,#5c291d,transparent 36%),linear-gradient(145deg,#171713,#090909 65%);border-right:1px solid var(--line)}.gate-art span{color:var(--gold);letter-spacing:.5em;font-size:.8rem}.gate-art strong{font:700 clamp(6rem,17vw,15rem)/.64 "Arial Narrow","Helvetica Neue",sans-serif;letter-spacing:-.09em;transform:translate(-.06em)}.gate-card{align-self:center;width:min(420px,84%);margin:auto}.eyebrow{color:var(--signal);font-size:.72rem;letter-spacing:.22em;font-weight:600}.gate-card h1,.panel-content h1{font:600 clamp(3rem,6vw,6rem)/.9 "Arial Narrow","Helvetica Neue",sans-serif;letter-spacing:-.055em;margin:1rem 0}.gate-copy{color:var(--muted);margin:1.5rem 0 2.5rem}.gate-card label{display:block;color:var(--muted);font-size:.8rem;margin-bottom:.5rem}.gate-card input,.search input{width:100%;border:1px solid var(--line);border-radius:0;color:var(--paper);background:#131311;padding:1rem;outline:none}.gate-card input:focus,.search input:focus{border-color:var(--gold)}.gate-card button,.play-button{width:100%;margin-top:1rem;border:0;background:var(--paper);color:var(--ink);padding:1rem 1.25rem;font-weight:600}.gate-card button:disabled{opacity:.5}.form-error,.notice{color:#ff9d83;background:#df5f3f1f;border-left:2px solid var(--signal);padding:.8rem 1rem}.topbar{position:sticky;top:0;z-index:20;height:76px;display:grid;grid-template-columns:1fr minmax(280px,620px) 1fr;align-items:center;gap:2rem;padding:0 4vw;background:#0a0a09e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.wordmark,.quiet-button{color:var(--paper);background:transparent;border:0}.wordmark{justify-self:start;font:700 1.4rem Arial Narrow,Helvetica Neue,sans-serif;letter-spacing:-.04em}.wordmark span{color:var(--signal)}.quiet-button{justify-self:end;color:var(--muted)}.search{display:grid;grid-template-columns:1fr auto}.search input{padding:.72rem 1rem}.search button{border:0;padding:0 1.2rem;background:var(--gold);color:var(--ink);font-weight:600}.app-shell main{padding:3rem 0 6rem}.loading-line,.notice{margin:1rem 4vw}.shelf{margin:0 0 4.5rem}.shelf-heading{padding:0 4vw;margin-bottom:1.2rem;display:flex;align-items:end;gap:1rem}.shelf-heading span{color:var(--signal);font-size:.65rem;letter-spacing:.2em;writing-mode:vertical-rl;transform:rotate(180deg)}.shelf h2{margin:0;font:600 clamp(1.7rem,3vw,3.2rem)/1 "Arial Narrow","Helvetica Neue",sans-serif;letter-spacing:-.04em}.poster-row{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(145px,15vw,225px);gap:1rem;overflow-x:auto;padding:.5rem 4vw 1rem;scrollbar-color:var(--signal) transparent}.poster-card{padding:0;text-align:left;color:var(--paper);background:transparent;border:0;transition:transform .2s ease}.poster-card:hover{transform:translateY(-7px)}.poster-art{position:relative;display:block}.poster-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:#181816;filter:saturate(.8)}.poster-card.upcoming img{filter:saturate(.35) brightness(.65)}.release-badge{position:absolute;left:.55rem;bottom:.55rem;padding:.35rem .5rem;color:var(--ink);background:var(--signal);font-size:.65rem;font-weight:800;letter-spacing:.03em}.poster-title{display:block;font-weight:600;margin-top:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-meta{display:block;color:var(--muted);font-size:.74rem;margin-top:.2rem}.panel{position:fixed;inset:0;z-index:50;overflow-y:auto;background:var(--ink)}.panel-close{position:fixed;top:1.5rem;right:2rem;z-index:4;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);color:var(--paper);background:#0a0a09cc;font-size:2rem}.panel-backdrop{position:absolute;inset:0 0 auto;height:min(78vh,780px);background-size:cover;background-position:center;opacity:.7}.panel-content{position:relative;z-index:2;width:min(1040px,92%);padding:clamp(7rem,13vh,11rem) 4vw 7rem}.panel-content h1{max-width:820px}.meta-line{color:var(--gold);font-size:.8rem;letter-spacing:.06em}.title-release{width:fit-content;padding:.7rem .9rem;color:var(--paper);background:#f45e3724;border-left:3px solid var(--signal)}.title-release strong{color:var(--signal);margin-right:.35rem}.synopsis{max-width:640px;color:#c6c2b9;font-size:1.05rem;line-height:1.65}.title-actions{display:flex;gap:.8rem;margin:2rem 0 4rem}.title-actions button{width:auto;margin:0;padding-inline:1.4rem}.save-button{color:var(--paper);border:1px solid var(--line);background:#0a0a0999;padding:1rem 1.4rem}.season-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:1rem}.season-tabs button,.source-strip button{color:var(--muted);background:transparent;border:1px solid var(--line);padding:.7rem 1rem;white-space:nowrap}.season-tabs button.active,.source-strip button.active{color:var(--ink);background:var(--gold);border-color:var(--gold)}.episode-list{border-top:1px solid var(--line)}.episode{width:100%;display:grid;grid-template-columns:64px 1fr auto;gap:1rem;align-items:center;text-align:left;color:var(--paper);background:transparent;border:0;border-bottom:1px solid var(--line);padding:1.2rem .5rem}.episode:hover{background:#ffffff0a}.episode.upcoming{opacity:.58;cursor:not-allowed}.episode.upcoming:hover{background:transparent}.episode-number{color:var(--signal);font:600 1.4rem Arial Narrow,Helvetica Neue,sans-serif}.episode strong,.episode small{display:block}.episode small{color:var(--muted);margin-top:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:680px}.episode-play{color:var(--gold)}.player-layer{position:fixed;inset:0;z-index:100;background:#000;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.player-head{display:flex;align-items:center;justify-content:space-between;padding:max(1rem,env(safe-area-inset-top)) max(2rem,env(safe-area-inset-right)) 1rem max(2rem,env(safe-area-inset-left));background:#0a0a09}.player-head span,.source-strip>span{display:block;color:var(--signal);font-size:.62rem;letter-spacing:.18em}.player-head strong{display:block;margin-top:.25rem}.player-head button{color:var(--paper);background:transparent;border:1px solid var(--line);padding:.6rem 1rem}.video-stage{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden}.player-layer video{width:100%;height:100%;min-height:0;background:#000}.tap-to-play{position:absolute;z-index:1;color:#080806;background:var(--signal);border:0;border-radius:999px;padding:.9rem 1.3rem;font-weight:800}.playback-message{position:absolute;left:1rem;right:1rem;bottom:1rem;margin:0 auto;max-width:36rem;padding:.7rem 1rem;color:var(--paper);background:#080806db;text-align:center}.source-strip{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding:.8rem max(1.5rem,env(safe-area-inset-right)) max(.8rem,env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left));background:#0a0a09}@media(max-width:760px){.gate-shell{grid-template-columns:1fr}.gate-art{min-height:35vh;padding:2rem}.gate-art strong{font-size:30vw}.gate-card{padding:3rem 0}.topbar{height:auto;grid-template-columns:1fr auto;padding:1rem 5vw;gap:.8rem}.search{grid-column:1 / -1;grid-row:2}.title-actions{flex-direction:column;align-items:stretch}.title-actions button{width:100%}.panel-content{padding-top:7rem}.episode{grid-template-columns:42px 1fr auto}.episode small{white-space:normal}.episode-play{max-width:74px;font-size:.68rem;line-height:1.2;text-align:right}.player-layer{height:100dvh}.player-head{gap:.75rem;padding:max(.65rem,env(safe-area-inset-top)) max(.8rem,env(safe-area-inset-right)) .65rem max(.8rem,env(safe-area-inset-left))}.player-head>div{min-width:0}.player-head span{display:none}.player-head strong{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-head button{min-width:44px;min-height:44px;padding:.55rem .75rem}.tap-to-play{min-height:48px;padding:.9rem 1.25rem;font-size:1rem}.playback-message{bottom:.5rem;font-size:.8rem}.source-strip{gap:.4rem;padding-top:.55rem}.source-strip>span{position:sticky;left:0;padding-right:.35rem;background:#0a0a09}.source-strip button{min-height:44px;padding:.6rem .75rem}}
