/* StreamPip v1.4.0 branding layer: isolated header/footer presentation */
:root{--sp-brand-purple:#9b35ef;--sp-brand-pink:#ec4899;--sp-brand-teal:#06b6d4}
.sp-platform-header .sp-rebrand-lockup,.sp-platform-footer .sp-rebrand-lockup{display:inline-flex!important;align-items:center!important;gap:9px!important;text-decoration:none!important;white-space:nowrap!important;flex:none!important;letter-spacing:normal!important}
.sp-rebrand-icon{display:block;flex:none;width:36px;height:36px;border-radius:10px;filter:drop-shadow(0 0 10px #a033f044)}
.sp-rebrand-word{font-size:clamp(21px,1.9vw,29px);font-weight:950;line-height:1;letter-spacing:-1.5px;color:#fff!important}
.sp-rebrand-word strong{font-weight:950;background:linear-gradient(110deg,#8f39f9,#ef46bd);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.sp-platform-header .sp-rebrand-lockup small{font-size:7px!important;line-height:1.2;letter-spacing:1.25px!important;align-self:end!important;margin:0 0 2px -2px!important;color:#b9a6ce!important;font-weight:700!important}
.sp-platform-footer .sp-rebrand-lockup small{display:none!important}
.sp-platform-footer .sp-rebrand-lockup .sp-rebrand-word{font-size:28px}
.sp-pip-footer{display:flex;align-items:center;gap:13px;margin-top:12px;max-width:340px;color:#c8bad9;font-size:12px}
.sp-pip-footer img{display:block;width:82px;height:82px;object-fit:cover;object-position:50% 32%;border-radius:50%;border:2px solid #a53af1;background:#120e22}
@media(max-width:1080px){.sp-platform-header .sp-rebrand-lockup small{display:none!important}}
@media(max-width:600px){.sp-rebrand-icon{width:30px;height:30px}.sp-rebrand-word{font-size:23px}.sp-pip-footer img{width:64px;height:64px}}

/* v1.5.2: full illustrated Pip feature, no circular portrait */
.sp-platform-footer .sp-pip-feature{display:block!important;position:relative;width:min(100%,460px);max-width:460px;margin-top:16px;border:1px solid rgba(184,103,255,.25);border-radius:16px;overflow:hidden;background:#110b20;text-decoration:none!important;box-shadow:0 12px 36px rgba(8,4,26,.22);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.sp-platform-footer .sp-pip-feature img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/2!important;max-width:none!important;border:0!important;border-radius:0!important;object-fit:cover!important;object-position:center!important;background:transparent!important}
.sp-platform-footer .sp-pip-feature-cta{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:linear-gradient(90deg,rgba(65,25,112,.95),rgba(44,17,69,.98));color:#fff;font-size:13px;font-weight:700;letter-spacing:.01em}
.sp-platform-footer .sp-pip-feature:hover,.sp-platform-footer .sp-pip-feature:focus-visible{transform:translateY(-3px);border-color:#d27dff;box-shadow:0 16px 44px rgba(137,40,222,.24)}
.sp-platform-footer .sp-pip-feature:focus-visible{outline:2px solid #e49aff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.sp-platform-footer .sp-pip-feature{transition:none}.sp-platform-footer .sp-pip-feature:hover{transform:none}}

/* v1.5.3 — complete, responsive and linked footer */
.sp-platform-footer.sp-footer-v153{position:relative;margin-top:50px;padding:clamp(30px,4vw,62px) clamp(22px,5vw,95px) 22px;background:linear-gradient(180deg,rgba(23,13,40,.52),rgba(10,8,23,.93));border-top:1px solid rgba(191,117,252,.2);overflow:hidden}
.sp-footer-v153:before{content:"";position:absolute;inset:-130px 0 auto;height:290px;pointer-events:none;background:radial-gradient(ellipse at 75% 70%,rgba(160,64,238,.15),transparent 63%);z-index:0}
.sp-footer-v153 .sp-footer-main,.sp-footer-v153 .sp-footer-bottom{position:relative;z-index:1}
.sp-footer-v153 .sp-footer-main{display:grid;grid-template-columns:minmax(210px,1.05fr) minmax(280px,1.2fr) minmax(250px,1.1fr);gap:clamp(25px,3vw,55px);align-items:start;max-width:1500px;margin:auto}
.sp-footer-v153 .sp-footer-about p{font-size:14px;line-height:1.65;color:#bcb2cc;max-width:310px;margin:20px 0}
.sp-footer-v153 .sp-rebrand-lockup{display:inline-flex!important;align-items:center!important}
.sp-footer-v153 .sp-rebrand-type{display:flex;flex-direction:column;gap:4px}
.sp-footer-v153 .sp-rebrand-lockup small{display:block!important;letter-spacing:1.5px;font-size:8px;color:#cbb5df;font-weight:750}
.sp-footer-v153 .sp-footer-primary{display:inline-flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid #a365d65e;border-radius:10px;color:#f5e6ff;text-decoration:none;background:linear-gradient(110deg,#8032c14a,#d04ca52e);font-weight:700;font-size:13px;transition:background .2s,transform .2s}
.sp-footer-v153 .sp-footer-primary:hover{background:#9c45cf65;transform:translateY(-2px)}
.sp-footer-v153 .sp-footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.sp-footer-v153 .sp-footer-column{display:flex;flex-direction:column;gap:14px}
.sp-footer-v153 .sp-footer-column h2{font-size:14px;letter-spacing:.035em;color:#fff;margin:0 0 7px}
.sp-footer-v153 .sp-footer-column a{font-size:13px;color:#c1b7ce;text-decoration:none;display:flex;justify-content:space-between;align-items:center;gap:6px;max-width:180px;transition:color .2s}
.sp-footer-v153 .sp-footer-column a span{color:#ad6ae4;opacity:.65;transition:transform .2s,opacity .2s}
.sp-footer-v153 .sp-footer-column a:hover{color:#fff}.sp-footer-v153 .sp-footer-column a:hover span{opacity:1;transform:translate(2px,-2px)}
.sp-footer-v153 .sp-footer-pip .sp-pip-feature{width:100%!important;max-width:440px!important;margin:0!important}
.sp-footer-v153 .sp-footer-pip p{font-size:12px;color:#bdb1cc;margin:11px 0 0}
.sp-footer-v153 .sp-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;max-width:1500px;margin:40px auto 0;padding-top:20px;border-top:1px solid #ffffff19;font-size:11px;color:#998ba9}
.sp-footer-v153 .sp-footer-bottom a{color:#d9b9f0;text-decoration:none}
.sp-footer-v153 a:focus-visible{outline:2px solid #e6a1ff;outline-offset:4px}
@media(max-width:1050px){.sp-footer-v153 .sp-footer-main{grid-template-columns:1fr 1.2fr}.sp-footer-v153 .sp-footer-pip{grid-column:1/-1;max-width:460px}}
@media(max-width:650px){.sp-footer-v153 .sp-footer-main{grid-template-columns:1fr;gap:35px}.sp-footer-v153 .sp-footer-nav{gap:18px}.sp-footer-v153 .sp-footer-pip{grid-column:auto}.sp-footer-v153 .sp-footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}}
@media(prefers-reduced-motion:reduce){.sp-footer-v153 a,.sp-footer-v153 a span{transition:none!important}}

/* v1.5.4 Pip guide: actual clickable button and accessible dialog */
.sp-footer-v153 button.sp-pip-feature{padding:0;text-align:left;font:inherit;cursor:pointer;appearance:none;-webkit-appearance:none}
.sp-footer-v153 .sp-pip-feature-cta{width:100%}
.sp-pip-guide-backdrop[hidden]{display:none!important}
.sp-pip-guide-backdrop{position:fixed;inset:0;z-index:2147483000;background:rgba(5,3,15,.84);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}
.sp-pip-guide-dialog{position:relative;width:min(100%,710px);max-height:calc(100vh - 40px);overflow-y:auto;padding:clamp(20px,3vw,36px);border-radius:24px;background:linear-gradient(135deg,#211237,#101324 72%);border:1px solid rgba(208,131,255,.42);box-shadow:0 25px 95px #050111e0,0 0 60px #a042f127;color:#fff}
.sp-pip-guide-close{position:absolute;right:18px;top:14px;background:transparent;border:0;color:#f8e9ff;font-size:32px;cursor:pointer;z-index:1}
.sp-pip-guide-intro{display:grid;grid-template-columns:minmax(110px,205px) 1fr;align-items:center;gap:24px}
.sp-pip-guide-intro img{width:100%;aspect-ratio:3/3.3;object-fit:cover;object-position:15% center;border-radius:18px}
.sp-pip-guide-eyebrow{color:#dc9aff;font-size:11px;letter-spacing:.17em;font-weight:800}
.sp-pip-guide-intro h2{font-size:clamp(28px,4vw,43px);margin:8px 0 12px}
.sp-pip-guide-intro p{color:#d3c4e2;line-height:1.6}
.sp-pip-guide-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:26px 0 15px}
.sp-pip-guide-choices a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;border:1px solid #b471ee55;background:#ffffff0b;color:#fff;text-decoration:none;border-radius:12px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}
.sp-pip-guide-choices a:hover{background:#a341dd35;border-color:#d59cff;transform:translateY(-2px)}
.sp-pip-guide-choices a span{color:#d99fff}
.sp-pip-guide-note{font-size:12px;color:#b5a3c6}
.sp-pip-guide-active{overflow:hidden}
.sp-pip-guide-dialog :focus-visible{outline:2px solid #edb4ff;outline-offset:3px}
@media(max-width:520px){.sp-pip-guide-intro{grid-template-columns:100px 1fr;gap:13px}.sp-pip-guide-choices{grid-template-columns:1fr}.sp-pip-guide-dialog{padding:18px}.sp-pip-guide-intro img{aspect-ratio:1/1.5}}
@media(prefers-reduced-motion:reduce){.sp-pip-guide-choices a{transition:none}}

/* v1.5.6: CSS-native Pip dialog works even if JavaScript is blocked/cached. */
.sp-footer-v153 a.sp-pip-feature{display:block;text-decoration:none;cursor:pointer}
.sp-pip-guide-backdrop{display:none!important}
.sp-pip-guide-backdrop:target{display:flex!important}
.sp-pip-guide-close{text-decoration:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff14}
.sp-pip-guide-close:hover{background:#ffffff30}
@media(prefers-reduced-motion:no-preference){.sp-pip-guide-backdrop:target .sp-pip-guide-dialog{animation:spPipEnter .22s ease-out}@keyframes spPipEnter{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}