/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:StreamNest;src:url(/fonts/StreamNest-Regular.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:StreamNest;src:url(/fonts/StreamNest-Bold.ttf)format("truetype");font-display:swap;font-weight:700}:root{--ink:#0b0c0f;--panel:#101216;--surface:#171a1f;--green:#6fdd94;--white:#fff;--muted:#bfc3cd;--faint:#858b98;--error:#ff747a;--border:#ffffff24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{background:var(--ink);min-width:320px;min-height:100vh;color:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:StreamNest,Arial,Helvetica,sans-serif;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:3px}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.landing-screen{isolation:isolate;background:#08090d;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.landing-backdrop{z-index:-3;will-change:transform;background:#08090d;place-items:center;animation:18s ease-in-out infinite alternate landing-drift;display:grid;position:absolute;inset:-7%}.landing-poster-wall{opacity:.94;filter:saturate(.94)contrast(1.08)brightness(.8);grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(8px,.9vw,17px);width:max(112vw,1280px);padding:clamp(8px,1vw,18px);display:grid;transform:rotate(-2deg)}.landing-poster{aspect-ratio:2/3;background:#151821;border:2px solid #e6ecf4a3;border-radius:2px;position:relative;overflow:hidden;box-shadow:0 18px 36px #00000080}.landing-poster:nth-child(5n+1){transform:translateY(-2.4%)rotate(-.65deg)}.landing-poster:nth-child(5n+2){transform:translateY(2.2%)rotate(.55deg)}.landing-poster:nth-child(5n+3){transform:translateY(-.8%)rotate(-.3deg)}.landing-poster:nth-child(5n+4){transform:translateY(1.3%)rotate(.45deg)}.landing-poster img{object-fit:cover;width:100%;height:100%;display:block}.landing-shade{z-index:-2;background:radial-gradient(circle,#08090d0a 0,#08090d2e 38%,#08090da8 110%),linear-gradient(#05070c6b,#07080d14 38%,#07080d80),linear-gradient(115deg,#6fdd9412,#0000 34%,#20195a1c);position:absolute;inset:0;box-shadow:inset 0 0 150px 30px #0000007a}.landing-header{z-index:2;padding:max(22px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) 22px max(28px, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:24px;animation:.52s ease-out both landing-header-in;display:flex;position:absolute;top:0;left:0;right:0}.landing-logo{filter:drop-shadow(0 5px 18px #00000094);width:clamp(184px,18vw,285px);height:auto;display:block}.landing-status{color:#07120c;letter-spacing:.015em;background:#0fa958;border:1px solid #ffffff29;border-radius:6px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-size:1.08rem;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 34px #0000004d,0 0 22px #6fdd941f}.landing-status:hover{background:#16bb66;transform:translateY(-2px);box-shadow:0 15px 38px #00000059,0 0 28px #6fdd943d}.landing-status:active{transform:translateY(0)}.landing-content{z-index:1;place-items:center;width:100%;min-height:100svh;padding:116px 24px 56px;display:grid;position:relative}.landing-credit{z-index:2;right:max(18px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));color:#ffffff9e;letter-spacing:.025em;text-shadow:0 2px 8px #000000e6;margin:0;font-size:.62rem;position:absolute}.landing-credit a{color:#fffc;text-underline-offset:2px}.landing-credit a:hover{color:#fff}.landing-login{color:#050506;cursor:pointer;letter-spacing:-.035em;text-transform:none;background:#fffffff7;border:1px solid #ffffffe0;border-radius:10px;justify-content:center;align-items:center;width:min(42vw,480px);min-width:280px;min-height:clamp(82px,9.4vw,116px);padding:18px 34px;font-size:clamp(2.15rem,4.6vw,3.8rem);font-weight:700;line-height:1;transition:transform .18s,background .18s,box-shadow .18s;animation:.52s cubic-bezier(.22,1,.36,1) 90ms both landing-action-in;display:inline-flex;box-shadow:0 22px 56px #00000075,inset 0 2px #ffffff7a}.landing-login:hover{background:#fff;transform:translateY(-3px)scale(1.012);box-shadow:0 26px 66px #00000085,0 0 34px #6fdd944d}.landing-login:active{transform:translateY(0)scale(.995)}@keyframes landing-drift{0%{transform:scale(1.035)translate(-.35%,-.2%)}to{transform:scale(1.065)translate(.35%,.2%)}}@keyframes landing-header-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes landing-action-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}.login-screen,.boot-screen{background:var(--ink);min-height:100svh;position:relative}.boot-screen{overflow:hidden}.login-screen{background-image:url(/assets/login-background.jpg);background-position:50%;background-size:cover;place-items:center;padding:120px 24px 92px;display:grid;overflow:hidden auto}.login-shade{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:radial-gradient(circle at 50% 42%,#0b0c0f38,#0b0c0fad 70%),linear-gradient(#0b0c0f40,#0b0c0fdb);position:absolute;inset:0}.brand-link{z-index:2;top:max(34px, calc(env(safe-area-inset-top) + 16px));cursor:pointer;background:0 0;border:0;width:clamp(184px,15vw,274px);padding:0;display:block;position:absolute;left:clamp(24px,4.8vw,92px)}.brand-link img,.boot-logo,.header-logo{width:100%;height:auto;display:block}.login-panel{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101216f2;border:1px solid #ffffff17;border-radius:8px;width:min(100%,580px);padding:clamp(36px,5vw,64px);animation:.42s cubic-bezier(.22,1,.36,1) both panel-in;position:relative;box-shadow:0 32px 90px #00000085}.panel-accent{background:var(--green);border-radius:8px 8px 0 0;height:4px;position:absolute;inset:-1px -1px auto;box-shadow:0 0 24px #6fdd9459}.eyebrow{color:var(--green);letter-spacing:.15em;margin:0 0 12px;font-size:.78rem;font-weight:700}.login-panel h1{letter-spacing:-.035em;text-transform:uppercase;margin:0;font-size:clamp(2.2rem,5vw,3.25rem);line-height:1}.login-intro{color:var(--muted);margin:18px 0 36px;line-height:1.6}.login-panel label{color:#d9dce3;letter-spacing:.12em;text-transform:uppercase;margin:0 0 9px;font-size:.75rem;font-weight:700;display:block}.login-panel input{width:100%;height:58px;color:var(--white);background:#060709cc;border:1px solid #ffffff2b;border-radius:6px;margin:0 0 26px;padding:0 17px;transition:border-color .15s,box-shadow .15s,background .15s}.login-panel input::placeholder{color:var(--faint)}.login-panel input:hover{border-color:#ffffff4d}.login-panel input:focus{border-color:var(--green);background:#090b0d;outline:none;box-shadow:0 0 0 3px #6fdd9424}.password-wrap{position:relative}.password-wrap input{padding-right:76px}.show-password{height:58px;color:var(--green);cursor:pointer;text-transform:uppercase;background:0 0;border:0;padding:0 18px;font-size:.78rem;font-weight:700;position:absolute;top:0;right:0}.form-error{color:var(--error);margin:-8px 0 20px;font-size:.92rem;line-height:1.45}.primary-button{background:var(--green);color:#07120c;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:50px;font-weight:700;transition:transform .15s,filter .15s,box-shadow .15s;display:inline-flex;box-shadow:0 9px 28px #6fdd9429}.primary-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 14px 36px #6fdd9440}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{cursor:wait;opacity:.7}.login-button{width:100%;height:58px}.spinner{border:2px solid #07120c59;border-top-color:#07120c;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.login-footer{z-index:2;right:clamp(24px,4.8vw,92px);bottom:max(28px, env(safe-area-inset-bottom));color:#969ca8;letter-spacing:.13em;text-align:center;justify-content:center;align-items:center;gap:28px;font-size:.68rem;display:flex;position:absolute;left:clamp(24px,4.8vw,92px)}.login-footer a{color:var(--green);text-decoration:none}.boot-screen{background:radial-gradient(circle at 50% 55%, #6fdd9412, transparent 30%), var(--ink);place-content:center;justify-items:center;gap:22px;display:grid}.boot-logo{width:clamp(230px,30vw,430px)}.boot-screen p{color:var(--muted);letter-spacing:.08em;margin:0;font-size:.8rem}.loading-bar{background:#ffffff1a;border-radius:999px;width:min(76vw,330px);height:3px;display:block;position:relative;overflow:hidden}.loading-bar span{background:linear-gradient(90deg, transparent, var(--green), transparent);animation:1.05s ease-in-out infinite loading-slide;position:absolute;inset:0;transform:translate(-100%)}.app-shell{background:var(--ink);min-height:100vh;animation:.28s cubic-bezier(.22,1,.36,1) both app-reveal}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0c0fc7;grid-template-columns:220px minmax(0,1fr) 220px;align-items:center;min-height:90px;padding:0 5vw;display:grid;position:fixed;top:0;left:0;right:0}.header-logo{width:180px}.site-header nav{justify-content:center;gap:clamp(12px,2vw,34px);display:flex}.site-header nav button{color:var(--muted);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:0 0;border:0;padding:14px 0;font-size:.78rem;font-weight:700;position:relative}.site-header nav button.active{color:var(--white)}.site-header nav button.active:after{background:var(--green);content:"";height:3px;position:absolute;bottom:6px;left:0;right:0}.profile-summary{justify-content:flex-end;align-items:center;gap:10px;font-size:.85rem;display:flex}.profile-summary img{width:38px;height:38px}.loading-hero{background:linear-gradient(90deg, var(--ink) 4%, #0b0c0fd1 43%, transparent 77%), linear-gradient(0deg, var(--ink), transparent 44%), url(/assets/hero-fallback.jpg) center / cover;align-items:center;min-height:68vh;padding:140px 6vw 80px;display:flex}.loading-hero div{width:min(680px,80vw)}.loading-hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.8rem,6vw,5.5rem)}.loading-hero p:not(.eyebrow){color:var(--muted);margin:18px 0 28px}.skeleton-rail{margin-top:-72px;padding:0 5vw 70px}.skeleton-rail h2{font-size:1.35rem}.skeleton-rail div{grid-template-columns:repeat(6,minmax(180px,1fr));gap:18px;display:grid;overflow:hidden}.skeleton-rail span{aspect-ratio:16/9;background:linear-gradient(110deg,#15181d 25%,#20242a 40%,#15181d 55%) 0 0/220% 100%;border-radius:7px;animation:1.3s linear infinite shimmer}@keyframes panel-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes app-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loading-slide{to{transform:translate(100%)}}@keyframes shimmer{to{background-position-x:-220%}}@media (width<=900px){.landing-poster-wall{grid-template-columns:repeat(5,minmax(0,1fr));width:126vw}.landing-poster:nth-child(n+16){display:none}.site-header{grid-template-columns:150px 1fr;padding-inline:24px}.site-header nav{display:none}.header-logo{width:145px}.profile-summary span{display:none}.skeleton-rail div{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media (width<=600px){.landing-backdrop{inset:-5%}.landing-poster-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:164vw;padding:8px;transform:rotate(-3deg)}.landing-poster:nth-child(n+13){display:none}.landing-poster{border-width:1px}.landing-header{padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 18px max(16px, env(safe-area-inset-left));gap:14px}.landing-logo{width:clamp(138px,43vw,172px)}.landing-status{min-height:46px;padding-inline:18px;font-size:.94rem}.landing-content{padding:98px 16px 44px}.landing-login{width:min(86vw,390px);min-width:0;min-height:76px;padding-inline:24px;font-size:clamp(2rem,10vw,2.8rem)}.landing-credit{right:14px;bottom:max(10px, env(safe-area-inset-bottom));text-align:right;max-width:calc(100vw - 28px);font-size:.54rem}.login-screen{padding:106px 16px 86px}.brand-link{width:175px;top:24px;left:24px}.login-panel{padding:38px 24px 30px}.login-intro{margin-bottom:28px}.login-footer{flex-direction:column;gap:8px;font-size:.58rem}.loading-hero{min-height:72vh;padding-inline:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body.overlay-open{overflow:hidden}select{border:1px solid var(--border);min-height:42px;color:var(--white);font:inherit;background:#15181d;border-radius:5px;padding:0 36px 0 13px}select:focus-visible{outline:3px solid var(--green);outline-offset:2px}.secondary-button{min-height:50px;color:var(--white);cursor:pointer;letter-spacing:.035em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1d2026d1;border:1px solid #ffffff38;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:0 22px;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.secondary-button:hover:not(:disabled){background:#32363eeb;border-color:#ffffff7a;transform:translateY(-2px)}.secondary-button:disabled{cursor:wait;opacity:.6}.spinner.light{border-color:#ffffff42;border-top-color:var(--white)}.session-note{color:#868d99;text-align:center;margin:20px 0 -20px;font-size:.75rem;line-height:1.5}.site-header{min-height:calc(86px + env(safe-area-inset-top));padding:env(safe-area-inset-top) clamp(28px, 4.8vw, 92px) 0;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#07080ac2,#0000);grid-template-columns:205px minmax(0,1fr) 205px;transition:background .18s,box-shadow .18s}.site-header.solid{min-height:calc(76px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0c0fe8;box-shadow:0 1px #ffffff12,0 14px 40px #0003}.logo-button{cursor:pointer;background:0 0;border:0;width:180px;padding:0}.site-header nav{gap:clamp(14px,1.75vw,31px)}.site-header nav button{color:#b9bdc6;font-size:clamp(.68rem,.7vw,.79rem);transition:color .15s,transform .15s}.site-header nav button:hover{color:var(--white);transform:translateY(-1px)}.site-header nav button.active:after{bottom:3px;box-shadow:0 0 12px #6fdd94a6}.header-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative}.mobile-search{display:none}.profile-button{min-height:46px;color:var(--white);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;padding:4px 7px 4px 4px;transition:background .15s,border-color .15s;display:flex}.profile-button:hover,.profile-button[aria-expanded=true]{background:#ffffff12;border-color:#ffffff1a}.profile-button img{border-radius:5px;width:38px;height:38px}.profile-button span{text-overflow:ellipsis;white-space:nowrap;max-width:105px;font-size:.82rem;overflow:hidden}.profile-caret{color:var(--faint);font-size:1rem!important}.profile-menu{z-index:32;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#121419fa;border:1px solid #ffffff1f;border-radius:8px;width:270px;animation:.16s ease-out both menu-in;position:absolute;top:calc(100% - 5px);right:clamp(28px,4.8vw,92px);overflow:hidden;box-shadow:0 25px 70px #00000085}.profile-menu-heading{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:18px;display:flex}.profile-avatar{background:var(--green);width:38px;height:38px;color:var(--ink);border-radius:5px;place-items:center;display:grid}.profile-menu-heading div{gap:3px;min-width:0;display:grid}.profile-menu-heading strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-menu-heading small{color:var(--faint);font-size:.72rem}.profile-menu>button,.profile-menu>a{color:#e8eaf0;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff0e;align-items:center;gap:12px;width:100%;min-height:50px;padding:0 18px;font-size:.84rem;text-decoration:none;display:flex}.profile-menu>button:hover,.profile-menu>a:hover{background:#ffffff12}.status-dot{background:var(--green);border-radius:50%;width:9px;height:9px;box-shadow:0 0 9px #6fdd9499}.menu-scrim{z-index:19;background:0 0;border:0;position:fixed;inset:0}.mobile-nav{display:none}.hero{isolation:isolate;align-items:center;min-height:min(78vh,850px);padding:128px clamp(28px,5.7vw,110px) 145px;display:flex;position:relative;overflow:hidden}.hero-art{z-index:-3;background-image:url(/assets/hero-fallback.jpg);background-position:50% 25%;background-size:cover;animation:.39s both hero-fade;position:absolute;inset:0 0 0 26%}.hero-art:after{content:"";background:radial-gradient(circle at 72% 35%,#0000 0,#0b0c0f14 42%,#0b0c0f80 100%);position:absolute;inset:0}.hero-scrim,.hero:after{z-index:-2;content:"";pointer-events:none;position:absolute;inset:0}.hero-scrim{background:linear-gradient(90deg, var(--ink) 0, #0b0c0ff5 20%, #0b0c0fc2 43%, #0b0c0f2e 70%, #0b0c0f29 100%), linear-gradient(0deg, var(--ink) 0, #0b0c0f29 44%, #0b0c0f0d 100%)}.hero:after{background:linear-gradient(0deg, var(--ink) 0, transparent 26%)}.hero-content{width:min(760px,56vw);animation:.32s ease-out both copy-in}.hero-content h1{letter-spacing:-.055em;text-wrap:balance;margin:0 0 16px;font-size:clamp(3.2rem,6vw,6.5rem);line-height:.96}.hero-meta,.hero-genres{color:#e4e6eb;margin:0 0 9px;font-size:clamp(.82rem,1vw,1.03rem);font-weight:700}.hero-genres{color:var(--muted);font-weight:400}.hero-overview{color:#cdd0d7;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:690px;margin:17px 0 26px;font-size:clamp(.94rem,1.15vw,1.15rem);line-height:1.55;display:-webkit-box;overflow:hidden}.hero-actions{align-items:center;gap:12px;display:flex}.hero-actions>.primary-button,.hero-actions>.secondary-button{min-width:140px;padding-inline:24px}.round-action{width:50px;height:50px;color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#181b20cc;border:1px solid #ffffff45;border-radius:50%;place-items:center;transition:border-color .15s,background .15s,color .15s,transform .15s;display:grid}.round-action:hover{border-color:var(--green);transform:translateY(-2px)}.round-action.selected{border-color:var(--green);background:var(--green);color:var(--ink)}.hero-progress{background:#ffffff2b;border-radius:999px;width:min(380px,55vw);height:4px;margin-top:24px;overflow:hidden}.hero-progress span{border-radius:inherit;background:var(--green);height:100%;display:block;box-shadow:0 0 10px #6fdd94a6}.hero-empty{background:linear-gradient(90deg,#0b0c0ffa,#0b0c0f8a),url(/assets/hero-fallback.jpg) 50%/cover}.home-content{z-index:4;margin-top:-115px;padding-bottom:100px;position:relative}.media-rail{content-visibility:auto;contain-intrinsic-size:auto 390px;margin:0 0 36px;position:relative}.rail-heading{justify-content:space-between;align-items:baseline;margin:0 clamp(28px,5vw,96px) 13px;display:flex}.rail-heading h2{letter-spacing:-.018em;margin:0;font-size:clamp(1.15rem,1.55vw,1.55rem)}.rail-heading>span{color:#777d88;font-size:.72rem}.rail-frame{position:relative}.rail-track{scroll-snap-type:x proximity;scrollbar-width:none;gap:clamp(11px,1.15vw,20px);padding:6px clamp(28px,5vw,96px) 16px;scroll-padding-inline:clamp(28px,5vw,96px);display:flex;overflow:auto hidden}.rail-track::-webkit-scrollbar{display:none}.rail-track>div{scroll-snap-align:start;flex:none}.rail-arrow{z-index:8;width:clamp(28px,4.2vw,76px);color:var(--white);cursor:pointer;opacity:0;background:linear-gradient(90deg,#0b0c0ff0,#0b0c0f00);border:0;transition:opacity .15s,color .15s;position:absolute;top:6px;bottom:16px}.rail-frame:hover .rail-arrow,.rail-frame:focus-within .rail-arrow{opacity:1}.rail-arrow:hover{color:var(--green)}.rail-arrow.previous{left:0;transform:rotate(180deg)}.rail-arrow.next{right:0}.media-card{width:clamp(230px,20vw,350px);color:var(--white);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;padding:0;transition:transform .15s cubic-bezier(.2,.8,.2,1);display:block}.media-card.poster{width:clamp(150px,12.8vw,230px)}.media-card.live{width:clamp(230px,18vw,318px)}.media-card:hover,.media-card:focus-visible{z-index:3;transform:translateY(-5px)scale(1.025)}.media-card:focus-visible{outline:3px solid var(--green);outline-offset:2px}.card-art{aspect-ratio:16/9;background:#14171b;border:2px solid #0000;border-radius:7px;transition:border-color .15s;display:block;position:relative;overflow:hidden;box-shadow:0 12px 26px #0000003d}.poster .card-art{aspect-ratio:2/3}.media-card:hover .card-art,.media-card:focus-visible .card-art{border-color:var(--green);box-shadow:inset 0 0 20px #6fdd942e,0 0 0 1px #6fdd948c,0 14px 36px #00000085,0 0 22px #6fdd9429}.card-art>img{object-fit:cover;width:100%;height:100%;transition:transform .32s;display:block}.media-card:hover .card-art>img,.media-card:focus-visible .card-art>img{transform:scale(1.045)}.art-fallback{background:radial-gradient(circle at 30% 25%,#6fdd942e,#0000 36%),linear-gradient(145deg,#1a2424,#111318 70%);place-items:center;display:grid;position:absolute;inset:0}.art-fallback img{opacity:.75;width:62%;height:auto}.card-gradient{opacity:.86;background:linear-gradient(#05060800,#050608f5);position:absolute;inset:35% 0 0}.card-copy{gap:4px;min-width:0;transition:transform .15s;display:grid;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(2px)}.media-card:hover .card-copy,.media-card:focus-visible .card-copy{transform:none}.card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.76rem,.85vw,.95rem);line-height:1.2;overflow:hidden}.card-copy small{color:#b6bbc4;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.62rem,.68vw,.75rem);overflow:hidden}.poster .card-copy{bottom:14px}.poster .card-gradient{inset:56% 0 0}.live-badge{color:var(--white);letter-spacing:.1em;background:#e63548;border-radius:3px;padding:4px 7px;font-size:.6rem;font-weight:700;position:absolute;top:10px;left:10px}.watched-badge{background:var(--green);width:25px;height:25px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:9px;right:9px}.card-progress{background:#ffffff2e;height:4px;position:absolute;bottom:0;left:0;right:0}.card-progress>span{background:var(--green);height:100%;display:block;box-shadow:0 0 10px #6fdd948c}.empty-state{text-align:center;place-content:center;justify-items:center;max-width:720px;min-height:340px;margin:20px auto 80px;padding:46px 28px;display:grid}.empty-mark{background:radial-gradient(circle,#6fdd941f,#0000 70%);border:1px solid #6fdd9433;border-radius:8px;place-items:center;width:108px;height:72px;margin-bottom:24px;display:grid}.empty-mark img{width:84px}.empty-state h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,3vw,3rem)}.empty-state>p:not(.eyebrow){max-width:600px;color:var(--muted);margin:17px 0 27px;line-height:1.65}.empty-state>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.collection-page{min-height:100vh;padding:142px clamp(24px,5vw,96px) 120px;position:relative;overflow:hidden}.collection-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#6fdd9414,#0000 67%);border-radius:50%;width:min(70vw,950px);height:620px;position:absolute;top:-200px;right:-240px}.collection-heading,.collection-toolbar,.collection-grid,.search-box,.search-prompt,.collection-page>.empty-state,.load-more{z-index:1;position:relative}.collection-heading{max-width:720px;margin-bottom:44px}.collection-heading h1{letter-spacing:-.06em;margin:0;font-size:clamp(3rem,6vw,6.2rem);line-height:.96}.collection-heading>p:not(.eyebrow){color:var(--muted);margin:15px 0 0;font-size:1rem}.collection-toolbar{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;margin:0 0 21px;padding-bottom:14px;display:flex}.collection-toolbar>p{color:#969ca7;margin:0;font-size:.78rem}.collection-toolbar label{align-items:center;gap:10px;display:flex}.collection-toolbar label>span{color:#a3a8b2;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(min(14vw,190px),1fr));gap:clamp(16px,1.7vw,28px) clamp(12px,1.25vw,22px);display:grid}.collection-grid.wide,.collection-grid.live{grid-template-columns:repeat(auto-fill,minmax(min(25vw,300px),1fr))}.collection-grid>div{content-visibility:auto;contain-intrinsic-size:auto 320px}.collection-grid .media-card{width:100%}.grid-skeleton{aspect-ratio:2/3;background:linear-gradient(110deg,#15181d 25%,#20242a 40%,#15181d 55%) 0 0/220% 100%;border-radius:7px;animation:1.3s linear infinite shimmer;display:block}.collection-grid.wide .grid-skeleton,.collection-grid.live .grid-skeleton{aspect-ratio:16/9}.load-more{min-width:180px;margin:42px auto 0}.search-box{background:#15181d;border:1px solid #ffffff2e;border-radius:7px;align-items:center;gap:14px;width:min(900px,100%);min-height:64px;margin:-10px 0 38px;padding:0 19px;display:flex;box-shadow:0 18px 44px #0000002e}.search-box:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #6fdd941f,0 18px 44px #0000003d}.search-box>svg{color:var(--green);flex:none}.search-box input{width:100%;height:62px;color:var(--white);background:0 0;border:0;outline:0;font-size:clamp(1rem,1.4vw,1.25rem)}.search-box input::-webkit-search-cancel-button{display:none}.search-box input::placeholder{color:#7d838e}.search-box button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.search-box button:hover{color:var(--white);background:#ffffff14}.search-prompt{min-height:340px;color:var(--muted);text-align:center;place-content:center;justify-items:center;display:grid}.search-prompt>span{width:80px;height:80px;color:var(--green);background:#6fdd9417;border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.search-prompt h2{color:var(--white);margin:0;font-size:1.65rem}.search-prompt p{margin:10px 0 0}.modal-layer{z-index:80;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#030405d6;padding:clamp(16px,4vh,48px) clamp(12px,4vw,64px);animation:.22s both modal-layer-in;position:fixed;inset:0;overflow-y:auto}.details-modal{background:var(--ink);border:1px solid #ffffff1f;border-radius:10px;width:min(1380px,100%);min-height:min(850px,100vh - 40px);margin:0 auto;animation:.28s cubic-bezier(.22,1,.36,1) both modal-in;position:relative;overflow:hidden;box-shadow:0 44px 120px #000000b8}.modal-close{z-index:6;width:48px;height:48px;color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0c0fc7;border:1px solid #fff3;border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;right:20px}.modal-close:hover{border-color:var(--green);background:var(--green);color:var(--ink)}.details-backdrop{background-image:url(/assets/hero-fallback.jpg);background-position:50% 24%;background-size:cover;height:min(74vh,760px);position:absolute;inset:0 0 auto}.details-scrim{background:linear-gradient(90deg, #0b0c0ffa 0, #0b0c0fdb 42%, #0b0c0f38 75%, #0b0c0f4d), linear-gradient(0deg, var(--ink) 0, transparent 46%);height:min(78vh,800px);position:absolute;inset:0 0 auto}.details-content{z-index:2;grid-template-columns:minmax(0,1fr) minmax(200px,320px);align-items:center;gap:clamp(36px,6vw,100px);min-height:min(76vh,780px);padding:110px clamp(34px,6vw,100px) 90px;display:grid;position:relative}.details-copy{max-width:780px}.details-copy h1{letter-spacing:-.06em;margin:0 0 16px;font-size:clamp(3rem,6.7vw,6.9rem);line-height:.94}.details-meta{color:#e1e4e9;margin:0 0 9px;font-weight:700}.details-genres{color:var(--muted);margin:0}.details-overview{color:#d0d3da;max-width:760px;margin:22px 0 29px;font-size:clamp(.95rem,1.25vw,1.13rem);line-height:1.65}.details-actions{flex-wrap:wrap;gap:12px;display:flex}.details-actions>button{min-width:145px;padding-inline:22px}.favorite-action.selected{border-color:var(--green);color:var(--green)}.details-progress{background:#ffffff2b;border-radius:999px;width:min(430px,100%);height:4px;margin-top:26px}.details-progress>span{border-radius:inherit;background:var(--green);height:100%;display:block}.details-progress small{color:var(--muted);margin-top:8px;font-size:.7rem;display:block}.details-poster{object-fit:cover;border:1px solid #ffffff2b;border-radius:8px;width:100%;max-height:480px;box-shadow:0 28px 65px #0000008c}.details-loading{z-index:4;color:var(--muted);align-items:center;gap:9px;font-size:.76rem;display:flex;position:absolute;top:25px;left:25px}.episodes-section{z-index:3;background:linear-gradient(#0b0c0f,#101216);padding:25px clamp(28px,5vw,82px) 70px;position:relative}.episodes-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.episodes-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.8rem)}.episodes-heading label{align-items:center;gap:10px;display:flex}.episodes-heading label>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.episode-list{gap:10px;display:grid}.episode-card{content-visibility:auto;contain-intrinsic-size:auto 190px;background:#15181c;border:1px solid #ffffff14;border-radius:7px;transition:border-color .15s,background .15s}.episode-card:hover{background:#191d21;border-color:#6fdd9461}.episode-card>button{width:100%;color:var(--white);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:minmax(210px,27%) minmax(0,1fr);align-items:center;gap:22px;padding:10px;display:grid}.episode-art{aspect-ratio:16/9;background:#0e1013;border-radius:5px;display:block;position:relative;overflow:hidden}.episode-art>img{object-fit:cover;width:100%;height:100%}.episode-play{opacity:0;background:#03040545;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.episode-play svg{box-sizing:content-box;background:var(--green);color:var(--ink);border-radius:50%;padding:11px}.episode-card:hover .episode-play,.episode-card button:focus-visible .episode-play{opacity:1}.episode-copy{gap:10px;padding-right:20px;display:grid}.episode-copy>span{justify-content:space-between;gap:20px;display:flex}.episode-copy strong{font-size:1rem}.episode-copy small{color:var(--muted);flex:none}.episode-copy p{color:#aeb3bd;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.55;display:-webkit-box;overflow:hidden}.episode-loading,.episode-error,.episode-empty{min-height:140px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.episode-error{color:var(--error)}.player-screen{z-index:120;background:#000;display:block;position:fixed;inset:0;overflow:hidden;animation:none;transform:none;isolation:isolate}.player-screen video{z-index:1;object-fit:contain;background:#000;width:100%;max-width:none;height:100%;min-height:100%;display:block;position:absolute;inset:0;transform:none;-webkit-transform:none}.player-topbar{z-index:3;padding:max(22px, calc(env(safe-area-inset-top) + 12px)) 28px 80px;pointer-events:none;background:linear-gradient(#000000d1,#0000);grid-template-columns:150px minmax(0,1fr) 180px;align-items:center;gap:20px;display:grid;position:absolute;top:0;left:0;right:0}.player-topbar>*{pointer-events:auto}.player-topbar>button{min-height:44px;color:var(--white);cursor:pointer;background:#0c0e11b3;border:1px solid #ffffff2e;border-radius:6px;justify-self:start;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.player-topbar>div{text-align:center;min-width:0}.player-topbar p{color:var(--green);letter-spacing:.14em;margin:0 0 4px;font-size:.62rem;font-weight:700}.player-topbar h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.95rem,1.7vw,1.35rem);overflow:hidden}.player-topbar img{justify-self:end;width:160px}.player-loading,.player-error{z-index:4;text-align:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0c0e11f2;border:1px solid #ffffff21;border-radius:8px;place-items:center;min-width:min(88vw,430px);padding:35px;display:grid;position:absolute}.player-loading{gap:12px}.player-loading p{color:var(--muted);margin:0}.player-error h2{margin:0;font-size:1.6rem}.player-error p{color:var(--muted);margin:12px 0 22px;line-height:1.55}.player-error>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.play-preparing{z-index:110;color:var(--muted);background:#121418f5;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:10px;padding:14px 18px;font-size:.82rem;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 45px #0006}.toast{z-index:140;color:#edf3f0;text-align:center;background:#121617f5;border:1px solid #6fdd9461;border-radius:6px;max-width:min(88vw,620px);padding:14px 20px;font-size:.86rem;animation:.22s ease-out both toast-in;position:fixed;bottom:28px;right:50%;transform:translate(50%);box-shadow:0 20px 55px #00000073,0 0 24px #6fdd9417}@keyframes hero-fade{0%{opacity:.35;transform:scale(1.012)}to{opacity:1;transform:none}}@keyframes copy-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes modal-layer-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(50%,10px)}to{opacity:1;transform:translate(50%)}}@media (width>=1700px){.site-header nav button{font-size:.8rem}.media-card{width:min(20vw,355px)}.media-card.poster{width:min(12.5vw,225px)}.hero-content{width:min(800px,50vw)}}@media (width<=1200px){.site-header{grid-template-columns:170px minmax(0,1fr) 170px;padding-inline:30px}.logo-button{width:155px}.site-header nav{gap:15px}.site-header nav button{font-size:.67rem}.profile-button span:not(.profile-caret){display:none}.profile-menu{right:30px}.hero-content{width:min(680px,62vw)}.details-content{grid-template-columns:minmax(0,1fr) minmax(180px,260px)}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.collection-grid.wide,.collection-grid.live{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (width<=900px){.landing-backdrop{will-change:auto;animation:none;transform:scale(1.04)}.app-shell{padding-bottom:70px}body.overlay-open .app-shell{padding-bottom:0}.site-header,.site-header.solid{min-height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:#0b0c0fe6;grid-template-columns:minmax(0,1fr) auto;box-shadow:0 1px #ffffff12}.logo-button{width:145px}.header-logo{width:100%}.site-header nav{display:none}.header-actions{grid-column:2}.mobile-search{width:44px;height:44px;color:var(--white);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.mobile-search:hover{background:#ffffff14}.profile-button{width:44px;height:44px;padding:3px}.profile-button img{width:36px;height:36px}.profile-button span{display:none}.profile-menu{top:calc(63px + env(safe-area-inset-top));right:14px}.mobile-nav{z-index:45;min-height:calc(66px + env(safe-area-inset-bottom));padding:5px 4px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0d10f5;border-top:1px solid #ffffff1a;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 34px #00000052}.mobile-nav button{color:#8f95a0;cursor:pointer;background:0 0;border:0;place-content:center;justify-items:center;gap:3px;min-width:0;min-height:55px;padding:4px 2px;display:grid;position:relative}.mobile-nav button.active{color:var(--green)}.mobile-nav button.active:before{background:var(--green);content:"";border-radius:0 0 3px 3px;width:30px;height:3px;position:absolute;top:-5px;box-shadow:0 0 9px #6fdd948c}.mobile-nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.58rem;font-weight:700;overflow:hidden}.hero{align-items:flex-end;min-height:68svh;padding:116px 24px 115px}.hero-art{background-position:50% 25%;inset:0}.hero-scrim{background:linear-gradient(0deg, var(--ink) 0, #0b0c0fe0 28%, #0b0c0f33 70%, #0b0c0f4d)}.hero-content{width:min(680px,100%)}.hero-content h1{font-size:clamp(2.6rem,9vw,4.7rem)}.hero-overview{-webkit-line-clamp:2;max-width:620px}.home-content{margin-top:-70px}.rail-heading{margin-inline:24px}.rail-track{padding-inline:24px;scroll-padding-inline:24px}.rail-arrow{display:none}.media-card{width:clamp(230px,48vw,330px)}.media-card.poster{width:clamp(155px,33vw,215px)}.media-card.live{width:clamp(235px,52vw,320px)}.collection-page{padding:112px 22px 100px}.collection-heading{margin-bottom:34px}.collection-heading h1{font-size:clamp(3rem,11vw,5rem)}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.collection-grid.wide,.collection-grid.live{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.modal-layer{padding:0}.details-modal{border:0;border-radius:0;min-height:100svh}.details-content{grid-template-columns:minmax(0,1fr);min-height:74svh;padding:108px 28px 70px}.details-copy{max-width:650px}.details-poster{display:none}.details-copy h1{font-size:clamp(3rem,10vw,5.7rem)}.details-backdrop{height:70svh}.details-scrim{background:linear-gradient(0deg, var(--ink) 0, #0b0c0fe6 28%, #0b0c0f33 76%), linear-gradient(90deg, #0b0c0fbf, #0b0c0f1a);height:76svh}.episode-card>button{grid-template-columns:minmax(180px,36%) minmax(0,1fr)}.player-topbar{padding:max(14px, calc(env(safe-area-inset-top) + 8px)) 14px 60px;grid-template-columns:100px minmax(0,1fr) 1px}.player-topbar img{display:none}.player-topbar>button{padding-inline:10px}}@media (width<=600px){.login-screen{background-position:44%;padding:96px 14px 86px}.brand-link{top:max(22px, calc(env(safe-area-inset-top) + 12px));width:165px;left:21px}.login-panel{border-radius:7px;padding:36px 22px 28px}.login-panel h1{font-size:2.4rem}.login-intro{margin:14px 0 27px;font-size:.9rem}.login-panel input{height:54px;margin-bottom:22px}.show-password,.login-button{height:54px}.session-note{margin-top:17px;margin-bottom:-10px}.login-footer{right:14px;bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:6px;font-size:.55rem;left:14px}.site-header,.site-header.solid{min-height:calc(62px + env(safe-area-inset-top))}.logo-button{width:132px}.header-actions{gap:1px}.mobile-search,.profile-button{width:40px;height:40px}.profile-button img{width:33px;height:33px}.hero{min-height:73svh;padding:96px 18px 105px}.hero-content h1{margin-bottom:11px;font-size:clamp(2.35rem,12vw,4.1rem)}.hero-meta{font-size:.75rem}.hero-genres{display:none}.hero-overview{-webkit-line-clamp:2;margin:11px 0 18px;font-size:.85rem;line-height:1.5}.hero-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px;gap:8px;display:grid}.hero-actions>.primary-button,.hero-actions>.secondary-button{min-width:0;min-height:46px;padding:0 11px;font-size:.68rem}.round-action{width:46px;height:46px}.hero-progress{margin-top:17px}.home-content{margin-top:-68px;padding-bottom:55px}.media-rail{margin-bottom:28px}.rail-heading{margin:0 18px 10px}.rail-heading h2{font-size:1.05rem}.rail-heading>span{display:none}.rail-track{gap:10px;padding:5px 18px 12px;scroll-padding-inline:18px}.media-card{width:72vw;max-width:290px}.media-card.poster{width:41vw;max-width:180px}.media-card.live{width:68vw}.media-card:hover,.media-card:focus-visible{transform:translateY(-3px)scale(1.012)}.card-copy{bottom:9px;left:9px;right:9px}.card-copy strong{font-size:.75rem}.card-copy small{font-size:.6rem}.collection-page{padding:94px 16px 92px}.collection-heading{margin-bottom:28px}.collection-heading h1{font-size:clamp(2.7rem,15vw,4.2rem)}.collection-heading>p:not(.eyebrow){font-size:.86rem}.collection-toolbar{align-items:flex-end}.collection-toolbar label>span{display:none}.collection-toolbar select{max-width:145px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.collection-grid.wide,.collection-grid.live{grid-template-columns:1fr}.search-box{min-height:56px;margin-bottom:28px;padding-inline:14px}.search-box input{height:54px;font-size:.94rem}.empty-state{min-height:320px;padding-inline:8px}.empty-state h2{font-size:1.8rem}.empty-state>div{width:100%}.empty-state .primary-button,.empty-state .secondary-button{flex:150px}.modal-close{top:max(14px, calc(env(safe-area-inset-top) + 8px));width:44px;height:44px;right:14px}.details-content{align-items:end;min-height:76svh;padding:92px 20px 52px}.details-copy h1{margin-bottom:11px;font-size:clamp(2.6rem,13vw,4.4rem)}.details-meta,.details-genres{font-size:.77rem}.details-overview{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:16px 0 23px;font-size:.87rem;line-height:1.55;display:-webkit-box;overflow:hidden}.details-actions{grid-template-columns:1fr 1fr;display:grid}.details-actions>button{min-width:0;padding-inline:10px;font-size:.7rem}.episodes-section{padding:24px 14px 60px}.episodes-heading{flex-direction:column;align-items:flex-start;gap:14px}.episodes-heading h2{font-size:2.5rem}.episodes-heading label{width:100%}.episodes-heading select{flex:1}.episode-list{gap:9px}.episode-card>button{grid-template-columns:1fr;gap:10px;padding:9px}.episode-copy{gap:6px;padding:0 3px 7px}.episode-copy p{-webkit-line-clamp:3}.episode-copy strong{font-size:.9rem}.player-topbar{padding:max(10px, calc(env(safe-area-inset-top) + 6px)) 9px 50px;grid-template-columns:80px minmax(0,1fr);gap:5px}.player-topbar>button{background:#00000080;border:0;min-height:40px;font-size:.72rem}.player-topbar p{display:none}.player-topbar h1{font-size:.78rem}.player-loading,.player-error{min-width:calc(100vw - 30px);padding:27px 18px}.play-preparing{justify-content:center;bottom:82px;left:14px;right:14px}.toast{bottom:82px}}@media (width<=380px){.landing-logo{width:132px}.landing-status{min-height:44px;padding-inline:15px;font-size:.88rem}.landing-login{min-height:70px;font-size:2rem}.mobile-nav button span{font-size:.52rem}.hero-actions>.primary-button,.hero-actions>.secondary-button{font-size:.61rem}.collection-grid{gap-inline:8px}}@media (height<=700px){.login-screen{padding-top:max(92px, calc(env(safe-area-inset-top) + 72px));padding-bottom:max(104px, calc(env(safe-area-inset-bottom) + 80px));place-items:start center}}@media (prefers-reduced-motion:reduce){.app-shell,.landing-backdrop,.landing-header,.landing-login,.hero-art,.hero-content,.details-modal,.modal-layer,.profile-menu,.toast{animation:none!important}.media-card:hover,.media-card:focus-visible{transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
@supports (-webkit-touch-callout:none){.player-screen{height:100dvh;min-height:100dvh;animation:none!important;transform:none!important}.player-screen video{width:100vw;height:100dvh;min-height:100dvh;transform:none!important;-webkit-transform:none!important}.player-loading,.player-error{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
/* STREAMNEST_V17_STYLES_START */
:root {
  --sn-online: #18d878;
  --sn-online-dark: #0cae5b;
  --sn-offline: #ff4f62;
  --sn-offline-dark: #c92d40;
  --sn-checking: #707783;
}

.landing-status.sn-status-bar {
  cursor: default;
  user-select: none;
  min-width: 132px;
  gap: 10px;
  color: #061109;
  background: linear-gradient(180deg, var(--sn-online), var(--sn-online-dark));
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.3), 0 0 28px rgba(24, 216, 120, 0.28);
  transition: background 180ms ease, box-shadow 180ms ease, color 180ms ease;
}

.landing-status.sn-status-bar::before {
  content: "";
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 4px rgba(5, 17, 9, 0.12);
}

.landing-status.sn-status-bar:hover,
.landing-status.sn-status-bar:active {
  transform: none;
}

.landing-status.sn-status-bar[data-status="offline"] {
  color: #fff;
  background: linear-gradient(180deg, var(--sn-offline), var(--sn-offline-dark));
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.34), 0 0 28px rgba(255, 79, 98, 0.25);
}

.landing-status.sn-status-bar[data-status="checking"] {
  color: #fff;
  background: linear-gradient(180deg, #7b828e, #545b66);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.3);
}

.sn-inline-status {
  pointer-events: none;
  cursor: default !important;
  user-select: none;
}

.login-footer .sn-inline-status {
  color: var(--sn-offline);
  letter-spacing: 0.11em;
  font-weight: 800;
}

.profile-menu > .sn-profile-status {
  color: #e8eaf0;
  cursor: default;
  text-align: left;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 50px;
  padding: 0 18px;
  font-size: 0.84rem;
  display: flex;
}

.empty-state .sn-empty-status {
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  letter-spacing: 0.08em;
  font-size: 0.78rem;
  font-weight: 800;
  display: inline-flex;
}

.sn-inline-status[data-status="online"] {
  color: var(--sn-online) !important;
}

.sn-inline-status[data-status="offline"] {
  color: var(--sn-offline) !important;
}

.sn-inline-status[data-status="checking"] {
  color: #a7adb8 !important;
}

.sn-profile-status .status-dot {
  background: var(--sn-online);
  box-shadow: 0 0 9px rgba(24, 216, 120, 0.66);
}

.sn-profile-status[data-status="offline"] .status-dot {
  background: var(--sn-offline);
  box-shadow: 0 0 9px rgba(255, 79, 98, 0.68);
}

.sn-profile-status[data-status="checking"] .status-dot {
  background: var(--sn-checking);
  box-shadow: none;
}

.sn-lock-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.sn-password-open {
  overflow: hidden;
}

.sn-password-layer {
  z-index: 180;
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  padding: max(22px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  background: rgba(3, 4, 6, 0.76);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  animation: sn-layer-in 160ms ease-out both;
}

.sn-password-dialog {
  position: relative;
  width: min(100%, 520px);
  max-height: min(92vh, 760px);
  max-height: min(92svh, 760px);
  overflow: auto;
  color: #fff;
  background: rgba(17, 19, 24, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: clamp(28px, 5vw, 46px);
  box-shadow: 0 32px 100px rgba(0, 0, 0, 0.72), 0 0 42px rgba(111, 221, 148, 0.08);
  animation: sn-dialog-in 190ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.sn-password-dialog::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  border-radius: 10px 10px 0 0;
  background: var(--green, #6fdd94);
  box-shadow: 0 0 24px rgba(111, 221, 148, 0.38);
}

.sn-password-close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  color: #d9dce3;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 50%;
  cursor: pointer;
}

.sn-password-close:hover {
  background: rgba(255, 255, 255, 0.13);
}

.sn-password-layer[data-busy="true"] .sn-password-dialog {
  cursor: progress;
}

.sn-password-layer[data-busy="true"] button:disabled {
  cursor: progress;
  opacity: 0.72;
}

.sn-password-close svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

.sn-password-dialog .eyebrow {
  margin: 0 52px 10px 0;
}

.sn-password-dialog h2 {
  margin: 0;
  letter-spacing: -0.04em;
  font-size: clamp(2rem, 7vw, 3rem);
  line-height: 1;
}

.sn-password-intro {
  margin: 16px 0 28px;
  color: #bfc3cd;
  line-height: 1.55;
}

.sn-password-form label {
  display: block;
  margin: 0 0 8px;
  color: #d9dce3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.72rem;
  font-weight: 700;
}

.sn-password-form input {
  width: 100%;
  height: 54px;
  margin: 0 0 20px;
  padding: 0 15px;
  color: #fff;
  background: rgba(5, 6, 8, 0.86);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 6px;
}

.sn-password-form input:focus {
  border-color: var(--green, #6fdd94);
  outline: none;
  box-shadow: 0 0 0 3px rgba(111, 221, 148, 0.15);
}

.sn-password-hint {
  margin: -8px 0 20px;
  color: #9399a5;
  font-size: 0.76rem;
  line-height: 1.45;
}

.sn-password-message {
  min-height: 22px;
  margin: 0 0 18px;
  color: #ff747a;
  font-size: 0.88rem;
  line-height: 1.45;
}

.sn-password-message:empty {
  min-height: 0;
  margin: 0;
}

.sn-password-message.success {
  color: var(--green, #6fdd94);
}

.sn-password-actions {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 12px;
}

.sn-password-actions button {
  min-height: 50px;
}

@keyframes sn-layer-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes sn-dialog-in {
  from { opacity: 0; transform: translateY(14px) scale(0.985); }
  to { opacity: 1; transform: none; }
}

@media (width <= 900px) {
  .app-shell {
    transform: none !important;
    animation: sn-app-fade 280ms ease-out both !important;
    padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important;
  }

  body.overlay-open .app-shell {
    padding-bottom: 0 !important;
  }

  .mobile-nav {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    isolation: isolate;
  }
}

@media (width <= 600px) {
  .landing-status.sn-status-bar {
    min-width: 114px;
    padding-inline: 14px;
    gap: 8px;
  }

  .sn-password-layer {
    align-items: end;
    padding: 0;
  }

  .sn-password-dialog {
    width: 100%;
    max-height: min(94vh, 760px);
    max-height: min(94svh, 760px);
    border-radius: 14px 14px 0 0;
    padding: 34px 20px max(24px, env(safe-area-inset-bottom));
  }

  .sn-password-dialog::before {
    border-radius: 14px 14px 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sn-password-layer,
  .sn-password-dialog,
  .app-shell {
    animation: none !important;
  }
}

@keyframes sn-app-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* StreamNest v2.0.3 — collection filters and near-full-page Live guide */
.collection-favorites .collection-heading > .eyebrow {
  display: none;
}

.collection-movies .collection-heading,
.collection-shows .collection-heading {
  margin-bottom: 24px;
}

.collection-filters {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  margin-left: auto;
}

.collection-toolbar .collection-filters label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.collection-filters select {
  min-width: 170px;
  min-height: 44px;
}

.app-shell.mode-live {
  height: 100svh;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
}

.collection-page.collection-live {
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  height: 100%;
  min-height: 0;
  padding: calc(86px + env(safe-area-inset-top) + 16px) clamp(24px, 5vw, 96px) 24px;
  overflow: hidden;
}

.collection-live .collection-heading {
  max-width: none;
  margin: 0 0 10px;
}

.collection-live .collection-heading > p:not(.eyebrow) {
  margin: 0;
}

.collection-live .collection-toolbar {
  margin: 0 0 10px;
  padding-bottom: 10px;
}

.collection-live .collection-toolbar > p {
  color: #c4cad3;
}

.collection-live .collection-toolbar label {
  display: none;
}

.collection-grid.live {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  min-height: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: linear-gradient(180deg, #11161a 0%, #090c0f 100%);
  border: 1px solid #2a3036;
  border-radius: 8px;
  box-shadow: 0 18px 48px #0008, inset 0 1px #ffffff0a;
  scrollbar-color: #6fdd94 #171c21;
  scrollbar-width: thin;
}

.collection-grid.live .live-guide-header {
  position: sticky;
  top: 0;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(48px, 72px) minmax(150px, 30%) minmax(0, 1fr) 34px;
  align-items: stretch;
  contain: none;
  content-visibility: visible;
  min-height: 42px;
  padding-right: 18px;
  color: #8e96a2;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1;
  background: #14191ef5;
  border-bottom: 1px solid #30363d;
  box-shadow: 0 8px 18px #0006;
}

.collection-grid.live .live-guide-header span {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 14px 20px 12px;
}

.collection-grid.live .live-guide-header span:first-child {
  justify-content: center;
  padding-inline: 6px;
  border-right: 1px solid #30363d;
}

.collection-grid.live .live-guide-header span:nth-child(2) {
  border-right: 1px solid #30363d;
}

.collection-grid.live > div:not(.live-guide-header) {
  contain: layout paint style;
  content-visibility: auto;
  contain-intrinsic-size: auto 78px;
  border-bottom: 1px solid #242a30;
}

.collection-grid.live > div:last-child:not(.live-guide-header) {
  border-bottom: 0;
}

.collection-grid.live .media-card.live {
  position: relative;
  display: grid;
  grid-template-columns: minmax(48px, 72px) minmax(150px, 30%) minmax(0, 1fr) 34px;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: 74px;
  padding: 0 18px 0 0;
  color: #f8f9fb;
  background: #0c1014;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  transition: background-color .14s ease, box-shadow .14s ease;
}

.collection-grid.live .media-card.live::before {
  content: attr(data-channel-number);
  grid-column: 1;
  grid-row: 1;
  align-self: stretch;
  display: grid;
  place-items: center;
  color: #6fdd94;
  font-size: clamp(.8rem, 1.1vw, .95rem);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  background: #0f1716;
  border-right: 1px solid #26332f;
}

.collection-grid.live .media-card.live::after {
  content: "›";
  grid-column: 4;
  grid-row: 1;
  color: #69727e;
  font-size: 1.65rem;
  line-height: 1;
  text-align: right;
}

.collection-grid.live .media-card.live:hover,
.collection-grid.live .media-card.live:focus-visible {
  z-index: 2;
  background: #15221d;
  box-shadow: inset 4px 0 #6fdd94;
  transform: none;
}

.collection-grid.live .media-card.live:focus-visible {
  outline: 2px solid #6fdd94;
  outline-offset: -2px;
}

.collection-grid.live .card-art {
  display: contents;
  aspect-ratio: auto;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

.collection-grid.live .card-art > img,
.collection-grid.live .art-fallback,
.collection-grid.live .card-gradient,
.collection-grid.live .live-badge,
.collection-grid.live .card-progress,
.collection-grid.live .watched-badge {
  display: none;
}

.collection-grid.live .card-copy {
  display: contents;
  position: static;
  transform: none;
}

.collection-grid.live .card-copy strong {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  padding: 15px 20px;
  overflow: visible;
  color: #fff;
  font-size: clamp(.78rem, 1vw, .94rem);
  font-weight: 750;
  line-height: 1.25;
  display: block;
  white-space: normal;
  overflow-wrap: anywhere;
  border-right: 1px solid #242a30;
}

.collection-grid.live .card-copy small {
  grid-column: 3;
  grid-row: 1;
  min-width: 0;
  padding: 15px 22px;
  overflow: visible;
  color: #c3c9d2;
  font-size: clamp(.72rem, .9vw, .86rem);
  line-height: 1.3;
  display: block;
  white-space: normal;
  overflow-wrap: anywhere;
}

.collection-grid.live[aria-hidden="true"] .grid-skeleton {
  display: block;
  width: 100%;
  height: 74px;
  margin: 0;
  aspect-ratio: auto;
  border-bottom: 1px solid #242a30;
  border-radius: 0;
}

@media (width <= 600px) {
  .collection-grid.live {
    height: 100%;
    max-height: none;
    min-height: 0;
    scroll-padding-block: 44px calc(18px + env(safe-area-inset-bottom));
    overscroll-behavior-y: auto;
    border-radius: 6px;
  }

  .collection-grid.live .live-guide-header {
    grid-template-columns: 50px minmax(0, 1fr) 20px;
    min-height: 40px;
    padding-right: 10px;
    font-size: .58rem;
    letter-spacing: .055em;
  }

  .collection-grid.live .live-guide-header span {
    padding: 13px 10px 11px;
  }

  .collection-grid.live .live-guide-header span:nth-child(2) {
    border-right: 0;
  }

  .collection-grid.live .live-guide-header span:nth-child(2)::after {
    content: " / NOW PLAYING";
  }

  .collection-grid.live .live-guide-header span:nth-child(3) {
    display: none;
  }

  .collection-grid.live .media-card.live {
    grid-template-columns: 50px minmax(0, 1fr) 20px;
    grid-template-rows: auto auto;
    min-height: 78px;
    padding-right: 10px;
  }

  .collection-grid.live .media-card.live::before {
    grid-row: 1 / 3;
  }

  .collection-grid.live .card-copy strong {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    padding: 12px 10px 2px;
    font-size: .76rem;
    border-right: 0;
  }

  .collection-grid.live .card-copy small {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    padding: 2px 10px 12px;
    font-size: .68rem;
  }

  .collection-grid.live .media-card.live::after {
    grid-row: 1 / 3;
    font-size: 1.35rem;
  }
}

@media (width <= 900px) {
  .app-shell.mode-live {
    padding-bottom: 0 !important;
  }

  .collection-page.collection-live {
    padding: calc(68px + env(safe-area-inset-top) + 10px) 22px calc(66px + env(safe-area-inset-bottom) + 10px);
  }
}

@media (width <= 600px) {
  .collection-movies .collection-heading,
  .collection-shows .collection-heading {
    margin-bottom: 18px;
  }

  .collection-movies .collection-toolbar,
  .collection-shows .collection-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .collection-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    margin: 0;
    gap: 8px;
  }

  .collection-filters label,
  .collection-filters select {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .collection-page.collection-live {
    padding: calc(62px + env(safe-area-inset-top) + 9px) 16px calc(66px + env(safe-area-inset-bottom) + 8px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .collection-grid.live .media-card.live {
    transition: none;
  }
}

/* STREAMNEST_V203_HOMEPAGE_STATUS_START */
.landing-status.sn-status-bar {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: clamp(210px, 31vw, 352px);
  min-width: 210px;
  min-height: clamp(56px, 5vw, 70px);
  padding: 0 clamp(24px, 2.8vw, 34px);
  justify-content: space-between;
  gap: 18px;
  flex-shrink: 1;
  color: #fff !important;
  font-size: clamp(.96rem, 1.35vw, 1.22rem);
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1;
  white-space: nowrap;
  text-shadow: 0 2px 9px rgba(0, 0, 0, .7);
  background:
    linear-gradient(180deg, rgba(78, 181, 111, .66) 0%, rgba(18, 89, 49, .84) 47%, rgba(8, 63, 33, .92) 100%);
  border: 1px solid rgba(140, 255, 181, .86);
  border-radius: 999px;
  -webkit-backdrop-filter: blur(18px) saturate(1.28);
  backdrop-filter: blur(18px) saturate(1.28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .38),
    inset 0 -12px 24px rgba(0, 23, 10, .25),
    0 12px 34px rgba(0, 0, 0, .42),
    0 0 26px rgba(111, 221, 148, .3);
  transform: none;
  transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.landing-status.sn-status-bar::before {
  content: "";
  position: relative;
  z-index: 1;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 50%;
  background: #63e496;
  border: 1px solid rgba(222, 255, 232, .72);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, .58),
    0 0 0 1px rgba(66, 255, 137, .18),
    0 0 16px rgba(75, 255, 142, .62);
}

.landing-status.sn-status-bar::after {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: -1;
  inset: 1px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, .16), transparent 46%);
}

.landing-status.sn-status-bar:hover,
.landing-status.sn-status-bar:active {
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(78, 181, 111, .66) 0%, rgba(18, 89, 49, .84) 47%, rgba(8, 63, 33, .92) 100%);
  transform: none;
}

.landing-status.sn-status-bar[data-status="offline"] {
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(185, 65, 78, .7) 0%, rgba(105, 26, 38, .88) 48%, rgba(69, 14, 25, .94) 100%);
  border-color: rgba(255, 136, 149, .82);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .3),
    inset 0 -12px 24px rgba(38, 0, 6, .3),
    0 12px 34px rgba(0, 0, 0, .42),
    0 0 25px rgba(255, 79, 98, .28);
}

.landing-status.sn-status-bar[data-status="offline"]::before {
  background: #ff6f7f;
  border-color: rgba(255, 226, 230, .68);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, .48),
    0 0 0 1px rgba(255, 99, 117, .18),
    0 0 16px rgba(255, 79, 98, .64);
}

.landing-status.sn-status-bar[data-status="checking"] {
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(119, 128, 143, .68), rgba(52, 58, 69, .9));
  border-color: rgba(207, 213, 224, .56);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .26),
    0 12px 34px rgba(0, 0, 0, .42),
    0 0 22px rgba(135, 145, 162, .2);
}

.landing-status.sn-status-bar[data-status="checking"]::before {
  background: #abb2bf;
  border-color: rgba(242, 245, 249, .58);
  box-shadow: 0 0 12px rgba(183, 191, 204, .46);
}

@media (width <= 600px) {
  .landing-header {
    gap: 10px;
  }

  .landing-logo {
    width: clamp(128px, 38vw, 160px);
  }

  .landing-status.sn-status-bar {
    width: clamp(152px, 50vw, 220px);
    min-width: 0;
    min-height: 44px;
    padding: 0 clamp(15px, 4.4vw, 21px);
    gap: 12px;
    font-size: clamp(.78rem, 3.9vw, .94rem);
  }

  .landing-status.sn-status-bar::before {
    width: 14px;
    height: 14px;
    flex-basis: 14px;
  }
}

@media (width <= 380px) {
  .landing-header {
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
    gap: 8px;
  }

  .landing-logo {
    width: clamp(120px, 38vw, 132px);
  }

  .landing-status.sn-status-bar {
    width: 50vw;
    min-height: 42px;
    padding-inline: 14px;
    gap: 9px;
    font-size: .78rem;
  }
}
/* STREAMNEST_V203_HOMEPAGE_STATUS_END */

/* STREAMNEST_V300_CINEMATIC_LOGIN_START */
:root {
  --sn-v300-gutter: clamp(22px, 6vw, 74px);
  --sn-v300-content: 700px;
  --sn-v300-form: 608px;
}

.landing-screen-v300,
.login-screen-v300 {
  isolation: isolate;
  min-height: 100svh;
  color: #fff;
  background: #031017;
}

.landing-screen-v300 .landing-backdrop,
.login-screen-v300 .login-backdrop {
  z-index: -3;
  position: absolute;
  inset: -6%;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #031017;
}

.login-screen-v300 .login-backdrop {
  animation: 18s ease-in-out infinite alternate landing-drift;
}

.landing-screen-v300 .landing-poster-wall,
.login-screen-v300 .landing-poster-wall {
  opacity: .86;
  filter: saturate(.88) contrast(1.08) brightness(.7);
}

.landing-screen-v300 .landing-shade {
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(0, 22, 31, .76) 0%, rgba(0, 24, 33, .66) 42%, rgba(0, 14, 21, .91) 100%),
    radial-gradient(circle at 50% 34%, rgba(8, 57, 66, .22), rgba(0, 10, 16, .62) 68%);
  box-shadow: inset 0 0 130px rgba(0, 0, 0, .42);
}

.landing-screen-v300 .landing-header {
  justify-content: center;
  padding: max(28px, calc(env(safe-area-inset-top) + 16px)) var(--sn-v300-gutter) 20px;
}

.landing-screen-v300 .landing-logo {
  width: clamp(150px, 24vw, 245px);
}

.landing-screen-v300 .landing-content {
  z-index: 1;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  width: min(100%, 1180px);
  min-height: 100svh;
  margin: 0 auto;
  padding: clamp(145px, 18svh, 220px) var(--sn-v300-gutter) clamp(238px, 29svh, 330px);
}

.landing-screen-v300 .landing-content h1 {
  width: min(100%, var(--sn-v300-content));
  margin: 0;
  color: #fff;
  letter-spacing: -.045em;
  text-wrap: balance;
  text-shadow: 0 4px 28px rgba(0, 0, 0, .72);
  font-size: clamp(2.8rem, 6.2vw, 5.35rem);
  font-weight: 700;
  line-height: .98;
}

.landing-benefits {
  display: grid;
  gap: clamp(11px, 1.35vw, 18px);
  width: min(100%, var(--sn-v300-content));
  margin: clamp(26px, 3.5vw, 42px) 0 0;
  padding: 0;
}

.landing-benefits li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  color: rgba(255, 255, 255, .94);
  text-shadow: 0 2px 14px rgba(0, 0, 0, .78);
  font-size: clamp(1rem, 1.7vw, 1.45rem);
  line-height: 1.35;
}

.landing-benefits li > span:first-child {
  color: var(--green);
  font-size: 1.35em;
  font-weight: 700;
  line-height: 1;
}

.landing-actions {
  z-index: 3;
  position: absolute;
  left: 50%;
  bottom: max(34px, calc(env(safe-area-inset-bottom) + 28px));
  display: grid;
  gap: 12px;
  width: min(640px, calc(100% - 44px));
  transform: translateX(-50%);
}

.landing-actions .landing-status.sn-status-bar,
.login-topbar .login-status.sn-status-bar {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 0 20px;
  justify-content: center;
  gap: 12px;
  color: var(--sn-online) !important;
  letter-spacing: .12em;
  text-shadow: none;
  font-size: .82rem;
  font-weight: 800;
  background: rgba(6, 15, 19, .72);
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 7px;
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
  backdrop-filter: blur(18px) saturate(1.15);
  box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 12px 30px rgba(0, 0, 0, .34);
}

.landing-actions .landing-status.sn-status-bar::before,
.login-topbar .login-status.sn-status-bar::before {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  background: var(--sn-online);
  border: 0;
  box-shadow: 0 0 13px rgba(24, 216, 120, .82);
}

.landing-actions .landing-status.sn-status-bar::after,
.login-topbar .login-status.sn-status-bar::after {
  display: none;
}

.landing-actions .landing-status.sn-status-bar[data-status="offline"],
.login-topbar .login-status.sn-status-bar[data-status="offline"] {
  color: var(--sn-offline) !important;
  background: rgba(16, 10, 13, .76);
  border-color: rgba(255, 255, 255, .3);
  box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 12px 30px rgba(0, 0, 0, .36);
}

.landing-actions .landing-status.sn-status-bar[data-status="offline"]::before,
.login-topbar .login-status.sn-status-bar[data-status="offline"]::before {
  background: var(--sn-offline);
  border: 0;
  box-shadow: 0 0 13px rgba(255, 79, 98, .82);
}

.landing-actions .landing-status.sn-status-bar[data-status="checking"],
.login-topbar .login-status.sn-status-bar[data-status="checking"] {
  color: #b9c0cb !important;
  background: rgba(10, 13, 18, .75);
}

.landing-actions .landing-status.sn-status-bar[data-status="checking"]::before,
.login-topbar .login-status.sn-status-bar[data-status="checking"]::before {
  background: #a7adb8;
  box-shadow: 0 0 11px rgba(167, 173, 184, .6);
}

.landing-screen-v300 .landing-login {
  width: 100%;
  min-width: 0;
  min-height: clamp(66px, 7.2vw, 82px);
  padding: 0 28px;
  color: #050607;
  letter-spacing: .2em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, .98);
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: clamp(.92rem, 1.5vw, 1.12rem);
  font-weight: 800;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .52), inset 0 1px rgba(255, 255, 255, .72);
}

.landing-screen-v300 .landing-login:hover {
  background: #fff;
  transform: translateY(-2px);
  box-shadow: 0 22px 54px rgba(0, 0, 0, .58), 0 0 26px rgba(255, 255, 255, .2);
}

.landing-screen-v300 .landing-credit {
  right: var(--sn-v300-gutter);
  bottom: max(7px, env(safe-area-inset-bottom));
  left: var(--sn-v300-gutter);
  text-align: center;
  color: rgba(255, 255, 255, .5);
  font-size: .52rem;
}

.login-screen-v300 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--sn-v300-gutter) max(34px, calc(env(safe-area-inset-bottom) + 22px));
  overflow: hidden auto;
  background-image: none;
}

.login-screen-v300 .login-backdrop {
  position: fixed;
}

.login-screen-v300 .login-poster-wall {
  opacity: .88;
  filter: saturate(.82) contrast(1.08) brightness(.58);
}

.login-screen-v300 .login-shade {
  z-index: -2;
  position: fixed;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .48), rgba(0, 0, 0, .67) 48%, rgba(0, 0, 0, .82)),
    radial-gradient(circle at 50% 31%, rgba(0, 26, 34, .1), rgba(0, 0, 0, .54) 72%);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.login-topbar {
  z-index: 4;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: max(24px, calc(env(safe-area-inset-top) + 15px)) var(--sn-v300-gutter) 16px;
}

.login-back-button {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  padding: 0;
  color: #0a0b0c;
  cursor: pointer;
  background: rgba(255, 255, 255, .95);
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: 50%;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .42);
  transition: transform .16s ease, background .16s ease;
}

.login-back-button span {
  margin-top: -2px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.login-back-button:hover {
  background: #fff;
  transform: translateY(-2px);
}

.login-topbar .login-status.sn-status-bar {
  width: clamp(138px, 20vw, 190px);
  min-height: 48px;
  flex: 0 1 auto;
}

.login-logo {
  z-index: 2;
  width: min(76vw, 610px);
  height: auto;
  margin-top: clamp(118px, 18svh, 190px);
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, .8));
}

.login-screen-v300 .login-panel {
  z-index: 2;
  position: relative;
  width: min(100%, var(--sn-v300-form));
  margin-top: clamp(42px, 7svh, 88px);
  padding: 0;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  animation: .42s cubic-bezier(.22, 1, .36, 1) both panel-in;
}

.login-screen-v300 .login-intro {
  margin: 0 0 24px;
  color: rgba(255, 255, 255, .84);
  text-align: center;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .9);
  font-size: clamp(.86rem, 1.5vw, 1rem);
  line-height: 1.45;
}

.login-screen-v300 .login-panel input {
  height: clamp(68px, 8vw, 92px);
  margin: 0 0 clamp(20px, 2.6vw, 28px);
  padding: 0 clamp(20px, 3vw, 30px);
  color: #fff;
  caret-color: var(--green);
  background: linear-gradient(180deg, rgba(36, 39, 42, .62), rgba(12, 15, 18, .76));
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 10px;
  -webkit-backdrop-filter: blur(20px) saturate(1.08);
  backdrop-filter: blur(20px) saturate(1.08);
  box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 14px 34px rgba(0, 0, 0, .34);
  font-size: clamp(1.16rem, 2.8vw, 1.72rem);
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.login-screen-v300 .login-panel input::placeholder {
  color: rgba(255, 255, 255, .92);
  opacity: 1;
}

.login-screen-v300 .login-panel input:hover {
  border-color: rgba(255, 255, 255, .94);
}

.login-screen-v300 .login-panel input:focus {
  color: #fff;
  background: linear-gradient(180deg, rgba(29, 34, 36, .82), rgba(8, 12, 14, .88));
  border-color: var(--green);
  outline: none;
  box-shadow: 0 0 0 3px rgba(111, 221, 148, .2), 0 14px 38px rgba(0, 0, 0, .42);
}

.login-screen-v300 .password-wrap {
  margin-bottom: clamp(20px, 2.6vw, 28px);
}

.login-screen-v300 .password-wrap input {
  margin-bottom: 0;
  padding-right: 86px;
}

.login-screen-v300 .show-password {
  height: clamp(68px, 8vw, 92px);
  padding: 0 20px;
  color: rgba(255, 255, 255, .82);
  letter-spacing: .06em;
  font-size: .72rem;
}

.login-screen-v300 .show-password:hover {
  color: var(--green);
}

.login-screen-v300 .form-error {
  margin: -8px 4px 18px;
  padding: 11px 14px;
  color: #fff;
  background: rgba(132, 16, 32, .75);
  border: 1px solid rgba(255, 126, 142, .58);
  border-radius: 8px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.login-screen-v300 .login-button {
  width: 100%;
  height: clamp(72px, 8.5vw, 96px);
  min-height: 72px;
  color: #070809;
  letter-spacing: -.015em;
  text-transform: none;
  background: linear-gradient(180deg, #fff 0%, #f4f4f4 54%, #d8d8d8 100%);
  border: 2px solid rgba(255, 255, 255, .95);
  border-radius: 999px;
  font-size: clamp(1.25rem, 3vw, 1.72rem);
  font-weight: 800;
  box-shadow:
    inset 0 2px 4px rgba(255, 255, 255, .9),
    0 14px 34px rgba(255, 255, 255, .25),
    0 26px 48px rgba(0, 0, 0, .5);
}

.login-screen-v300 .login-button:hover:not(:disabled) {
  filter: brightness(1.03);
  transform: translateY(-2px);
  box-shadow: inset 0 2px 4px #fff, 0 17px 42px rgba(255, 255, 255, .32), 0 28px 52px rgba(0, 0, 0, .55);
}

.login-screen-v300 .session-note {
  margin: 18px 0 0;
  color: rgba(255, 255, 255, .66);
  text-shadow: 0 2px 10px rgba(0, 0, 0, .9);
  font-size: .72rem;
}

.login-screen-v300 .spinner {
  border-color: rgba(7, 18, 12, .26);
  border-top-color: #07120c;
}

@media (width <= 900px) {
  .login-screen-v300 .login-poster-wall {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 126vw;
  }

  .login-screen-v300 .login-poster-wall .landing-poster:nth-child(n + 16) {
    display: none;
  }
}

@media (width <= 600px) {
  :root {
    --sn-v300-gutter: max(20px, env(safe-area-inset-left));
  }

  .landing-screen-v300 .landing-backdrop,
  .login-screen-v300 .login-backdrop {
    inset: -5%;
    animation: none;
    transform: scale(1.04);
  }

  .landing-screen-v300 .landing-poster-wall,
  .login-screen-v300 .login-poster-wall {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    width: 164vw;
    padding: 8px;
    transform: rotate(-3deg);
  }

  .landing-screen-v300 .landing-poster-wall .landing-poster:nth-child(n + 13),
  .login-screen-v300 .login-poster-wall .landing-poster:nth-child(n + 13) {
    display: none;
  }

  .landing-screen-v300 .landing-header {
    padding-top: max(24px, calc(env(safe-area-inset-top) + 14px));
  }

  .landing-screen-v300 .landing-logo {
    width: clamp(145px, 42vw, 184px);
  }

  .landing-screen-v300 .landing-content {
    justify-content: center;
    padding-top: clamp(118px, 15svh, 155px);
    padding-bottom: clamp(224px, 28svh, 282px);
  }

  .landing-screen-v300 .landing-content h1 {
    max-width: 520px;
    font-size: clamp(2.55rem, 11.4vw, 4.25rem);
  }

  .landing-benefits {
    margin-top: clamp(24px, 6vw, 34px);
  }

  .landing-benefits li {
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 9px;
    font-size: clamp(.95rem, 4.3vw, 1.18rem);
  }

  .landing-actions {
    bottom: max(32px, calc(env(safe-area-inset-bottom) + 26px));
    width: calc(100% - 40px);
  }

  .landing-actions .landing-status.sn-status-bar {
    min-height: 42px;
    font-size: .76rem;
  }

  .landing-screen-v300 .landing-login {
    min-height: 66px;
    font-size: .9rem;
  }

  .landing-screen-v300 .landing-credit {
    right: 18px;
    left: 18px;
    font-size: .46rem;
  }

  .login-topbar {
    padding: max(20px, calc(env(safe-area-inset-top) + 12px)) 20px 12px;
  }

  .login-back-button {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
  }

  .login-topbar .login-status.sn-status-bar {
    width: clamp(128px, 42vw, 162px);
    min-height: 46px;
    padding: 0 14px;
    font-size: .72rem;
  }

  .login-logo {
    width: min(84vw, 520px);
    margin-top: clamp(120px, 19svh, 178px);
  }

  .login-screen-v300 .login-panel {
    margin-top: clamp(36px, 6svh, 62px);
  }

  .login-screen-v300 .login-intro {
    margin-bottom: 20px;
    font-size: .84rem;
  }

  .login-screen-v300 .login-panel input,
  .login-screen-v300 .show-password {
    height: clamp(66px, 9.5svh, 78px);
  }

  .login-screen-v300 .login-panel input {
    padding-inline: 22px;
    font-size: clamp(1.14rem, 5.2vw, 1.42rem);
  }

  .login-screen-v300 .password-wrap input {
    padding-right: 78px;
  }

  .login-screen-v300 .login-button {
    height: clamp(70px, 10svh, 82px);
    min-height: 70px;
    font-size: clamp(1.22rem, 5.5vw, 1.55rem);
  }
}

@media (height <= 720px) {
  .landing-screen-v300 {
    min-height: 720px;
    overflow-y: auto;
  }

  .landing-screen-v300 .landing-content {
    justify-content: flex-end;
    min-height: auto;
    padding-top: 150px;
    padding-bottom: 24px;
  }

  .landing-actions {
    position: relative;
    left: auto;
    bottom: auto;
    width: min(640px, calc(100% - 40px));
    margin: 18px auto 56px;
    transform: none;
  }

  .login-logo {
    margin-top: 112px;
  }

  .login-screen-v300 .login-panel {
    margin-top: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .login-screen-v300 .login-backdrop {
    animation: none !important;
  }
}
/* STREAMNEST_V300_CINEMATIC_LOGIN_END */

/* STREAMNEST_V291_SMOOTH_GLASS_NAV_START */
:root {
  --sn-nav-glass-bg:
    linear-gradient(180deg, rgba(48, 53, 64, .96) 0%, rgba(27, 31, 39, .95) 48%, rgba(18, 21, 28, .97) 100%);
  --sn-nav-glass-bg-solid:
    linear-gradient(180deg, rgba(45, 50, 60, .98) 0%, rgba(24, 28, 36, .98) 52%, rgba(16, 19, 25, .99) 100%);
  --sn-nav-glass-border: rgba(255, 255, 255, .32);
  --sn-nav-glass-highlight: rgba(255, 255, 255, .26);
  --sn-nav-inactive: rgba(225, 228, 235, .72);
  --sn-nav-active: #6fdd94;
  --sn-nav-ease: cubic-bezier(.2, .8, .2, 1);
}

.site-header,
.site-header.solid {
  z-index: 50;
  top: max(12px, calc(env(safe-area-inset-top) + 8px));
  right: max(16px, env(safe-area-inset-right));
  left: max(16px, env(safe-area-inset-left));
  min-height: 74px;
  padding-top: 0;
  padding-bottom: 0;
  background: var(--sn-nav-glass-bg);
  border: 1px solid var(--sn-nav-glass-border);
  border-radius: 24px;
  -webkit-backdrop-filter: blur(22px) saturate(1.3);
  backdrop-filter: blur(22px) saturate(1.3);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .36),
    inset 0 -1px 0 rgba(0, 0, 0, .42),
    0 16px 40px rgba(0, 0, 0, .46),
    0 2px 12px rgba(0, 0, 0, .28);
  transition:
    background 220ms ease,
    border-color 220ms ease,
    box-shadow 240ms var(--sn-nav-ease);
}

.site-header.solid {
  min-height: 74px;
  background: var(--sn-nav-glass-bg-solid);
  border-color: rgba(255, 255, 255, .36);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .4),
    inset 0 -1px 0 rgba(0, 0, 0, .44),
    0 18px 46px rgba(0, 0, 0, .54),
    0 2px 12px rgba(0, 0, 0, .32);
}

.site-header::before,
.site-header::after,
.mobile-nav::after {
  content: "";
  pointer-events: none;
  position: absolute;
  border-radius: inherit;
}

.site-header::before {
  z-index: 0;
  inset: 1px;
  background:
    linear-gradient(118deg, rgba(255, 255, 255, .13) 0%, rgba(255, 255, 255, .045) 30%, transparent 52%),
    linear-gradient(180deg, rgba(255, 255, 255, .08), transparent 45%);
}

.site-header::after {
  z-index: 0;
  top: 1px;
  right: 24px;
  left: 24px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .54), transparent);
}

.site-header > .logo-button,
.site-header > nav,
.site-header > .header-actions {
  z-index: 1;
  position: relative;
}

.site-header nav button {
  transition: color 180ms ease, transform 240ms var(--sn-nav-ease);
}

.site-header nav button.active::after {
  height: 3px;
  border-radius: 999px;
  background: var(--sn-nav-active);
  box-shadow: 0 0 11px rgba(111, 221, 148, .52);
}

.mobile-search,
.profile-button {
  transition:
    color 180ms ease,
    background 180ms ease,
    border-color 180ms ease,
    transform 240ms var(--sn-nav-ease);
}

.mobile-search:hover,
.mobile-search:focus-visible,
.profile-button:hover,
.profile-button[aria-expanded="true"] {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .2);
}

.mobile-search:active,
.profile-button:active {
  transform: scale(.96);
}

.profile-button img {
  box-shadow: inset 0 1px rgba(255, 255, 255, .34), 0 0 16px rgba(111, 221, 148, .12);
}

.profile-menu {
  top: calc(100% + 10px);
  right: 0;
  background: linear-gradient(180deg, rgba(37, 42, 51, .98), rgba(17, 20, 26, .99));
  border-color: rgba(255, 255, 255, .28);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(24px) saturate(1.25);
  backdrop-filter: blur(24px) saturate(1.25);
  box-shadow: inset 0 1px rgba(255, 255, 255, .2), 0 24px 62px rgba(0, 0, 0, .62);
}

@media (width <= 900px) {
  .site-header,
  .site-header.solid {
    top: max(8px, calc(env(safe-area-inset-top) + 6px));
    right: max(10px, calc(env(safe-area-inset-right) + 6px));
    left: max(10px, calc(env(safe-area-inset-left) + 6px));
    min-height: 70px;
    padding: 0 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    border-radius: 22px;
  }

  .site-header.solid {
    min-height: 70px;
  }

  .logo-button {
    width: clamp(138px, 22vw, 170px);
  }

  .header-actions {
    grid-column: 2;
    gap: 7px;
  }

  .mobile-search,
  .profile-button {
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    border: 1px solid transparent;
    border-radius: 12px;
  }

  .profile-button {
    padding: 4px;
  }

  .profile-button img {
    width: 38px;
    height: 38px;
    border-radius: 9px;
  }

  .profile-menu {
    top: calc(100% + 10px);
    right: 0;
  }

  .mobile-nav {
    z-index: 55;
    top: auto !important;
    right: max(8px, calc(env(safe-area-inset-right) + 6px)) !important;
    bottom: max(8px, calc(env(safe-area-inset-bottom) + 6px)) !important;
    left: max(8px, calc(env(safe-area-inset-left) + 6px)) !important;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: 78px;
    padding: 8px 6px;
    background: var(--sn-nav-glass-bg);
    border: 1px solid var(--sn-nav-glass-border);
    border-radius: 24px;
    -webkit-backdrop-filter: blur(22px) saturate(1.3);
    backdrop-filter: blur(22px) saturate(1.3);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .38),
      inset 0 -1px 0 rgba(0, 0, 0, .44),
      0 18px 44px rgba(0, 0, 0, .58),
      0 -6px 24px rgba(0, 0, 0, .28);
    isolation: isolate;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }

  .mobile-nav::after {
    z-index: 0;
    inset: 1px;
    background:
      linear-gradient(118deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .035) 32%, transparent 52%),
      linear-gradient(180deg, rgba(255, 255, 255, .07), transparent 48%);
  }

  .mobile-nav button {
    z-index: 1;
    align-content: center;
    min-width: 44px;
    min-height: 60px;
    gap: 5px;
    padding: 7px 3px 5px;
    color: var(--sn-nav-inactive);
    border-radius: 14px;
    transition:
      color 180ms ease,
      background 180ms ease,
      opacity 180ms ease,
      transform 240ms var(--sn-nav-ease);
  }

  .mobile-nav button:hover,
  .mobile-nav button:focus-visible {
    color: rgba(255, 255, 255, .92);
    background: rgba(255, 255, 255, .075);
  }

  .mobile-nav button:focus-visible {
    outline-width: 2px;
    outline-offset: 1px;
  }

  .mobile-nav button:active {
    transform: scale(.96);
  }

  .mobile-nav button.active {
    color: var(--sn-nav-active);
    background: linear-gradient(180deg, rgba(111, 221, 148, .085), transparent 72%);
    transform: translateY(-1px);
  }

  .mobile-nav button.active:active {
    transform: translateY(0) scale(.96);
  }

  .mobile-nav button.active::before {
    top: -8px;
    width: 38px;
    height: 4px;
    border-radius: 0 0 999px 999px;
    background: var(--sn-nav-active);
    box-shadow: 0 0 11px rgba(111, 221, 148, .5);
  }

  .mobile-nav button svg {
    width: 24px;
    height: 24px;
    stroke-width: 1.9;
    transition: transform 240ms var(--sn-nav-ease);
  }

  .mobile-nav button.active svg {
    transform: translateY(-1px);
  }

  .mobile-nav button span {
    max-width: 100%;
    color: currentColor;
    font-size: clamp(.64rem, 1.65vw, .75rem);
    font-weight: 700;
    letter-spacing: .01em;
  }

  .app-shell,
  .app-shell.mode-live {
    padding-bottom: calc(102px + env(safe-area-inset-bottom)) !important;
  }

  body.overlay-open .app-shell {
    padding-bottom: 0 !important;
  }

  .collection-page.collection-live {
    padding-bottom: calc(108px + env(safe-area-inset-bottom));
  }
}

@media (width <= 600px) {
  .site-header,
  .site-header.solid {
    min-height: 66px;
    padding-inline: 12px;
    border-radius: 20px;
  }

  .logo-button {
    width: clamp(128px, 39vw, 150px);
  }

  .mobile-search,
  .profile-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    border-radius: 11px;
  }

  .profile-button img {
    width: 36px;
    height: 36px;
    border-radius: 8px;
  }

  .mobile-nav {
    min-height: 74px;
    padding: 7px 4px;
    border-radius: 21px;
  }

  .mobile-nav button {
    min-height: 58px;
    gap: 4px;
    padding-inline: 2px;
  }

  .mobile-nav button span {
    font-size: clamp(.59rem, 2.7vw, .69rem);
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .site-header,
  .site-header.solid,
  .mobile-nav,
  .profile-menu {
    background: rgba(22, 26, 34, .985);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header,
  .site-header.solid,
  .site-header nav button,
  .mobile-search,
  .profile-button,
  .mobile-nav button,
  .mobile-nav button svg {
    transition: none !important;
  }
}
/* STREAMNEST_V291_SMOOTH_GLASS_NAV_END */

/* STREAMNEST_V292_UNIFIED_GLASS_START */
:root {
  --sn-glass-surface:
    linear-gradient(118deg, rgba(255, 255, 255, .105) 0%, rgba(255, 255, 255, .025) 31%, transparent 51%),
    linear-gradient(180deg, rgba(46, 51, 62, .965) 0%, rgba(25, 29, 37, .975) 52%, rgba(15, 18, 24, .985) 100%);
  --sn-glass-surface-deep:
    linear-gradient(118deg, rgba(255, 255, 255, .085) 0%, rgba(255, 255, 255, .018) 30%, transparent 50%),
    linear-gradient(180deg, rgba(37, 42, 52, .975) 0%, rgba(20, 24, 31, .985) 54%, rgba(12, 15, 20, .992) 100%);
  --sn-glass-control:
    linear-gradient(180deg, rgba(50, 55, 66, .955) 0%, rgba(27, 31, 39, .97) 52%, rgba(18, 21, 27, .98) 100%);
  --sn-glass-control-hover:
    linear-gradient(180deg, rgba(62, 68, 80, .965) 0%, rgba(35, 40, 49, .98) 54%, rgba(22, 26, 33, .985) 100%);
  --sn-glass-green:
    linear-gradient(180deg, rgba(89, 245, 165, .97) 0%, rgba(37, 224, 132, .965) 48%, rgba(19, 190, 103, .98) 100%);
  --sn-glass-green-hover:
    linear-gradient(180deg, rgba(112, 250, 181, .98) 0%, rgba(47, 233, 145, .98) 48%, rgba(24, 203, 114, .99) 100%);
  --sn-glass-light:
    linear-gradient(180deg, rgba(255, 255, 255, .985) 0%, rgba(244, 246, 248, .975) 52%, rgba(214, 218, 223, .985) 100%);
  --sn-glass-light-hover:
    linear-gradient(180deg, rgba(255, 255, 255, .995) 0%, rgba(250, 251, 252, .99) 52%, rgba(228, 231, 235, .995) 100%);
  --sn-glass-border: rgba(255, 255, 255, .3);
  --sn-glass-border-strong: rgba(255, 255, 255, .42);
  --sn-glass-inset: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .38);
  --sn-glass-shadow: 0 18px 46px rgba(0, 0, 0, .48);
}

/* Preserve each component's established geometry while giving its surface the same finish. */
.profile-menu,
.sn-password-dialog,
.details-modal,
.player-loading,
.player-error,
.play-preparing,
.toast,
.empty-state,
.search-prompt {
  background: var(--sn-glass-surface-deep);
  border-color: var(--sn-glass-border);
  -webkit-backdrop-filter: blur(22px) saturate(1.28);
  backdrop-filter: blur(22px) saturate(1.28);
  box-shadow: var(--sn-glass-inset), var(--sn-glass-shadow);
}

.empty-state,
.search-prompt {
  border: 1px solid var(--sn-glass-border);
  border-radius: 18px;
}

.toast {
  border-color: rgba(111, 221, 148, .5);
}

.search-box,
.sn-password-form input,
select {
  background: var(--sn-glass-control);
  border-color: var(--sn-glass-border);
  -webkit-backdrop-filter: blur(18px) saturate(1.22);
  backdrop-filter: blur(18px) saturate(1.22);
  box-shadow: var(--sn-glass-inset), 0 12px 30px rgba(0, 0, 0, .34);
}

select option {
  color: #fff;
  background: #171b22;
}

.search-box:focus-within,
.sn-password-form input:focus,
select:focus-visible {
  border-color: var(--green);
  box-shadow:
    0 0 0 3px rgba(111, 221, 148, .18),
    var(--sn-glass-inset),
    0 16px 36px rgba(0, 0, 0, .42);
}

.primary-button {
  background: var(--sn-glass-green);
  border: 1px solid rgba(255, 255, 255, .38);
  -webkit-backdrop-filter: blur(16px) saturate(1.2);
  backdrop-filter: blur(16px) saturate(1.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .55),
    inset 0 -1px 0 rgba(3, 78, 40, .36),
    0 12px 30px rgba(0, 0, 0, .42),
    0 0 24px rgba(111, 221, 148, .2);
}

.primary-button:hover:not(:disabled) {
  background: var(--sn-glass-green-hover);
}

.secondary-button,
.round-action,
.modal-close,
.sn-password-close,
.player-topbar > button,
.search-box button {
  background: var(--sn-glass-control);
  border-color: var(--sn-glass-border);
  -webkit-backdrop-filter: blur(18px) saturate(1.22);
  backdrop-filter: blur(18px) saturate(1.22);
  box-shadow: var(--sn-glass-inset), 0 10px 26px rgba(0, 0, 0, .34);
}

.search-box button {
  border: 1px solid rgba(255, 255, 255, .2);
}

.secondary-button:hover:not(:disabled),
.round-action:hover,
.sn-password-close:hover,
.player-topbar > button:hover,
.search-box button:hover {
  background: var(--sn-glass-control-hover);
}

.round-action.selected,
.modal-close:hover {
  color: var(--ink);
  background: var(--sn-glass-green-hover);
  border-color: rgba(104, 247, 174, .82);
}

.landing-screen-v300 .landing-login,
.login-back-button,
.login-screen-v300 .login-button {
  background: var(--sn-glass-light);
  border-color: rgba(255, 255, 255, .92);
  -webkit-backdrop-filter: blur(16px) saturate(1.12);
  backdrop-filter: blur(16px) saturate(1.12);
  box-shadow:
    inset 0 2px 3px rgba(255, 255, 255, .85),
    inset 0 -1px 0 rgba(76, 82, 90, .35),
    0 20px 48px rgba(0, 0, 0, .52),
    0 0 24px rgba(255, 255, 255, .16);
}

.landing-screen-v300 .landing-login:hover,
.login-back-button:hover,
.login-screen-v300 .login-button:hover:not(:disabled) {
  background: var(--sn-glass-light-hover);
}

.landing-actions .landing-status.sn-status-bar,
.login-topbar .login-status.sn-status-bar {
  background: var(--sn-glass-surface-deep);
  border-color: var(--sn-glass-border-strong);
  -webkit-backdrop-filter: blur(22px) saturate(1.25);
  backdrop-filter: blur(22px) saturate(1.25);
  box-shadow: var(--sn-glass-inset), 0 14px 34px rgba(0, 0, 0, .46);
}

.landing-actions .landing-status.sn-status-bar[data-status="offline"],
.login-topbar .login-status.sn-status-bar[data-status="offline"] {
  background:
    linear-gradient(118deg, rgba(255, 255, 255, .07), transparent 45%),
    linear-gradient(180deg, rgba(55, 36, 42, .975), rgba(28, 20, 25, .99));
  border-color: rgba(255, 255, 255, .32);
}

.landing-actions .landing-status.sn-status-bar[data-status="checking"],
.login-topbar .login-status.sn-status-bar[data-status="checking"] {
  background: var(--sn-glass-control);
}

.login-screen-v300 .login-panel input {
  background: var(--sn-glass-control);
  border-color: rgba(255, 255, 255, .58);
  -webkit-backdrop-filter: blur(22px) saturate(1.22);
  backdrop-filter: blur(22px) saturate(1.22);
  box-shadow: var(--sn-glass-inset), 0 16px 38px rgba(0, 0, 0, .42);
}

.login-screen-v300 .login-panel input:hover {
  background: var(--sn-glass-control-hover);
  border-color: rgba(255, 255, 255, .78);
}

.login-screen-v300 .login-panel input:focus {
  background: var(--sn-glass-control-hover);
  border-color: var(--green);
  box-shadow:
    0 0 0 3px rgba(111, 221, 148, .2),
    var(--sn-glass-inset),
    0 18px 42px rgba(0, 0, 0, .5);
}

.login-screen-v300 .form-error {
  background:
    linear-gradient(180deg, rgba(120, 34, 49, .965), rgba(70, 21, 31, .985));
  border-color: rgba(255, 136, 151, .58);
  -webkit-backdrop-filter: blur(16px) saturate(1.18);
  backdrop-filter: blur(16px) saturate(1.18);
  box-shadow: inset 0 1px rgba(255, 255, 255, .2), 0 12px 28px rgba(0, 0, 0, .34);
}

.card-art,
.details-poster {
  background: var(--sn-glass-surface-deep);
  border-color: rgba(255, 255, 255, .24);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .24),
    inset 0 -1px rgba(0, 0, 0, .36),
    0 14px 32px rgba(0, 0, 0, .44);
}

.episode-card {
  background: var(--sn-glass-surface-deep);
  border-color: rgba(255, 255, 255, .22);
  box-shadow: var(--sn-glass-inset), 0 12px 28px rgba(0, 0, 0, .34);
}

.episode-card:hover {
  background:
    linear-gradient(118deg, rgba(255, 255, 255, .1), transparent 48%),
    linear-gradient(180deg, rgba(37, 67, 54, .975), rgba(18, 36, 28, .99));
  border-color: rgba(111, 221, 148, .56);
}

.episode-play {
  background: rgba(12, 16, 20, .78);
  -webkit-backdrop-filter: blur(10px) saturate(1.16);
  backdrop-filter: blur(10px) saturate(1.16);
}

.episode-play svg {
  background: var(--sn-glass-green);
  border: 1px solid rgba(255, 255, 255, .4);
  box-shadow: inset 0 1px rgba(255, 255, 255, .48), 0 10px 24px rgba(0, 0, 0, .42);
}

.collection-grid.live {
  background: var(--sn-glass-surface-deep);
  border-color: var(--sn-glass-border);
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  backdrop-filter: blur(20px) saturate(1.2);
  box-shadow: var(--sn-glass-inset), var(--sn-glass-shadow);
}

.collection-grid.live .live-guide-header {
  background:
    linear-gradient(180deg, rgba(54, 60, 72, .985), rgba(25, 29, 37, .995));
  border-bottom-color: rgba(255, 255, 255, .24);
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  backdrop-filter: blur(20px) saturate(1.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, .3), 0 10px 24px rgba(0, 0, 0, .42);
}

.collection-grid.live > div:not(.live-guide-header) {
  border-bottom-color: rgba(255, 255, 255, .1);
}

.collection-grid.live .media-card.live {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .03), transparent 34%),
    linear-gradient(180deg, rgba(28, 33, 42, .975), rgba(16, 20, 26, .99));
}

.collection-grid.live .media-card.live::before {
  background:
    linear-gradient(180deg, rgba(27, 62, 48, .98), rgba(13, 35, 26, .995));
  border-right-color: rgba(111, 221, 148, .22);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

.collection-grid.live .media-card.live:hover,
.collection-grid.live .media-card.live:focus-visible {
  background:
    linear-gradient(90deg, rgba(111, 221, 148, .13), transparent 44%),
    linear-gradient(180deg, rgba(34, 56, 47, .985), rgba(18, 33, 27, .995));
}

.details-modal {
  background: var(--sn-glass-surface-deep);
}

.episodes-section {
  background:
    linear-gradient(118deg, rgba(255, 255, 255, .05), transparent 46%),
    linear-gradient(180deg, rgba(23, 27, 34, .985), rgba(12, 15, 20, .995));
  border-top: 1px solid rgba(255, 255, 255, .16);
  -webkit-backdrop-filter: blur(20px) saturate(1.18);
  backdrop-filter: blur(20px) saturate(1.18);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

.details-progress,
.hero-progress,
.loading-bar {
  background:
    linear-gradient(180deg, rgba(73, 79, 92, .92), rgba(22, 26, 33, .98));
  border: 1px solid rgba(255, 255, 255, .2);
  box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 7px 18px rgba(0, 0, 0, .3);
}

.grid-skeleton {
  border: 1px solid rgba(255, 255, 255, .16);
  box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 12px 28px rgba(0, 0, 0, .32);
}

@media (width <= 600px) {
  .empty-state,
  .search-prompt {
    border-radius: 14px;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .profile-menu,
  .sn-password-dialog,
  .details-modal,
  .player-loading,
  .player-error,
  .play-preparing,
  .toast,
  .empty-state,
  .search-prompt,
  .search-box,
  .sn-password-form input,
  select,
  .secondary-button,
  .round-action,
  .modal-close,
  .sn-password-close,
  .player-topbar > button,
  .episode-card,
  .collection-grid.live {
    background-color: #181c24;
  }
}
/* STREAMNEST_V292_UNIFIED_GLASS_END */

/* STREAMNEST_V340_LIVE_GUIDE_START */
/* Keep the Live guide inside the same full-height content area as the other tabs. */
.app-shell.mode-live {
  height: 100vh;
  height: 100svh;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
}

.collection-page.collection-live {
  grid-template-rows: minmax(0, 1fr);
}

/* Retain the accessible page title while removing the visible description row. */
.collection-live .collection-heading {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}

/* The channel count is redundant once the guide itself fills the tab. */
.collection-live .collection-toolbar {
  display: none;
}

.collection-grid.live {
  min-height: 0;
}

/* Place the section name in the sticky guide bar without changing row columns. */
.collection-grid.live .live-guide-header::after {
  content: "LIVE TV";
  position: absolute;
  top: 0;
  right: 18px;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 0 18px 0 12px;
  color: #f6f7f9;
  font: inherit;
  font-weight: 800;
  letter-spacing: .08em;
  white-space: nowrap;
  pointer-events: none;
  background: radial-gradient(
    circle at calc(100% - 5px) 50%,
    #ff4d57 0 3px,
    rgba(255, 77, 87, .48) 4px,
    transparent 7px
  );
}

.collection-grid.live .live-guide-header span:nth-child(3) {
  padding-right: 108px;
}

@media (width <= 900px) {
  /* The floating glass navigation already reserves its own visual space. */
  .app-shell.mode-live {
    padding-bottom: 0 !important;
  }

  .collection-page.collection-live {
    padding-top: calc(86px + env(safe-area-inset-top));
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
  }
}

@media (width <= 600px) {
  .collection-page.collection-live {
    padding-top: calc(80px + env(safe-area-inset-top));
    padding-bottom: calc(90px + env(safe-area-inset-bottom));
  }

  .collection-grid.live .live-guide-header span:nth-child(2) {
    padding-right: 94px;
  }

  .collection-grid.live .live-guide-header::after {
    right: 10px;
    padding-left: 8px;
  }
}
/* STREAMNEST_V340_LIVE_GUIDE_END */

/* STREAMNEST_V360_SCROLL_PERFORMANCE_START */
/* Keep large libraries isolated and native-feeling without changing geometry. */
.collection-movies .collection-grid.poster,
.collection-shows .collection-grid.poster {
  contain: layout style;
  touch-action: pan-y pinch-zoom;
}

.collection-movies .collection-grid.poster > [role="listitem"],
.collection-shows .collection-grid.poster > [role="listitem"] {
  content-visibility: auto;
  contain-intrinsic-size: auto 320px;
}

.collection-grid.live {
  touch-action: pan-y pinch-zoom;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.collection-grid.live .live-guide-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.collection-grid.live .media-card.live {
  transition-property: background-color;
}

.rail-track {
  touch-action: pan-x pinch-zoom;
}

@media (hover: none), (pointer: coarse) {
  .collection-movies .media-card:hover:not(:focus-visible),
  .collection-shows .media-card:hover:not(:focus-visible),
  .collection-movies .media-card:hover:not(:focus-visible) .card-art > img,
  .collection-shows .media-card:hover:not(:focus-visible) .card-art > img {
    transform: none;
  }
}

@media (hover: none) and (pointer: coarse) {
  .site-header,
  .site-header.solid,
  .mobile-nav {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
/* STREAMNEST_V360_SCROLL_PERFORMANCE_END */

/* STREAMNEST_V360_MOTION_START */
/* Short compositor-only transitions give the tabs polish without taxing scroll. */
@media (prefers-reduced-motion: no-preference) {
  .collection-page.collection-movies {
    animation: sn-v360-movies-in 280ms cubic-bezier(.16, 1, .3, 1) both;
  }

  .collection-page.collection-shows {
    animation: sn-v360-shows-in 280ms cubic-bezier(.16, 1, .3, 1) both;
  }

  .collection-movies .collection-grid.poster[role="list"],
  .collection-shows .collection-grid.poster[role="list"] {
    animation: sn-v360-grid-in 250ms cubic-bezier(.16, 1, .3, 1) both;
  }

  .collection-movies .media-card,
  .collection-shows .media-card {
    transform-origin: 50% 48%;
    transition-property: transform;
    transition-duration: 220ms;
    transition-timing-function: cubic-bezier(.2, .82, .2, 1);
  }

  .collection-movies .card-art > img,
  .collection-shows .card-art > img {
    transition-property: transform;
    transition-duration: 360ms;
    transition-timing-function: cubic-bezier(.16, 1, .3, 1);
  }

  .collection-movies .card-copy,
  .collection-shows .card-copy {
    transition-property: opacity, transform;
    transition-duration: 220ms;
    transition-timing-function: cubic-bezier(.2, .82, .2, 1);
  }

  .collection-toolbar select:active,
  .collection-toolbar button:active,
  .load-more:active {
    transform: scale(.985);
  }
}

@media (prefers-reduced-motion: reduce) {
  .collection-page.collection-movies,
  .collection-page.collection-shows,
  .collection-movies .collection-grid.poster[role="list"],
  .collection-shows .collection-grid.poster[role="list"],
  .collection-movies .media-card,
  .collection-shows .media-card,
  .collection-movies .card-art > img,
  .collection-shows .card-art > img,
  .collection-movies .card-copy,
  .collection-shows .card-copy,
  .collection-toolbar select,
  .collection-toolbar button,
  .load-more {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}

@keyframes sn-v360-movies-in {
  from { opacity: .76; transform: translate3d(0, 7px, 0); }
  to { opacity: 1; transform: none; }
}

@keyframes sn-v360-shows-in {
  from { opacity: .76; transform: translate3d(0, 7px, 0); }
  to { opacity: 1; transform: none; }
}

@keyframes sn-v360-grid-in {
  from { opacity: .62; transform: translate3d(0, 6px, 0); }
  to { opacity: 1; transform: none; }
}
/* STREAMNEST_V360_MOTION_END */

/* STREAMNEST_V370_GLASS_LOGIN_START */
.login-screen-v300 {
  justify-content: center;
  padding: max(24px, calc(env(safe-area-inset-top) + 16px)) 20px max(24px, calc(env(safe-area-inset-bottom) + 16px));
}

/* Blurred poster wall behind the card (static, so it stays smooth) */
.login-screen-v300 .login-backdrop { animation: none; }
.login-screen-v300 .login-poster-wall {
  opacity: .95;
  filter: blur(6px) saturate(.95) brightness(.78);
}
.login-screen-v300 .login-shade {
  background:
    radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, .08), rgba(0, 0, 0, .4) 80%),
    linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .3));
}

/* Back button: small, floating, out of the way */
.login-screen-v300 .login-back-floating {
  z-index: 5;
  position: fixed;
  top: max(16px, calc(env(safe-area-inset-top) + 10px));
  left: max(16px, env(safe-area-inset-left));
  width: 42px;
  height: 42px;
  flex-basis: 42px;
  color: #fff;
  background: rgba(20, 22, 24, .5);
  border: 1px solid rgba(255, 255, 255, .22);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: none;
}
.login-screen-v300 .login-back-floating span { margin-top: -1px; font-size: 1.4rem; }
.login-screen-v300 .login-back-floating:hover { background: rgba(40, 44, 48, .7); }

/* Glass card */
.login-screen-v300 .login-card {
  width: min(100%, 540px);
  margin: 0;
  padding: 30px clamp(22px, 5vw, 44px) 32px;
  background: linear-gradient(180deg, rgba(38, 40, 42, .56), rgba(18, 20, 22, .62));
  border: 1px solid rgba(255, 255, 255, .26);
  border-radius: 40px;
  -webkit-backdrop-filter: blur(26px) saturate(1.15);
  backdrop-filter: blur(26px) saturate(1.15);
  box-shadow: inset 0 1px rgba(255, 255, 255, .14), 0 30px 80px rgba(0, 0, 0, .5);
}

/* ONLINE pill, top-right inside the card */
.login-screen-v300 .login-card .login-status.sn-status-bar {
  position: absolute;
  top: 26px;
  right: 26px;
  width: auto;
  min-width: 0;
  min-height: 0;
  padding: 7px 16px 7px 14px;
  gap: 9px;
  justify-content: center;
  color: #6fe28c !important;
  letter-spacing: .08em;
  font-size: .8rem;
  font-weight: 600;
  background: rgba(10, 14, 12, .5);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}
.login-screen-v300 .login-card .login-status.sn-status-bar::before {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  background: #4ade6a;
  box-shadow: 0 0 10px rgba(74, 222, 106, .8);
}
.login-screen-v300 .login-card .login-status.sn-status-bar::after { display: none; }
.login-screen-v300 .login-card .login-status.sn-status-bar[data-status="offline"] { color: #ff9a9a !important; }
.login-screen-v300 .login-card .login-status.sn-status-bar[data-status="offline"]::before { background: #ff5a5a; box-shadow: 0 0 10px rgba(255, 90, 90, .7); }
.login-screen-v300 .login-card .login-status.sn-status-bar[data-status="checking"] { color: #ffd479 !important; }
.login-screen-v300 .login-card .login-status.sn-status-bar[data-status="checking"]::before { background: #ffc247; box-shadow: 0 0 10px rgba(255, 194, 71, .7); }

.login-screen-v300 .login-card .login-logo {
  width: min(68%, 330px);
  margin: 50px auto 0;
  filter: none;
}
.login-screen-v300 .login-card .login-intro {
  margin: 26px auto 28px;
  max-width: 340px;
  color: #fff;
  text-shadow: none;
  font-size: clamp(1rem, 2.6vw, 1.15rem);
  line-height: 1.5;
}

/* Fields with leading icons */
.login-screen-v300 .login-card .login-field {
  position: relative;
  margin: 0 0 20px;
}
.login-screen-v300 .login-card .login-field-icon {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 22px;
  width: 28px;
  height: 28px;
  color: rgba(255, 255, 255, .72);
  transform: translateY(-50%);
  pointer-events: none;
}
.login-screen-v300 .login-card .login-field input {
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 0 20px 0 66px;
  color: #fff;
  font-size: 1.08rem;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 20px;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}
.login-screen-v300 .login-card .login-field input::placeholder {
  color: rgba(255, 255, 255, .62);
  opacity: 1;
}
.login-screen-v300 .login-card .login-field input:hover { border-color: rgba(255, 255, 255, .34); }
.login-screen-v300 .login-card .login-field input:focus {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(74, 222, 106, .85);
  box-shadow: 0 0 0 3px rgba(74, 222, 106, .18);
}
.login-screen-v300 .login-card .password-wrap { margin-bottom: 22px; }
.login-screen-v300 .login-card .password-wrap input { padding-right: 92px; }
.login-screen-v300 .login-card .show-password {
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 24px;
  color: rgba(255, 255, 255, .66);
  letter-spacing: .08em;
  font-size: .82rem;
  font-weight: 500;
}
.login-screen-v300 .login-card .show-password:hover { color: #fff; }

.login-screen-v300 .login-card .form-error { margin: -4px 2px 18px; border-radius: 14px; }

/* White pill button */
.login-screen-v300 .login-card .login-button {
  height: 64px;
  min-height: 64px;
  color: #0b0c0d;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  background: #f6f6f6;
  border: 0;
  border-radius: 999px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
}
.login-screen-v300 .login-card .login-button:hover:not(:disabled) {
  background: #fff;
  filter: none;
  transform: translateY(-1px);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .42);
}
.login-screen-v300 .login-card .session-note {
  margin: 22px 0 0;
  color: rgba(255, 255, 255, .62);
  text-shadow: none;
  font-size: .8rem;
  line-height: 1.5;
}

@media (width <= 600px) {
  .login-screen-v300 .login-card {
    padding: 26px 20px 28px;
    border-radius: 34px;
  }
  .login-screen-v300 .login-card .login-status.sn-status-bar { top: 20px; right: 20px; font-size: .74rem; }
  .login-screen-v300 .login-card .login-logo { width: 66%; margin-top: 48px; }
  .login-screen-v300 .login-card .login-field-icon { left: 18px; width: 26px; height: 26px; }
  .login-screen-v300 .login-card .login-field input {
    height: 58px;
    padding-left: 58px;
    font-size: 1.02rem;
    border-radius: 18px;
  }
  .login-screen-v300 .login-card .password-wrap input { padding-right: 84px; }
  .login-screen-v300 .login-card .show-password { padding: 0 20px; font-size: .76rem; }
  .login-screen-v300 .login-card .login-button { height: 58px; min-height: 58px; font-size: 1.1rem; }
}
/* STREAMNEST_V370_GLASS_LOGIN_END */

/* STREAMNEST_V390_REFERENCE_LOOK_START
   Unifies every screen with the Home / account-menu reference:
   near-black glass, hairline borders, soft mint green (replaces neon green and grey-blue glass). */
:root {
  --green: #6fdd94;
  --ink: #07120b;
  --muted: #a9adb4;
  --panel: #101115;
  --sn-online: #6fdd94;
  --sn-online-dark: #56b573;

  --sn-mint: #6fdd94;
  --sn-mint-hi: #8be8ab;
  --sn-mint-lo: #56b573;
  --sn-hairline: rgba(255, 255, 255, .11);
  --sn-hairline-strong: rgba(255, 255, 255, .17);

  --sn-nav-glass-bg: linear-gradient(180deg, rgba(30, 31, 35, .94) 0%, rgba(20, 21, 25, .95) 55%, rgba(14, 15, 18, .97) 100%);
  --sn-nav-glass-bg-solid: linear-gradient(180deg, rgba(30, 31, 35, .97) 0%, rgba(19, 20, 24, .98) 55%, rgba(13, 14, 17, .99) 100%);
  --sn-nav-glass-border: var(--sn-hairline);
  --sn-nav-glass-highlight: rgba(255, 255, 255, .08);
  --sn-nav-inactive: rgba(214, 217, 223, .62);
  --sn-nav-active: var(--sn-mint);

  --sn-glass-surface: linear-gradient(180deg, rgba(31, 32, 36, .96) 0%, rgba(20, 21, 25, .97) 55%, rgba(14, 15, 18, .985) 100%);
  --sn-glass-surface-deep: linear-gradient(180deg, rgba(37, 38, 41, .97) 0%, rgba(21, 22, 27, .98) 45%, rgba(14, 15, 17, .99) 100%);
  --sn-glass-control: linear-gradient(180deg, rgba(22, 23, 27, .96) 0%, rgba(16, 17, 21, .98) 100%);
  --sn-glass-control-hover: linear-gradient(180deg, rgba(32, 33, 38, .97) 0%, rgba(22, 23, 28, .985) 100%);
  --sn-glass-green: linear-gradient(180deg, #72d795 0%, #56b573 100%);
  --sn-glass-green-hover: linear-gradient(180deg, #86e3a6 0%, #62c280 100%);
  --sn-glass-border: var(--sn-hairline);
  --sn-glass-border-strong: var(--sn-hairline-strong);
  --sn-glass-inset: inset 0 1px 0 rgba(255, 255, 255, .07), inset 0 -1px 0 rgba(0, 0, 0, .35);
  --sn-glass-shadow: 0 18px 46px rgba(0, 0, 0, .55);
}

body, .app-shell { background-color: #060608; }

/* Top bar, account menu, bottom nav */
.site-header, .site-header.solid, .mobile-nav {
  border-color: var(--sn-hairline);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), inset 0 -1px 0 rgba(0, 0, 0, .4), 0 16px 40px rgba(0, 0, 0, .5);
}
.site-header::before, .mobile-nav::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 45%);
}
.site-header::after { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .16), transparent); }
.site-header nav button.active::after { box-shadow: 0 0 10px rgba(111, 221, 148, .4); }
.profile-button img { box-shadow: none; }
.profile-menu {
  border-radius: 20px;
  border-color: var(--sn-hairline-strong);
  box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 24px 62px rgba(0, 0, 0, .65);
}

/* Buttons */
.primary-button {
  color: #07120b;
  border-color: rgba(255, 255, 255, .16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 10px 26px rgba(0, 0, 0, .4);
}
.secondary-button, .round-action, .modal-close, .sn-password-close,
.player-topbar > button, .search-box button, .search-box, select, .sn-password-form input {
  border-color: var(--sn-hairline);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 8px 22px rgba(0, 0, 0, .35);
}
.search-box:focus-within, .sn-password-form input:focus, select:focus-visible {
  border-color: var(--sn-mint);
  box-shadow: 0 0 0 3px rgba(111, 221, 148, .16), inset 0 1px 0 rgba(255, 255, 255, .05);
}
.round-action.selected, .modal-close:hover { color: var(--ink); border-color: rgba(139, 232, 171, .6); }
.hero-progress, .card-progress { --progress-color: var(--sn-mint); }

/* Cards, rails, panels (Movies, TV, My Stuff, details, episodes) */
.media-card, .episode-card, .details-modal, .empty-state, .search-prompt, .toast {
  border-color: var(--sn-hairline);
}
.toast { border-color: rgba(111, 221, 148, .45); }
.details-modal, .empty-state, .search-prompt, .sn-password-dialog, .player-loading, .player-error, .play-preparing {
  background: var(--sn-glass-surface-deep);
  box-shadow: var(--sn-glass-inset), var(--sn-glass-shadow);
}

/* Live guide */
.collection-grid.live {
  background: linear-gradient(180deg, #101115 0%, #08090b 100%);
  border-color: var(--sn-hairline);
  border-radius: 20px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .55), inset 0 1px rgba(255, 255, 255, .05);
  scrollbar-color: var(--sn-mint) #15161a;
}

/* Landing + login: same near-black glass, mint accents */
.landing-actions .landing-status.sn-status-bar,
.login-topbar .login-status.sn-status-bar,
.login-screen-v300 .login-card {
  border-color: var(--sn-hairline-strong);
}
.landing-status.sn-status-bar[data-status="online"],
.sn-profile-status[data-status="online"] { color: var(--sn-mint); }
.landing-status.sn-status-bar:not([data-status]) {
  background: linear-gradient(180deg, #72d795, #56b573);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .35), 0 0 22px rgba(111, 221, 148, .2);
}

/* Scrollbars */
* { scrollbar-color: #2b2c30 transparent; }
/* STREAMNEST_V390_REFERENCE_LOOK_END */

/* STREAMNEST_V310_LANDING_PILLS_START
   Front page matched to the supplied screenshot: mint wordmark + checkmarks,
   pill-shaped dark ONLINE bar, pill-shaped white LOG IN button. CSS only. */
.landing-screen-v300 .landing-benefits li > span:first-child {
  color: #6cd789;
}

.landing-screen-v300 .landing-actions {
  gap: 18px;
}

.landing-screen-v300 .landing-actions .landing-status.sn-status-bar {
  min-height: 46px;
  padding: 0 24px;
  gap: 14px;
  letter-spacing: .19em;
  font-size: .76rem;
  font-weight: 800;
  color: var(--sn-mint, #6fdd94) !important;
  background: linear-gradient(180deg, rgba(36, 39, 46, .97) 0%, rgba(26, 28, 34, .98) 50%, rgba(19, 21, 25, .99) 100%);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 28px rgba(0, 0, 0, .42);
}

.landing-screen-v300 .landing-actions .landing-status.sn-status-bar::before {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
  background: var(--sn-mint, #6fdd94);
  box-shadow: 0 0 10px rgba(111, 221, 148, .55);
}

.landing-screen-v300 .landing-actions .landing-status.sn-status-bar[data-status="offline"] {
  color: var(--sn-offline, #ff4f62) !important;
  background: linear-gradient(180deg, rgba(48, 34, 39, .97) 0%, rgba(32, 23, 28, .98) 55%, rgba(22, 16, 20, .99) 100%);
}

.landing-screen-v300 .landing-actions .landing-status.sn-status-bar[data-status="offline"]::before {
  background: var(--sn-offline, #ff4f62);
  box-shadow: 0 0 10px rgba(255, 79, 98, .6);
}

.landing-screen-v300 .landing-actions .landing-status.sn-status-bar[data-status="checking"] {
  color: #b9c0cb !important;
}

.landing-screen-v300 .landing-login {
  min-height: 60px;
  padding: 0 28px;
  color: #08090b;
  letter-spacing: .17em;
  font-size: .9rem;
  font-weight: 800;
  background: linear-gradient(180deg, #fdfdfd 0%, #f6f6f8 38%, #e7e7ea 70%, #dbdade 100%);
  border: 0;
  border-radius: 999px;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .95),
    inset 0 -2px 4px rgba(120, 124, 134, .22),
    0 14px 36px rgba(0, 0, 0, .5),
    0 0 30px rgba(255, 255, 255, .14);
}

.landing-screen-v300 .landing-login:hover {
  background: linear-gradient(180deg, #fff 0%, #f9f9fb 38%, #ececef 70%, #e1e0e4 100%);
}

@media (width > 600px) {
  .landing-screen-v300 .landing-login { min-height: 68px; font-size: 1rem; }
  .landing-screen-v300 .landing-actions .landing-status.sn-status-bar { min-height: 48px; font-size: .82rem; }
}
/* STREAMNEST_V310_LANDING_PILLS_END */