:root{color-scheme:dark;--bg:#050a0f;--panel:#101b27;--line:#293b4c;--text:#f5f8fd;--muted:#9aa9bf;--orange:#ff7a00;--red:#e30613}
*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at 15% 0,rgba(255,122,0,.14),transparent 30%),radial-gradient(circle at 95% 10%,rgba(227,6,19,.12),transparent 28%),var(--bg)}
.brand{height:76px;display:flex;align-items:center;gap:10px;padding:0 clamp(22px,5vw,72px);border-bottom:1px solid rgba(120,145,170,.16);background:rgba(5,10,15,.76);backdrop-filter:blur(18px)}.brand img{width:48px;height:44px}.brand strong{font-size:20px}.brand nav{display:flex;gap:8px;margin-left:auto}.brand nav button{padding:9px 13px;color:var(--muted);border:1px solid var(--line);border-radius:99px;background:#09131d}
main{width:min(1160px,calc(100% - 36px));min-height:calc(100vh - 132px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,500px);gap:clamp(34px,7vw,100px);align-items:center;padding:56px 0}.welcome h1{max-width:660px;margin:10px 0 20px;font-size:clamp(40px,6vw,72px);line-height:.98;letter-spacing:-.05em}.welcome>p{max-width:620px;color:#bac6d6;font-size:clamp(17px,2vw,21px);line-height:1.6}.welcome ul{display:flex;flex-wrap:wrap;gap:10px;padding:16px 0 0;list-style:none}.welcome li{padding:8px 12px;color:#cbd6e5;border:1px solid var(--line);border-radius:99px;background:rgba(16,27,39,.7);font-size:13px}.eyebrow{color:#ff9a3d;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.onboarding-card{min-height:570px;padding:clamp(24px,4vw,38px);border:1px solid rgba(130,157,184,.25);border-radius:24px;background:linear-gradient(150deg,rgba(20,36,51,.96),rgba(10,18,27,.98));box-shadow:0 32px 90px rgba(0,0,0,.48)}.onboarding-card h2{margin:12px 0 22px;font-size:27px}.step{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.step span{display:grid;place-items:center;width:26px;height:26px;color:#091017;font-weight:900;border-radius:50%;background:linear-gradient(145deg,#ffb321,var(--orange))}
.source-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:24px}.source-tabs button{padding:10px 7px;color:var(--muted);border:1px solid var(--line);border-radius:10px;background:#0a141e}.source-tabs button.active{color:white;border-color:rgba(255,122,0,.65);background:rgba(255,122,0,.13)}label{display:grid;gap:7px;margin:14px 0;color:#c9d4e4;font-size:13px;font-weight:700}input{width:100%;padding:13px;color:white;border:1px solid var(--line);border-radius:10px;outline:0;background:#07111a}input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,122,0,.12)}.primary{width:100%;margin-top:12px;padding:14px;color:#101010;font-weight:900;border:0;border-radius:11px;background:linear-gradient(145deg,#ffb321,var(--orange));box-shadow:0 12px 28px rgba(255,122,0,.2)}button{font:inherit;cursor:pointer}.privacy{margin:13px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.hidden{display:none!important}.error{margin-top:18px;padding:12px;color:#ffd5d9;border:1px solid #71404a;border-radius:10px;background:#2b171d}
#progressStep,#readyStep{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#progressStep .step{align-self:flex-start}.loader{width:68px;height:68px;margin:54px 0 25px;border:6px solid #263746;border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#progressStep p,#readyStep p{max-width:370px;color:var(--muted);line-height:1.55}.progress{width:100%;height:9px;margin:24px 0 12px;overflow:hidden;border-radius:99px;background:#07111a}.progress span{display:block;width:8%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--red));transition:width .35s}.success{display:grid;place-items:center;width:78px;height:78px;margin-bottom:20px;color:#07130d;font-size:38px;font-weight:900;border-radius:50%;background:#58d68d}footer{padding:18px;text-align:center;color:#718198;font-size:12px}
.recovery{padding:12px;color:#ffe3a3;border:1px solid #725c30;border-radius:10px;background:#2a2316}.mini-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:430px;overflow:auto}.mini-item{padding:14px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#09131d}.mini-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-item small{display:block;margin-top:5px;color:var(--muted)}
.catalog-shell{display:block;min-height:calc(100vh - 76px);padding:54px clamp(22px,5vw,72px) 80px}.catalog-hero{display:flex;align-items:end;justify-content:space-between;gap:32px}.catalog-hero h1{margin:8px 0;font-size:clamp(34px,5vw,58px);letter-spacing:-.04em}.catalog-hero p{color:var(--muted)}.catalog-search{width:min(360px,100%);margin:0}.kind-tabs{display:flex;gap:9px;margin:38px 0 22px;overflow:auto}.kind-tabs button{padding:10px 18px;color:var(--muted);white-space:nowrap;border:1px solid var(--line);border-radius:99px;background:#09131d}.kind-tabs button.active{color:#111;border-color:transparent;background:linear-gradient(145deg,#ffb321,var(--orange));font-weight:800}.catalog-status{min-height:28px;color:var(--muted);font-size:13px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.catalog-item{min-width:0;padding:0 0 15px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#09131d;transition:transform .2s,border-color .2s}.catalog-item:hover,.catalog-item:focus{transform:translateY(-4px);border-color:var(--orange);outline:0}.catalog-art{display:flex;align-items:end;width:100%;aspect-ratio:16/10;padding:13px;color:rgba(255,255,255,.82);font-size:11px;font-weight:900;letter-spacing:.12em;background:linear-gradient(145deg,#263b50,#0d1721)}.catalog-art-live{background:linear-gradient(145deg,#7b1018,#1d1117)}.catalog-art-movie{background:linear-gradient(145deg,#8a4810,#161a22)}.catalog-art-episode{background:linear-gradient(145deg,#173e68,#111923)}.catalog-item strong,.catalog-item small{display:block;margin:12px 13px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-item small{margin-top:5px;color:var(--muted)}.load-more{display:block;margin:34px auto 0;padding:12px 22px;color:white;border:1px solid var(--line);border-radius:99px;background:#101b27}
.player-dialog{width:min(1000px,calc(100% - 30px));padding:0;color:white;border:1px solid var(--line);border-radius:18px;background:#050a0f;box-shadow:0 30px 100px #000}.player-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.player-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.player-head small{display:block;margin-top:4px;color:var(--muted)}.player-head button{width:38px;height:38px;color:white;font-size:26px;border:1px solid var(--line);border-radius:50%;background:#101b27}.player-dialog video{display:block;width:100%;max-height:70vh;background:#000}.player-status{min-height:48px;padding:14px 20px;color:var(--muted)}
@media(max-width:820px){main{grid-template-columns:1fr;padding:36px 0}.welcome{text-align:center}.welcome h1,.welcome>p{margin-left:auto;margin-right:auto}.welcome ul{justify-content:center}.onboarding-card{min-height:auto}.brand{justify-content:center}}
@media(max-width:820px){.catalog-hero{align-items:stretch;flex-direction:column}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.brand nav{margin-left:auto}.brand{justify-content:flex-start}}
@media(max-width:480px){main{width:min(100% - 22px,1160px);padding:24px 0}.welcome h1{font-size:38px}.source-tabs{grid-template-columns:1fr}.onboarding-card{padding:22px;border-radius:18px}.brand{height:66px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loader{animation-duration:2.5s}}