:root{--surface:#131313;--surface-container-low:#1c1b1b;--surface-container:#201f1f;--surface-container-high:#2a2a2a;--surface-container-highest:#353534;--on-surface:#e5e2e1;--on-surface-variant:#d4c4b7;--outline:#9c8e83;--outline-variant:#50453b;--primary:#eebd8e;--secondary:#ffdb3c;--on-secondary:#3a3000;--background:#131313;--on-background:#e5e2e1;--container-margin:64px;--container-margin-mobile:20px;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-body:"Manrope", "Segoe UI", sans-serif;font-family:var(--font-body);color:var(--on-background);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{background:var(--background);margin:0}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);color:var(--on-surface);font-weight:700}p{margin:0}button{color:inherit;background:0 0}.app{min-height:100vh;color:var(--on-background);background:radial-gradient(circle at top,#eebd8e26,#0000 55%),linear-gradient(135deg,#131313f2,#0e0e0e 65%)}.container{width:min(1200px, calc(100% - (var(--container-margin) * 2)));margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--outline-variant);background:#0a0a0a99;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;padding:20px 0;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:url(/Steady%20Flix.png) 50%/contain no-repeat;width:40px;height:40px}.brand-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:20px}.brand-subtitle{color:var(--on-surface-variant);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px}.site-nav{gap:20px;display:flex}.site-nav a{color:var(--on-surface);letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s}.site-nav a:hover,.site-nav a:focus-visible{opacity:1}.header-actions{align-items:center;gap:12px;display:flex}.user-toggle{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:10px;display:none}.user-toggle span{background:var(--on-surface);border-radius:999px;width:18px;height:2px;display:block}.button{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:12px 22px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s}.button.primary{background:var(--secondary);color:var(--on-secondary);box-shadow:0 10px 24px #ffdb3c40}.button.primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #ffdb3c59}.button.ghost{color:var(--on-surface);background:0 0;border-color:#ffffff1f}.button.outline{color:var(--on-surface);border-color:var(--outline);background:0 0}.button.outline:hover,.button.ghost:hover{border-color:var(--primary);transform:translateY(-1px)}.hero{padding:80px 0 60px;position:relative}.hero-banner{background-position:50%;background-size:cover;border-bottom:1px solid #ffffff14}.hero-banner:before{content:"";background:linear-gradient(120deg,#080808f5 20%,#080808a6 55%,#08080833 85%),radial-gradient(circle at top,#eebd8e33,#0000 60%);position:absolute;inset:0}.hero-grid{z-index:1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:40px;display:grid;position:relative}.hero-content{flex-direction:column;grid-column:span 12;gap:20px;animation:.8s both fadeUp;display:flex}.hero h1{letter-spacing:-.04em;font-size:clamp(42px,5vw,72px);line-height:1.05;font-family:var(--font-display);margin:0}.hero-subtitle{color:var(--on-surface-variant);max-width:540px;font-size:18px;line-height:1.7}.hero-meta{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px;display:grid}.meta-label{letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-variant);margin:0 0 6px;font-size:12px}.meta-value{margin:0;font-size:16px;font-weight:600}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-chips{flex-wrap:wrap;gap:10px;display:flex}.chip{letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface);border:1px solid #ffffff1f;border-radius:999px;padding:6px 14px;font-size:12px}.chip.live{border-color:var(--secondary);color:var(--secondary);box-shadow:0 0 12px #ffdb3c66}.pass-select-grid{gap:12px;display:grid}.pass-select-card{text-align:left;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.card-title{text-transform:uppercase;letter-spacing:.2em;color:var(--on-surface-variant);margin:0 0 8px;font-size:11px}.card-main{margin:0 0 6px;font-weight:600}.card-sub{color:var(--on-surface-variant);margin:0;font-size:14px}.section{padding:80px 0}.section-head{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.section h2{font-size:clamp(28px,4vw,40px);font-family:var(--font-display);margin:0}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin:0 0 12px;font-size:12px}.event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.event-card{background:var(--surface-container-low);border:1px solid #0000;border-radius:20px;transition:transform .2s,border-color .2s;overflow:hidden}.event-card:hover{border-color:var(--primary);transform:translateY(-6px)scale(1.01)}.event-art{background:linear-gradient(135deg,#ffdb3c4d,#0000 60%),radial-gradient(circle at 100% 0,#eebd8e59,#0000 65%),#1c1b1b;height:180px}.event-art.alt{background:linear-gradient(135deg,#eebd8e66,#0000 60%),radial-gradient(circle at 0 0,#ffdb3c4d,#0000 65%),#1a1a1a}.event-art.spotlight{background:linear-gradient(160deg,#ffdb3c33,#0000 60%),radial-gradient(circle,#eebd8e80,#0000 65%),#161616}.event-body{flex-direction:column;gap:12px;padding:20px 22px 24px;display:flex}.event-body h3{margin:0;font-size:22px}.event-copy{color:var(--on-surface-variant);margin:0;line-height:1.6}.event-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.step-card{border:1px solid var(--outline-variant);background:var(--surface-container-high);border-radius:18px;padding:28px 26px}.step-index{color:var(--primary);margin:0 0 14px;font-size:20px;font-weight:700}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.details-card{background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:20px;flex-direction:column;gap:16px;padding:28px;display:flex}.details-list{color:var(--on-surface-variant);gap:10px;margin:0;padding:0;list-style:none;display:grid}.details-list li{padding-left:18px;position:relative}.details-list li:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:0}.schedule-item{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.schedule-item:last-child{border-bottom:none}.pass-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.pass-card{background:var(--surface-container-low);border:1px solid #ffffff14;border-radius:22px;flex-direction:column;justify-content:space-between;gap:24px;padding:26px;display:flex}.pass-card.highlight{border-color:var(--primary);background:linear-gradient(135deg,#eebd8e40,#1c1b1bf2)}.pass-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal-backdrop{z-index:20;background:#050505b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface-container-highest);border:1px solid #ffffff1a;border-radius:24px;width:min(520px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 30px 60px #00000073}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-body{flex-direction:column;gap:16px;margin-top:20px;display:flex}.modal-price{margin:0;font-size:32px;font-weight:700}.modal-actions{flex-direction:column;gap:12px;display:flex}.auth-tabs{background:#ffffff0a;border-radius:999px;gap:8px;padding:6px;display:flex}.auth-tab{color:var(--on-surface);background:0 0;border:1px solid #0000;border-radius:999px;flex:auto;padding:8px 12px;font-weight:600}.auth-tab.active{background:#ffffff1f;border-color:#fff3}.admin-shell{min-height:100vh;color:var(--on-background);background:#0c0c0c;grid-template-columns:280px 1fr;display:grid}.admin-sidebar{background:linear-gradient(#131313f2,#0c0c0c);border-right:1px solid #ffffff14;flex-direction:column;gap:28px;padding:28px 22px;display:flex}.admin-brand{align-items:center;gap:12px;display:flex}.admin-nav{flex-direction:column;gap:12px;display:flex}.admin-nav-item{text-align:left;color:var(--on-surface);letter-spacing:.02em;background:#ffffff05;border:1px solid #0000;border-radius:12px;padding:12px 16px;font-weight:600}.admin-nav-item.active,.admin-nav-item:hover{background:#eebd8e1a;border-color:#eebd8e80}.admin-sidebar-footer{margin-top:auto}.admin-main{flex-direction:column;min-width:0;display:flex}.admin-topbar{justify-content:space-between;align-items:flex-start;gap:24px;padding:32px 40px 16px;display:flex}.admin-toggle{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:10px;display:none}.admin-toggle span{background:var(--on-surface);border-radius:999px;width:18px;height:2px;display:block}.admin-overlay{z-index:3;background:#050505b3;position:fixed;inset:0}.admin-content{padding:0 40px 40px}.admin-card{background:var(--surface-container-high);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:12px;padding:26px;display:flex}.admin-card.wide{background:var(--surface-container);grid-column:span 12}.admin-status{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.admin-list{flex-direction:column;gap:24px;display:flex}.admin-list-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-table{flex-direction:column;gap:12px;display:flex}.admin-row{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.admin-row-title{margin:0 0 6px;font-weight:600}.admin-row-meta{align-items:center;gap:12px;display:flex}.admin-modal{width:min(760px,100%)}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-form-span{grid-column:span 2}.admin-form-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.admin-pass-list{gap:16px;display:grid}.admin-pass-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;gap:12px;padding:16px;display:grid}.auth-field textarea,.auth-field select{color:var(--on-surface);background:#00000059;border:1px solid #ffffff1f;border-radius:12px;padding:12px 14px;font-family:inherit}.card-element{background:#00000059;border:1px solid #ffffff1f;border-radius:12px;padding:14px 12px}.auth-page{background:radial-gradient(circle at top,#eebd8e26,#0000 60%),#0b0b0b;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-card{background:var(--surface-container-high);border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:24px;width:min(480px,100%);padding:32px;display:flex}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:8px;font-weight:600;display:flex}.auth-field input{color:var(--on-surface);background:#00000059;border:1px solid #ffffff1f;border-radius:12px;padding:12px 14px}.auth-field input:focus{outline-offset:2px;outline:2px solid #ffdb3c99}.auth-error{color:#ffb4ab;margin:0;font-size:14px}.player-page{min-height:100vh;color:var(--on-background);background:radial-gradient(circle at 0 0,#eebd8e1f,#0000 50%),#0c0c0c}.player-header{padding:40px 0 20px}.player-header-inner{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.player-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.player-grid{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}.player-video{flex-direction:column;gap:16px;display:flex}.video-placeholder{aspect-ratio:16/9;color:var(--on-surface-variant);background:linear-gradient(135deg,#ffdb3c14,#0e0e0ee6);border:1px solid #ffffff14;border-radius:20px;justify-content:center;align-items:center;font-weight:600;display:flex}.video-footer{flex-wrap:wrap;gap:10px;display:flex}.player-panel{background:var(--surface-container-high);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.affiliate-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:32px;display:grid}.affiliate-grid>div:first-child{grid-column:span 6}.affiliate-card{border:1px solid var(--outline-variant);background:var(--surface-container-high);border-radius:22px;flex-direction:column;grid-column:span 6;gap:18px;padding:28px;display:flex}.affiliate-link{word-break:break-all;margin:0;font-size:18px;font-weight:600}.affiliate-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.site-footer{border-top:1px solid var(--outline-variant);padding:60px 0}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links a{color:var(--on-surface);text-decoration:none}.footer-cta{flex-direction:column;align-items:flex-start;gap:12px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.header-inner{flex-direction:column;align-items:flex-start}.site-nav{background:#ffffff0a;border-radius:16px;flex-wrap:wrap;gap:10px;width:100%;padding:10px 12px;display:none}.site-nav a{text-align:center;background:#ffffff0d;border-radius:999px;flex:auto;padding:8px 10px;font-size:12px}.site-nav.is-open{display:flex}.user-toggle{display:inline-flex}.header-actions{width:100%}.header-actions .button{flex:auto}.hero-grid,.admin-grid,.affiliate-grid{grid-template-columns:1fr}.hero-content,.hero-card,.admin-grid>div:first-child,.admin-panel,.affiliate-grid>div:first-child,.affiliate-card{grid-column:auto}.hero-meta,.event-grid,.details-grid,.pass-grid,.steps,.footer-grid,.player-grid,.admin-status-grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.admin-topbar,.player-header-inner{flex-direction:column}.admin-shell{grid-template-columns:1fr}.admin-toggle{display:inline-flex}.admin-sidebar{z-index:5;width:260px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-110%)}.admin-sidebar.is-open{transform:translate(0)}.admin-main{z-index:1;position:relative}.admin-list-head{flex-direction:column;align-items:flex-start}.admin-form-grid{grid-template-columns:1fr}.admin-form-span{grid-column:auto}}@media (width<=720px){.container{width:min(1200px, calc(100% - (var(--container-margin-mobile) * 2)))}.hero{padding-top:60px}.header-inner{padding:16px 0}.brand-title{font-size:18px}.brand-subtitle{font-size:10px}.site-nav{gap:8px;padding:8px 10px}.site-nav a{padding:6px 8px;font-size:11px}.header-actions .button{padding:10px 14px;font-size:11px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{flex-direction:column}}.flip-countdown{width:min(100%,36rem);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:.85rem;padding:0;display:inline-flex}.flip-countdown-heading{letter-spacing:.32em;text-transform:uppercase;color:#fff3cf;text-shadow:0 1px #000000ad,0 0 14px #ffd6662e;font-size:.82rem;font-weight:800}.flip-countdown-row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(.3rem,1.2vw,.65rem);width:100%;display:grid}.flip-countdown-unit{flex-direction:column;align-items:center;gap:.45rem;min-width:0;display:flex}.flip-countdown-card{--flip-card-height:clamp(3.4rem, 11vw, 4.35rem);--flip-digit-size:calc(var(--flip-card-height) * .88);--flip-digit-shift:3%;width:100%;height:var(--flip-card-height);perspective:900px;background:linear-gradient(#75757538,#0000 18%),linear-gradient(#535353 0%,#222 46%,#090909 100%);border:1px solid #ffffff1f;border-radius:clamp(.7rem,2vw,1rem);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff26,inset 0 -10px 18px #0000008c,0 8px 22px #0000004d}.flip-countdown-half,.flip-countdown-flap{position:absolute;inset:0;overflow:hidden}.flip-countdown-half--top,.flip-countdown-flap--top{clip-path:inset(0 0 50% round clamp(.7rem,2vw,1rem) clamp(.7rem,2vw,1rem) 0 0);background:linear-gradient(#ffffff2e,#ffffff05 18%,#0000 28%),linear-gradient(#5b5b5b 0%,#383838 78%,#2d2d2d 100%)}.flip-countdown-half--bottom,.flip-countdown-flap--bottom{clip-path:inset(50% 0 0 round 0 0 clamp(.7rem,2vw,1rem) clamp(.7rem,2vw,1rem));background:linear-gradient(#ffffff0a,#0000 20%),linear-gradient(#292929 0%,#141414 72%,#090909 100%)}.flip-countdown-digit{width:100%;height:var(--flip-card-height);font-family:Bebas Neue,Oswald,Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:var(--flip-digit-size);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#f5f5f5;text-shadow:0 1px #ffffff2e,0 3px 10px #0000006b;transform:translateY(var(--flip-digit-shift));justify-content:center;align-items:center;padding-inline:0;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.flip-countdown-seam{z-index:4;background:linear-gradient(90deg,#0000,#ffffff0d 18%,#00000042 36%,#0000005c 50%,#00000042 64%,#ffffff0d 82%,#0000);border-radius:999px;height:3px;position:absolute;top:calc(50% - 1.5px);left:12%;right:12%;box-shadow:0 1px #ffffff0a,0 -1px #00000038,0 0 8px #00000024}.flip-countdown-card:before,.flip-countdown-card:after{content:"";z-index:5;background:radial-gradient(circle at 35% 35%,#5f5f5f,#111);border-radius:999px;width:.4rem;height:.4rem;position:absolute;top:calc(50% - .22rem);box-shadow:inset 0 1px 1px #ffffff29}.flip-countdown-card:before{left:.3rem}.flip-countdown-card:after{right:.3rem}.flip-countdown-flap{z-index:6;backface-visibility:hidden;will-change:transform}.flip-countdown-flap--top{z-index:7;animation:.22s cubic-bezier(.4,0,.2,1) forwards flip-countdown-top-slide}.flip-countdown-flap--bottom{z-index:6;animation:.22s cubic-bezier(.2,.7,.2,1) .22s forwards flip-countdown-bottom-slide;transform:translateY(50%)}.flip-countdown-label{letter-spacing:.18em;text-transform:uppercase;color:#f0d18a;text-align:center;white-space:nowrap;text-shadow:0 1px #000000b3,0 0 10px #ffd18a26;font-size:clamp(.52rem,1.8vw,.74rem);font-weight:800}@keyframes flip-countdown-top-slide{0%{filter:brightness();transform:translateY(0%)}to{filter:brightness(.8);transform:translateY(-50%)}}@keyframes flip-countdown-bottom-slide{0%{filter:brightness(1.08);transform:translateY(50%)}to{filter:brightness();transform:translateY(0%)}}@media (width<=640px){.flip-countdown{gap:.55rem;padding:0}.flip-countdown-heading{letter-spacing:.2em;font-size:.68rem}.flip-countdown-row,.flip-countdown-unit{gap:.28rem}.flip-countdown-card{--flip-card-height:clamp(3rem, 17vw, 3.5rem);--flip-digit-size:calc(var(--flip-card-height) * .84);--flip-digit-shift:2%}.flip-countdown-digit{font-size:var(--flip-digit-size)}.flip-countdown-card:before,.flip-countdown-card:after{width:.28rem;height:.28rem;top:calc(50% - .14rem)}}@media (prefers-reduced-motion:reduce){.flip-countdown-flap--top,.flip-countdown-flap--bottom{animation:none}}:root.light .flip-countdown{box-shadow:none;background:0 0;border:none}:root.light .flip-countdown-heading{color:#7c5c1c;text-shadow:none}:root.light .flip-countdown-card{background:linear-gradient(#ffffffe6,#0000 18%),linear-gradient(#eef2f7 0%,#d6dde7 48%,#c7d0db 100%);border-color:#0f172a1f;box-shadow:inset 0 1px #ffffffe6,inset 0 -10px 18px #94a3b82e,0 8px 22px #0f172a1f}:root.light .flip-countdown-face,:root.light .flip-countdown-flap{color:#18212f;text-shadow:0 1px #ffffffe6}:root.light .flip-countdown-face--top,:root.light .flip-countdown-flap--top{background:linear-gradient(#ffffffe6,#ffffff40 20%,#0000 32%),linear-gradient(#eef3f9 0%,#dfe7f1 84%,#d4dde8 100%)}:root.light .flip-countdown-face--bottom,:root.light .flip-countdown-flap--bottom{background:linear-gradient(#fff3,#0000 18%),linear-gradient(#d9e2ec 0%,#cbd5e1 72%,#bcc8d5 100%)}:root.light .flip-countdown-label{color:#8b6c2d}.sf-player-container{aspect-ratio:16/9;background-color:#000;border:1px solid #ffffff14;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.sf-player-video{object-fit:contain;cursor:pointer;width:100%;height:100%}.sf-player-overlay{z-index:10;background:linear-gradient(#0000004d 0%,#0000 30% 70%,#000000b3 100%);flex-direction:column;justify-content:space-between;transition:opacity .3s;display:flex;position:absolute;inset:0}.sf-player-controls-top{pointer-events:auto;justify-content:space-between;align-items:center;padding:16px;display:flex}.sf-player-title{color:#fff;text-shadow:0 2px 4px #000c;margin:0;font-size:16px;font-weight:600}.sf-player-live-badge{color:#fff;letter-spacing:.05em;background:#ef4444;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.sf-player-live-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s infinite sf-pulse}@keyframes sf-pulse{0%,to{opacity:1}50%{opacity:.4}}.sf-player-controls-bottom{pointer-events:auto;flex-direction:column;gap:12px;padding:16px;display:flex}.sf-player-progress-bar-container{cursor:pointer;background:#fff3;border-radius:2px;height:4px;transition:height .2s;position:relative}.sf-player-progress-bar-container:hover{height:6px}.sf-player-progress-buffer{background:#ffffff4d;border-radius:2px;position:absolute;top:0;bottom:0;left:0}.sf-player-progress-current{background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 8px #06b6d480}.sf-player-progress-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sf-player-controls-row{justify-content:space-between;align-items:center;display:flex}.sf-player-controls-left{align-items:center;gap:16px;display:flex}.sf-player-controls-right{align-items:center;gap:12px;display:flex}.sf-player-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:color .2s,background-color .2s;display:flex}.sf-player-btn:hover{color:#06b6d4;background-color:#06b6d41a}.sf-player-volume-container{align-items:center;gap:8px;display:flex}.sf-player-volume-slider{cursor:pointer;border-radius:2px;outline:none;width:80px;height:4px}.sf-player-volume-value{color:#d1d5db;min-width:32px;font-family:monospace;font-size:11px}.sf-player-time-display{color:#fff;background:#0006;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:12px}.sf-player-spinner-overlay{z-index:20;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sf-player-spinner{border:4px solid #06b6d433;border-top-color:#06b6d4;border-radius:50%;width:48px;height:48px;animation:1s linear infinite sf-spin}@keyframes sf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sf-player-casting-overlay{z-index:30;text-align:center;background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sf-player-casting-content{flex-direction:column;align-items:center;gap:12px;display:flex}.sf-player-casting-icon{color:#06b6d4;width:64px;height:64px;animation:1.5s infinite sf-pulse}.sf-player-countdown-overlay{z-index:35;background:#000000bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sf-player-notice{text-align:center;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;margin-bottom:16px;padding:12px}.sf-player-notice-text{color:#f87171;margin:0;font-size:13px;font-weight:700}.sf-player-channels-container{background:linear-gradient(135deg,#1e293b66,#0f172a66);border:1px solid #ffffff14;border-radius:12px;margin-bottom:16px;padding:12px}.sf-player-channels-inner{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sf-player-channels-label{color:#d1d5db;font-size:13px;font-weight:600}.sf-player-channel-btn{cursor:pointer;border:1px solid #ffffff14;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.sf-player-channel-btn.active{color:#fff;background:linear-gradient(90deg,#06b6d4,#2563eb);transform:scale(1.03);box-shadow:0 4px 12px #06b6d44d}.sf-player-channel-btn.inactive{color:#d1d5db;background:#ffffff0d}.sf-player-channel-btn.inactive:hover{color:#fff;background:#ffffff1a}.sf-player-quality-menu{z-index:50;background:#000000f2;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;gap:4px;min-width:100px;padding:6px;display:flex;position:absolute;bottom:40px;right:0;box-shadow:0 10px 25px #0009}.sf-player-quality-btn{text-align:left;cursor:pointer;color:#d1d5db;border:none;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .2s}.sf-player-quality-btn:hover{color:#fff;background:#ffffff1a}.sf-player-quality-btn.active{color:#fff;background:#06b6d4;font-weight:700}