/* StreamPip Platform OS v0.7.0 - visual system, layered after legacy styles */
:root{--sp-obsidian:#09090f;--sp-midnight:#171321;--sp-plum:#42205f;--sp-violet:#9c45e8;--sp-radiance:#ef62b7;--sp-text:#f8f5ff;--sp-muted:#aaa4b9;--sp-border:rgba(255,255,255,.11);--sp-ease:cubic-bezier(.2,.8,.2,1)}
html{scroll-behavior:smooth}body{background:var(--sp-obsidian);color:var(--sp-text);font-feature-settings:"kern" 1}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 90% 0%,#4d206b19,transparent 36%)}a,button{transition:color .2s,background-color .2s,border-color .2s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #dc96ff;outline-offset:3px}
.sp-platform-header{position:sticky;top:0;z-index:100;min-height:78px;display:flex;align-items:center;gap:clamp(12px,2vw,35px);padding:12px clamp(18px,3.5vw,70px);background:rgba(9,9,15,.84)!important;backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid var(--sp-border)}.sp-brand{display:inline-flex;align-items:center;gap:3px;font-weight:900;letter-spacing:-1.6px;font-size:clamp(24px,2vw,30px)}.sp-brand-glyph{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:11px;margin-right:7px;background:linear-gradient(145deg,#c468f5,#7b38c9);color:white;font-size:22px;box-shadow:0 6px 22px #8c3dde55}.sp-brand small{font-size:8px;letter-spacing:2px;color:#bca5cc;align-self:end;margin:0 0 5px 4px}.sp-platform-header nav{display:flex;align-items:center;gap:clamp(12px,1.5vw,26px);white-space:nowrap}.sp-platform-header nav a{position:relative;font-size:13px;font-weight:650;color:#c3bbce;padding:12px 0}.sp-platform-header nav a.sp-active,.sp-platform-header nav a:hover{color:white}.sp-platform-header nav a.sp-active:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;border-radius:4px;background:#c578f5}.sp-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.sp-header-actions form{margin:0}.sp-header-actions .search{width:clamp(145px,14vw,235px);border-radius:11px;padding:12px 15px;background:#ffffff0b;border-color:#ffffff1f}.sp-header-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;font-size:23px;color:#ded5e7}.sp-account-link{display:flex!important;align-items:center;gap:8px;padding:7px 12px 7px 7px!important;font-size:12px}.sp-avatar{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;background:linear-gradient(135deg,#d277f6,#7333b5);color:white;font-weight:800}.sp-platform-header .button{border-radius:10px;padding:11px 15px}.sp-menu-toggle{display:none;border:1px solid #ffffff30;background:#ffffff0c;color:white;border-radius:10px;width:42px;height:42px;font-size:23px;cursor:pointer}
.sp-stream-hero.sp-hero-carousel{height:clamp(570px,66vh,780px);min-height:570px;border:0}.sp-hero-slide{background:linear-gradient(90deg,#08080e 0%,#08080ef5 22%,#08080ec4 46%,#08080e52 75%),var(--slide-image) center 38% / cover no-repeat,#171321}.sp-hero-slide[data-has-art="no"]{background:radial-gradient(circle at 78% 42%,#75419a 0%,#392252 22%,#11101b 55%,#09090f 85%)}.sp-hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09090f 0%,transparent 32%);pointer-events:none}.sp-hero-slide .sp-stream-hero-content{padding:90px clamp(24px,6vw,110px) 120px;max-width:850px}.sp-kicker{font-size:12px;letter-spacing:.33em;margin-bottom:40px;color:#e7d7f2}.sp-hero-label{display:inline-flex;align-items:center;gap:9px;letter-spacing:.19em;color:#e2b4ff}.sp-hero-label:before{content:"";width:21px;height:2px;background:#df8cff}.sp-stream-hero h1{font-weight:850;font-size:clamp(3.5rem,6.3vw,7.4rem);letter-spacing:-.07em;line-height:1.02;max-width:760px;text-wrap:balance;text-shadow:0 3px 28px #0008}.sp-stream-hero p{font-size:clamp(15px,1.2vw,18px);max-width:540px;line-height:1.65;color:#e0d9e7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sp-hero-meta{font-size:13px;letter-spacing:.03em;color:#bfb4c9}.sp-hero-actions{margin-top:32px}.sp-hero-actions .button{border-radius:11px;padding:16px 25px;box-shadow:0 9px 28px #0005}.button{background:linear-gradient(125deg,#a249e6,#d45aa9);box-shadow:0 4px 15px #0002}.button:hover{filter:brightness(1.12)}.button.secondary{background:rgba(255,255,255,.10);border:1px solid #ffffff2b;backdrop-filter:blur(12px)}.sp-hero-controls{right:clamp(22px,6vw,110px);bottom:64px}.sp-hero-controls>button{width:42px;height:42px;border-color:#ffffff55}.sp-hero-dots button.is-active{background:#c87cf4}.sp-platform-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:35px clamp(24px,5vw,95px) 4px;background:#09090f}.sp-eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;color:#cb8ff1}.sp-platform-intro h2{font-size:clamp(28px,3.3vw,52px);letter-spacing:-.055em;margin:10px 0}.sp-platform-intro h2 span{color:#d071e8}.sp-platform-intro p{color:#aaa4b9;margin:0;line-height:1.5}.sp-explore-link{font-size:13px;color:#ebd9f9;font-weight:750;white-space:nowrap;padding-bottom:6px}.sp-explore-link span{margin-left:10px;color:#e0a2fa}.sp-stream-content{padding:0 clamp(20px,5vw,95px) 75px}.sp-welcome{padding:25px 0 0;font-size:14px}.sp-rail{margin:42px 0}.sp-rail-heading h2{font-size:clamp(19px,2vw,26px);letter-spacing:-.04em}.sp-rail-heading a{color:#cfa4e7}.sp-rail-card{flex-basis:clamp(195px,19vw,290px)}.sp-rail-card .poster{aspect-ratio:16/10;border-radius:13px;border:1px solid #ffffff18}.sp-rail-card .tile:hover{transform:translateY(-6px)}.sp-rail-card .tile-title{font-size:14px;margin-top:13px}.sp-poster-image{padding:0!important}.sp-poster-image img{display:block;width:100%;height:100%;object-fit:cover}.sp-rail-arrow{background:#120d1bea;border-color:#ffffff2e;border-radius:10px}.sp-demo-card img{border-radius:13px}.sp-demo-badge{font-size:9px;letter-spacing:.1em}.sp-card-popover{background:#1b1229f7;backdrop-filter:blur(15px)}.sp-festival-feature{border-radius:23px;min-height:300px;background:radial-gradient(circle at 80% 20%,#b0713b66,transparent 32%),radial-gradient(circle at 66% 95%,#53227777,transparent 43%),linear-gradient(120deg,#17111e,#22152b 65%,#100f19)}.sp-category-grid a{min-height:130px;border-radius:16px;background:linear-gradient(130deg,#251932,#121019);transition:transform .2s,border-color .2s}.sp-category-grid a:hover{transform:translateY(-4px);border-color:#b36af788}.sp-detail-hero{min-height:570px}.sp-detail-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.56}.sp-detail-glow{z-index:-1;background:linear-gradient(90deg,#09090ff9 5%,#09090fd0 42%,#09090f45 100%),linear-gradient(0deg,#09090f,transparent 38%)}.sp-detail-content{padding:75px max(5%,30px)}.sp-detail-content h1{letter-spacing:-.06em}.sp-detail-poster{border-radius:16px;box-shadow:0 22px 60px #000a}.panel{background:linear-gradient(145deg,#1c1728,#14111e);border:1px solid var(--sp-border);box-shadow:0 15px 50px #0002}.sp-platform-footer{padding:48px clamp(22px,5vw,95px) 30px;margin-top:50px;background:#0e0b15;border-top:1px solid var(--sp-border)}.sp-footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:start}.sp-footer-inner p{font-size:13px;color:#b0a6bc}.sp-footer-links{display:flex;flex-wrap:wrap;gap:24px;font-size:13px;color:#d2c5dd}.sp-footer-legal{font-size:11px;color:#867c90!important;margin-top:35px}
@media(max-width:1200px){.sp-platform-header{flex-wrap:wrap}.sp-platform-header nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none}.sp-header-actions{margin-left:auto}}
@media(max-width:700px){.sp-platform-header{min-height:70px;flex-wrap:wrap;padding:12px 16px}.sp-brand small{display:none}.sp-menu-toggle{display:grid;place-items:center;margin-left:auto}.sp-platform-header nav{display:none;order:4;flex-direction:column;align-items:stretch;width:100%;gap:0;max-height:65vh;overflow-y:auto}.sp-platform-header nav.sp-open{display:flex}.sp-platform-header nav a{padding:13px;border-bottom:1px solid #ffffff12}.sp-header-actions{order:3;width:100%;justify-content:space-between}.sp-header-actions form{flex:1}.sp-header-actions .search{width:100%}.sp-header-actions .sp-join{display:none}.sp-account-link>span:last-child{display:none}.sp-stream-hero.sp-hero-carousel{height:590px;min-height:590px}.sp-hero-slide .sp-stream-hero-content{padding:60px 22px 125px}.sp-stream-hero h1{font-size:clamp(42px,11vw,68px)}.sp-kicker{margin-bottom:24px}.sp-hero-controls{right:20px;bottom:34px}.sp-platform-intro{padding:35px 22px 0;align-items:start;flex-direction:column}.sp-platform-intro h2{font-size:32px}.sp-stream-content{padding:0 18px 45px}.sp-rail-card{flex-basis:65vw}.sp-detail-hero{min-height:500px}.sp-footer-inner{flex-direction:column}.sp-footer-links{gap:14px}.sp-festival-feature{padding:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sp-rail-card .tile,.sp-category-grid a{transition:none}}