:root{color-scheme:dark;--bg:#141414;--surface:#202020;--surface-2:#252525;--ink:#f7f7f7;--muted:#b1b1b1;--line:#ffffff30;--accent:#e50914;--accent-hover:#f6121d;--gutter:clamp(20px,4.2vw,76px);--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--radius:5px;font-family:var(--font);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;min-width:320px;overflow-x:clip}
body.watch-mode{overflow:hidden}
button,input,select,textarea{font:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{color:inherit;cursor:pointer;border:0;background:transparent}
button:disabled{opacity:.45;cursor:not-allowed}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3,p{margin:0}
p{line-height:1.55}
h1,h2,h3{font-weight:750}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #fff;outline-offset:4px}
input,select{min-width:0;background:#202020;color:#fff;border:1px solid #666;border-radius:2px}
select{max-width:100%}
::selection{background:#e50914;color:#fff}
[hidden]{display:none!important}
.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}
.page-width{width:calc(100% - 2*var(--gutter));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.muted,.subtle{color:var(--muted)}
.skip-link{position:fixed;inset-block-start:-80px;inset-inline-start:18px;background:#fff;color:#111;padding:12px 18px;z-index:9999}.skip-link:focus{inset-block-start:10px}
.boot{min-height:100dvh;display:flex;justify-content:center;align-items:center;gap:20px;font-size:17px;font-weight:700;letter-spacing:.04em}
.spinner{height:35px;width:35px;border:3px solid #fff3;border-top-color:#e50914;border-radius:50%;display:inline-block;animation:spinning .85s linear infinite}
@keyframes spinning{to{transform:rotate(360deg)}}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:47px;padding:10px 27px;font-size:16px;font-weight:760;line-height:1.2;border-radius:4px;white-space:nowrap;transition:background .17s,transform .17s}.button:hover{transform:translateY(-1px)}
.button .icon{width:23px;height:23px}
.button-primary{background:#fff;color:#141414}.button-primary:hover{background:#ddd}
.button-more{background:#6d6d6eb0;color:#fff;backdrop-filter:blur(5px)}.button-more:hover{background:#777c}
.button-ghost{background:#2d2d2d;color:#fff;border:1px solid #666}.button-ghost:hover{border-color:#fff}
.button-disabled{background:#3339;color:#bbb;pointer-events:none}
.icon-button{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:50%;transition:background .18s}.icon-button:hover{background:#ffffff22}
.empty-state,.page-error{margin:0 auto;padding:19vh 30px;text-align:center;max-width:600px}.empty-state h1{font-size:clamp(28px,5vw,46px)}.empty-state p{color:#bbb;font-size:15px;margin:13px auto 25px}.page-error{min-height:75vh}
.toast{position:fixed;bottom:42px;left:50%;transform:translate(-50%,30px);background:#ededed;color:#141414;border-radius:4px;padding:13px 24px;opacity:0;pointer-events:none;z-index:999;box-shadow:0 15px 30px #0005;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
