/* StreamPip v0.5: immersive viewing shell. Retains the existing application styles. */
body{background:#080811;color:#f8f6ff}.top{background:rgba(8,8,16,.9);padding:14px 3.5%;border-color:#ffffff12;gap:18px}.top nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.top nav a{font-size:13px;color:#ccc5dd}.top nav a:hover{color:#fff}.top .logo{font-size:27px}.top .search{border-radius:28px;background:#ffffff0e;border:1px solid #ffffff24}.top .button{border-radius:30px}main{min-height:70vh}.sp-stream-hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#573175 0%,transparent 39%),radial-gradient(ellipse at 55% 110%,#361a60 0%,transparent 55%),linear-gradient(105deg,#0a0a13 5%,#181124 70%,#0b0b15);border-bottom:1px solid #ffffff12}.sp-stream-hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,#080811);pointer-events:none}.sp-stream-hero-content{position:relative;z-index:2;padding:55px 6% 85px;max-width:820px}.sp-kicker{font-size:13px;letter-spacing:.32em;font-weight:900;color:#f3e8ff;margin-bottom:40px}.sp-kicker em{font-style:normal;color:#d66efc}.sp-hero-label{font-size:11px;letter-spacing:.2em;color:#e6b8ff;font-weight:800}.sp-stream-hero h1{font-size:clamp(3.5rem,7vw,6.6rem);line-height:.98;letter-spacing:-.065em;margin:18px 0 25px;font-weight:900}.sp-stream-hero h1 em{font-style:normal;color:#d69bff}.sp-stream-hero p{max-width:580px;color:#d4cce0;font-size:1.1rem;line-height:1.7}.sp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.sp-hero-actions .button{border-radius:9px;padding:15px 22px}.sp-hero-meta{color:#b9b0c9}.sp-hero-meta span{padding:0 8px}.sp-empty-note{font-size:12px;color:#a69ab7;margin-top:26px}.sp-hero-visual{position:absolute;right:2%;top:12%;width:40%;aspect-ratio:1;display:grid;place-items:center;opacity:.72;pointer-events:none}.sp-orbit{position:absolute;border:1px solid #d29dff55;border-radius:50%;transform:rotate(-25deg)}.sp-orbit-one{width:88%;height:62%;box-shadow:0 0 75px #ba4bff3d}.sp-orbit-two{width:60%;height:90%;transform:rotate(35deg);border-color:#d29dff33}.sp-hero-play{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font-size:50px;padding-left:8px;background:linear-gradient(145deg,#c24eff,#4c1b91);box-shadow:0 0 90px #9b4ffb80;color:white}.sp-stream-content{padding:0 4% 75px}.sp-welcome{padding:25px 1% 5px;font-size:17px;color:#d5cddd}.sp-welcome strong{color:white}.sp-welcome span{color:#91879e}.sp-rail{margin:34px 0}.sp-rail-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}.sp-rail-heading h2{font-size:clamp(1.2rem,2vw,1.65rem);margin:0;letter-spacing:-.025em}.sp-rail-heading a{color:#bfb2d2;font-size:13px}.sp-rail-scroll{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:16px;padding:0 0 15px;scrollbar-color:#664578 transparent}.sp-rail-card{flex:0 0 clamp(170px,19vw,275px);min-width:0;scroll-snap-align:start}.sp-rail-card .tile{display:block;width:100%;transition:transform .18s ease}.sp-rail-card .tile:hover{transform:translateY(-5px)}.sp-rail-card .poster{height:auto;aspect-ratio:16/10;border-radius:12px;overflow:hidden;box-shadow:0 14px 30px #0005}.sp-rail-card .tile-title{font-weight:700;font-size:15px;margin-top:9px}.sp-rail-card .muted{font-size:12px}.sp-rail-empty{min-height:135px;min-width:min(100%,540px);display:flex;align-items:center;padding:28px;border:1px dashed #655779;border-radius:14px;color:#ada4bb;background:#ffffff06}.sp-progress{height:4px;background:#ffffff28;border-radius:4px;overflow:hidden;margin-top:8px}.sp-progress span{height:100%;background:#d37bff;display:block}.sp-festival-feature{position:relative;min-height:245px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:40px clamp(25px,5vw,80px);border:1px solid #ffffff2b;border-radius:18px;background:radial-gradient(ellipse at 80% 40%,#80512d77,transparent 42%),linear-gradient(110deg,#0e0d15,#21182e 70%,#10101c);margin:48px 0}.sp-festival-feature strong{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.05em}.sp-festival-feature>span{color:#c9bfd6}.sp-festival-tag{font-size:11px;letter-spacing:.2em!important;color:#eac486!important;font-weight:800}.sp-festival-arrow{font-weight:800;color:#fff!important}.sp-category-section{margin-top:40px}.sp-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sp-category-grid a{background:linear-gradient(135deg,#21182f,#13121d);border:1px solid #ffffff19;border-radius:13px;min-height:100px;padding:18px;display:flex;align-items:flex-end;gap:12px;font-weight:700}.sp-category-grid a span{color:#d987ff}.sp-category-grid a b{margin-left:auto;color:#a991bf}.watch-page{max-width:1450px;margin:auto}.watch-page .player{border-radius:16px;overflow:hidden;background:#000;box-shadow:0 25px 70px #0008}.watch-page .player video{display:block;width:100%;max-height:75vh}.watch-details{padding-top:28px}body:has(.sp-stream-hero) footer{margin-top:0}@media(max-width:900px){.sp-hero-visual{opacity:.3;width:60%;right:-20%}.sp-category-grid{grid-template-columns:repeat(2,1fr)}.top{flex-wrap:wrap}.top nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}.sp-stream-hero{min-height:460px}}@media(max-width:580px){.sp-stream-hero-content{padding:45px 6% 65px}.sp-stream-hero h1{font-size:3.6rem}.sp-stream-content{padding:0 4% 45px}.sp-rail-card{flex-basis:70vw}.sp-category-grid{grid-template-columns:repeat(2,1fr)}.sp-category-grid a{font-size:12px;min-height:90px;padding:12px}.sp-hero-visual{display:none}.sp-welcome span{display:none}}@media(prefers-reduced-motion:reduce){.sp-rail-card .tile{transition:none}}

/* v0.5.1 fictional preview artwork: local files, no database rows */
.sp-stream-hero{background:linear-gradient(90deg,#070710 0%,#090914e8 35%,#0a0a1660 68%),url('demo-art/hero.webp') center right / cover no-repeat,#090914}
.sp-hero-visual{display:none}
.sp-demo-badge{display:inline-block;font-size:10px;letter-spacing:.11em;color:#e2c4ff;border:1px solid #b981e080;border-radius:5px;padding:5px 7px;vertical-align:middle;margin-left:7px}
.sp-demo-card{display:flex;flex-direction:column;flex:0 0 clamp(175px,17vw,235px);min-width:0;scroll-snap-align:start;color:#f9f5ff;text-decoration:none}
.sp-demo-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;border:1px solid #ffffff20;transition:transform .2s}
.sp-demo-card:hover img{transform:translateY(-4px)}
.sp-demo-card strong{margin-top:10px;font-size:14px}
.sp-demo-card span{font-size:12px;color:#b4a6c4;margin-top:4px}
.sp-preview-page{display:grid;grid-template-columns:minmax(180px,350px) 1fr;align-items:center;gap:40px;max-width:1100px;margin:auto}
.sp-preview-page>a{grid-column:1/-1}.sp-preview-page img{width:100%;border-radius:15px}.sp-preview-page p{max-width:570px}
@media(max-width:650px){.sp-preview-page{grid-template-columns:1fr}.sp-preview-page img{max-width:340px}.sp-demo-card{flex-basis:64vw}.sp-stream-hero{background-position:65% center}}

/* v0.5.2: directional rails, accessible hover descriptions, and featured carousel */
.sp-rail-viewport{position:relative}.sp-rail-scroll{scroll-behavior:smooth;scrollbar-width:none;padding:10px 3px 24px}.sp-rail-scroll::-webkit-scrollbar{display:none}
.sp-rail-arrow{position:absolute;z-index:8;top:32%;width:45px;height:80px;border:1px solid #ffffff40;background:#080811d9;color:#fff;font-size:44px;line-height:1;border-radius:9px;cursor:pointer;opacity:0;transition:opacity .2s}.sp-prev{left:0}.sp-next{right:0}.sp-rail-viewport:hover .sp-rail-arrow,.sp-rail-viewport:focus-within .sp-rail-arrow{opacity:1}.sp-rail-arrow:disabled{opacity:0!important;pointer-events:none}.sp-rail-arrow:focus-visible,.sp-hero-controls button:focus-visible{outline:3px solid #d49aff;outline-offset:2px}
.sp-demo-wrap{position:relative;flex:0 0 clamp(175px,17vw,235px);min-width:0;scroll-snap-align:start}.sp-demo-wrap .sp-demo-card{width:100%;display:flex;flex-basis:auto}.sp-rail-card{position:relative}.sp-card-popover{position:absolute;z-index:7;left:0;right:0;bottom:35px;background:#171322f2;border:1px solid #ba80ed80;border-radius:12px;padding:16px;box-shadow:0 16px 38px #000b;opacity:0;visibility:hidden;transform:translateY(9px);transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none;max-height:220px;overflow:auto}.sp-demo-wrap .sp-card-popover{bottom:60px}.sp-card-popover h3{font-size:16px;margin:7px 0}.sp-card-popover p{font-size:12px;line-height:1.5;color:#e0d9e8;margin:8px 0}.sp-card-popover a{font-size:12px;color:#e5b8ff;font-weight:800}.sp-demo-wrap:hover .sp-card-popover,.sp-demo-wrap:focus-within .sp-card-popover,.sp-rail-card:hover .sp-card-popover,.sp-rail-card:focus-within .sp-card-popover{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.sp-hero-carousel{display:block;min-height:540px;background:#0b0914}.sp-hero-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s;background:linear-gradient(90deg,#070710 0%,#080813ef 30%,#08081344 80%),var(--slide-image, url('demo-art/hero.webp')) center 42% / cover no-repeat}.sp-hero-slide.is-active{opacity:1;visibility:visible;z-index:1}.sp-hero-slide .sp-stream-hero-content{padding-bottom:90px}.sp-hero-slide h1{font-size:clamp(2.8rem,6vw,5.6rem);max-width:850px}.sp-hero-controls{position:absolute;right:5%;bottom:38px;z-index:4;display:flex;gap:15px;align-items:center}.sp-hero-controls>button{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff88;background:#080811a8;color:#fff;font-size:30px;cursor:pointer}.sp-hero-dots{display:flex;gap:8px}.sp-hero-dots button{height:8px;width:22px;background:#ffffff75;border:0;border-radius:10px;cursor:pointer}.sp-hero-dots button.is-active{background:#d88aff;width:32px}.sp-stream-hero:after{z-index:3}
@media(max-width:700px){.sp-rail-arrow{opacity:1;width:33px;height:58px;font-size:32px}.sp-hero-carousel{min-height:540px}.sp-hero-controls{right:6%;bottom:22px}.sp-hero-slide .sp-stream-hero-content{padding-bottom:120px}.sp-card-popover{display:none}}
@media(hover:none){.sp-rail-arrow{opacity:1}.sp-card-popover{display:none}}
@media(prefers-reduced-motion:reduce){.sp-hero-slide,.sp-card-popover,.sp-rail-scroll{transition:none;scroll-behavior:auto}}

/* StreamPip v0.5.3: cinematic title and public creator channel views */
.sp-detail-shell{min-height:60vh}.sp-detail-hero{position:relative;isolation:isolate;overflow:hidden;min-height:490px;display:flex;align-items:center;background:radial-gradient(ellipse at 76% 40%,#49326b 0%,#1d1733 34%,#080911 76%);border-bottom:1px solid #ffffff18}.sp-detail-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 76% 44%,#a74ee83b,transparent 40%),linear-gradient(90deg,#090a13 4%,transparent 90%)}.sp-detail-content{padding:65px max(5%,28px);max-width:780px}.sp-detail-back{display:inline-block;color:#d2c8e5;margin-bottom:36px}.sp-detail-label{font-size:12px;letter-spacing:.18em;color:#c7a4fa;font-weight:700}.sp-detail-label em{color:#fff;font-style:normal}.sp-detail-content h1{font-size:clamp(42px,6vw,84px);line-height:1.04;margin:14px 0 20px}.sp-detail-content p{max-width:620px;font-size:17px;line-height:1.7;color:#d6d1e1}.sp-detail-meta{display:flex;flex-wrap:wrap;gap:12px;color:#d4c9e8}.sp-detail-meta span{border:1px solid #ffffff35;padding:5px 10px;border-radius:5px;font-size:12px}.sp-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:25px}.sp-detail-actions form{margin:0}.sp-detail-unavailable{color:#bcb4c9;background:#ffffff12;padding:12px 16px;border-radius:8px}.sp-detail-lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px}.sp-detail-lower p{line-height:1.7}.sp-detail-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sp-creator-link{font-size:18px}.sp-channel-banner{background:linear-gradient(110deg,#24133f,#4a2364 48%,#0c1023);padding:45px;border-radius:16px;display:flex;align-items:center;gap:25px;margin-bottom:24px}.sp-channel-avatar{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:#a843e3;color:#fff;font-size:44px;font-weight:800;flex:none;border:4px solid #ffffff45}.sp-channel-banner h1{margin:5px 0}.sp-channel-banner p{color:#e4d5f6}.sp-channel-bio{max-width:800px;line-height:1.7;margin:25px 0 35px;white-space:pre-wrap}@media(max-width:760px){.sp-detail-hero{min-height:420px}.sp-detail-content{padding:40px 22px}.sp-detail-lower{grid-template-columns:1fr;gap:20px}.sp-channel-banner{padding:22px;gap:14px}.sp-channel-avatar{width:66px;height:66px;font-size:30px}}

/* v0.6.0 Content Manager */
.sp-cm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:22px;margin-top:25px;align-items:start}.sp-cm .panel{display:grid;gap:12px}.sp-cm .panel label{display:grid;gap:7px}.sp-cm .panel input,.sp-cm .panel select,.sp-cm .panel textarea{max-width:100%;box-sizing:border-box}.sp-cm-meta{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.sp-cm-backdrop{width:min(460px,100%);border-radius:16px;object-fit:cover;aspect-ratio:16/9}.sp-cm-episodes article{padding:16px 0;border-bottom:1px solid #40364b}.sp-cm-episodes article p{max-width:850px}