:root{--bg-dark: #0b0d17;--bg-card: rgba(22, 26, 46, .75);--bg-card-hover: rgba(30, 36, 64, .9);--bg-header: rgba(13, 16, 32, .92);--bg-input: rgba(18, 22, 41, .95);--neon-magenta: #e02678;--neon-magenta-glow: rgba(224, 38, 120, .4);--neon-cyan: #00f2fe;--neon-cyan-glow: rgba(0, 242, 254, .35);--neon-purple: #7928ca;--neon-flame: #ff5500;--neon-flame-glow: rgba(255, 85, 0, .4);--gold-accent: #ffb703;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--border-light: rgba(255, 255, 255, .1);--border-glow: rgba(0, 242, 254, .3);--glass-blur: blur(16px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-main: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-neon: 0 0 20px rgba(224, 38, 120, .25);--font-family: "Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-text-size-adjust:100%!important}html,body,.tv-stage-container{-webkit-text-size-adjust:100%!important;touch-action:manipulation}body{background-color:var(--bg-dark);background-image:radial-gradient(circle at 10% 10%,rgba(121,40,202,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,242,254,.12) 0%,transparent 40%);background-attachment:fixed;color:var(--text-main);font-family:var(--font-family);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neon-magenta)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.tv-pin-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ffb70326;border:1px solid rgba(255,183,3,.4);color:var(--gold-accent);padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.8rem}.tv-unlock-audio-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at center,rgba(0,242,254,.12) 0%,transparent 70%)}.unlock-audio-card{background:#12162df2;border:2px solid var(--neon-cyan);border-radius:var(--radius-lg);padding:2.5rem 2rem;max-width:580px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 0 40px #00f2fe40;animation:popIn .3s ease-out}.unlock-audio-card h2{font-size:1.5rem;font-weight:800;color:#fff}.unlock-audio-card p{font-size:.95rem;color:var(--text-muted);line-height:1.5}.btn-unlock-audio-giant{background:linear-gradient(135deg,var(--neon-magenta),var(--neon-purple))!important;font-size:1.05rem!important;padding:1.15rem 1.75rem!important;border-radius:var(--radius-md)!important;box-shadow:0 0 25px var(--neon-magenta-glow)!important;width:100%;letter-spacing:.5px}.btn-unlock-audio-giant:hover{transform:scale(1.03)}.tv-unlock-hint{font-size:.85rem;color:var(--gold-accent)}.room-pin-bar{display:flex;align-items:center;justify-content:space-between;background:#ffb70314;border:1px solid rgba(255,183,3,.3);border-radius:var(--radius-md);padding:.55rem .85rem;margin-bottom:.85rem}.pin-input-group{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:#ffe8ad}.pin-input-field{background:#0006;border:1px solid var(--gold-accent);color:var(--gold-accent);font-family:monospace;font-size:1rem;font-weight:800;width:70px;text-align:center;padding:.2rem .4rem;border-radius:var(--radius-sm);outline:none}.pin-help-text{font-size:.75rem;color:#10b981;font-weight:700}.btn-secondary-subtle{background:#ffffff14;border:1px solid var(--border-light);color:#fff;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.btn-secondary-subtle:hover{background:#ffffff2e}.tv-receiver-backdrop{background:#05070e!important;padding:0!important;overflow:hidden}.tv-cinema-mode{cursor:none}.tv-stage-container{width:100vw;height:100vh;background:#080a14;display:flex;flex-direction:column;color:#fff;overflow:hidden;position:relative}.tv-stage-header{padding:.85rem 1.75rem;background:#0d1020fa;border-bottom:1px solid rgba(0,242,254,.3);display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 15px #00000080;z-index:30;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .35s ease}.tv-stage-header.tv-header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.tv-brand{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tv-brand h2{font-size:1.15rem;font-weight:800;letter-spacing:.5px;display:flex;align-items:center;gap:.4rem}.tv-brand-sub{color:var(--neon-cyan);font-weight:700}.tv-pin-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ffb7031f;border:1px solid rgba(255,183,3,.45);color:#fff;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.8rem}.tv-pin-badge strong{color:var(--gold-accent);letter-spacing:1px}.tv-controls-actions{display:flex;align-items:center;gap:.6rem}.tv-action-btn{display:inline-flex;align-items:center;gap:.45rem;background:#00f2fe1f;border:1px solid rgba(0,242,254,.35);color:var(--neon-cyan);padding:.45rem .85rem;border-radius:var(--radius-md);font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s ease}.tv-action-btn:hover{background:var(--neon-cyan);color:#0b0d17}.tv-stage-body{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.tv-video-player-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:#000;display:flex;align-items:center;justify-content:center}.tv-iframe-player{width:100%;height:100%;flex:1;min-height:0;border:none;display:block;background:#000}.tv-video-overlay-banner-top{position:absolute;top:1rem;left:1.25rem;right:1.25rem;background:#0b0e1cf0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(224,38,120,.4);border-radius:var(--radius-lg);padding:.65rem 1.15rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:0 8px 30px #000000bf;z-index:25;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .35s ease}.tv-video-overlay-banner-top.tv-overlay-hidden{transform:translateY(-25px);opacity:0;pointer-events:none}.tv-banner-header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.tv-top-meta-header{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;min-width:0}.tv-badge-live{font-size:.7rem;font-weight:800;color:#ff334b;background:#ff334b2e;border:1px solid rgba(255,51,75,.4);padding:.15rem .5rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.tv-badge-pin-compact{font-size:.7rem;background:#00f2fe26;border:1px solid rgba(0,242,254,.35);color:var(--neon-cyan);padding:.15rem .5rem;border-radius:var(--radius-full);font-weight:700;display:inline-flex;align-items:center;white-space:nowrap}.tv-badge-pin-compact strong{color:#fff;margin-left:.15rem}.tv-song-meta{width:100%;min-width:0}.tv-song-title{font-size:1.15rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.3}.tv-next-song-hint{display:block;font-size:.8rem;color:var(--gold-accent);margin-top:.15rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-overlay-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.tv-btn-compact{padding:.45rem .85rem!important;font-size:.8rem!important}.btn-pocket-mode{background:#a855f726!important;border-color:#a855f773!important;color:#c084fc!important}.btn-pocket-mode:hover{background:#a855f7!important;color:#fff!important;box-shadow:0 0 15px #a855f780}.btn-reload-player{background:#ffffff14!important;border-color:#ffffff40!important;color:#f1f5f9!important}.btn-reload-player:hover{background:#ffffff40!important;color:#fff!important}.btn-next-song{background:#00f2fe26!important;border-color:#00f2fe73!important;color:#00f2fe!important}.btn-next-song:hover{background:#00f2fe!important;color:#0b0d17!important;box-shadow:0 0 15px #00f2fe80}.btn-stop-tv-stage{background:#ef444426;border:1px solid rgba(239,68,68,.45);color:#fca5a5;padding:.45rem .85rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease;white-space:nowrap}.btn-stop-tv-stage:hover{background:#ef4444;color:#fff;box-shadow:0 0 15px #ef444480}.btn-exit-stage-prominent{background:linear-gradient(135deg,#ef444459,#e0267859);border:1px solid rgba(239,68,68,.85);color:#fff;padding:.45rem .95rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;box-shadow:0 0 15px #ef444459;transition:all .2s ease;white-space:nowrap}.btn-exit-stage-prominent:hover{background:#ef4444;border-color:#dc2626;color:#fff;transform:translateY(-1px);box-shadow:0 0 20px #ef444499}@media (max-width: 900px){.btn-exit-stage-prominent .tv-btn-text{display:none!important}.btn-exit-stage-prominent{padding:0!important;width:36px!important;height:36px!important;min-width:36px!important;justify-content:center!important;border-radius:10px!important;gap:0!important}}.tv-curtains-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20;overflow:hidden;display:flex}.tv-curtain-valance{position:absolute;top:0;left:0;width:100%;height:52px;background:linear-gradient(180deg,#091535,#1e3a8a 60%,#172554);box-shadow:0 8px 25px #000000d9;z-index:23;pointer-events:none;transition:transform 2.2s cubic-bezier(.22,1,.36,1);will-change:transform}.tv-curtain-panel{position:absolute;top:0;width:50.5%;height:100%;z-index:21;background:repeating-linear-gradient(90deg,#060c21,#172554 25px,#1e40af,#2563eb,#1d4ed8 115px,#0f172a 150px,#060c21 180px);box-shadow:inset 0 0 80px #000000e6,0 0 40px #000000f2;transition:transform 3.5s ease-in-out;will-change:transform}.tv-curtain-left{left:0;border-right:2px solid rgba(0,0,0,.6)}.tv-curtain-right{right:0;border-left:2px solid rgba(0,0,0,.6)}.curtain-shadow-fold{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.6) 100%)}.tv-curtains-container.curtain-open .tv-curtain-panel,.tv-curtains-container.curtain-open .tv-curtain-valance{transition:transform 2.2s cubic-bezier(.22,1,.36,1)}.tv-curtains-container.curtain-open .tv-curtain-left{transform:translate(-102%)}.tv-curtains-container.curtain-open .tv-curtain-right{transform:translate(102%)}.tv-curtains-container.curtain-open .tv-curtain-valance{transform:translateY(-100%)}.tv-waiting-stage{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;text-align:center;background:radial-gradient(ellipse at top,#00f2fe26,#e026781f 35%,#060c21eb 75%,#050814);overflow-y:auto;z-index:30;transition:opacity .5s ease,transform .5s ease}.tv-waiting-stage.overlay-hidden{opacity:0;visibility:hidden!important;pointer-events:none;transform:scale(.96);transition:opacity .5s ease,transform .5s ease,visibility .5s}.tv-waiting-stage.overlay-hidden *{animation:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important;box-shadow:none!important}.icon-spotify-mint,.text-spotify-mint{color:#1ed760!important}.spin-slow-gentle{animation:spinSlowGentle 12s linear infinite}@keyframes spinSlowGentle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.waiting-graphic{position:relative;margin-bottom:.85rem}.waiting-mic-circle.waiting-mic-spotify{width:clamp(76px,6.5vw,110px);height:clamp(76px,6.5vw,110px);background:radial-gradient(circle,#1ed76038,#090e1ed9);border:3px solid #1ed760;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 35px #1ed7608c,inset 0 0 20px #1ed76033}.spin-slow{animation:spinSlow 8s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.waiting-title.waiting-title-bright{font-size:clamp(2rem,3.2vw,3.4rem);font-weight:900;letter-spacing:-.5px;margin-bottom:.4rem;color:#fff!important;background:none!important;-webkit-text-fill-color:#ffffff!important;filter:none!important;text-shadow:0 0 30px rgba(30,215,96,.4),0 2px 10px rgba(0,0,0,.95)}.waiting-subtitle{font-size:clamp(.95rem,1.2vw,1.4rem);color:#e2e8f0;font-weight:600;max-width:clamp(520px,60vw,840px);line-height:1.4;margin-bottom:clamp(1rem,1.6vw,1.8rem);text-shadow:0 2px 8px rgba(0,0,0,.9)}.tv-waiting-card-grid{display:flex;gap:clamp(1.2rem,2.2vw,2.8rem);align-items:stretch;justify-content:center;max-width:clamp(740px,72vw,1160px);width:95%;margin-bottom:clamp(1rem,1.6vw,1.8rem)}.tv-waiting-qr-card{background:#0b132beb;border:2px solid rgba(30,215,96,.55);border-radius:clamp(16px,1.8vw,26px);padding:clamp(1rem,1.6vw,2rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.6rem,1vw,1rem);box-shadow:0 14px 45px #000000d9,0 0 25px #1ed76033}.tv-qr-box{background:#fff;padding:clamp(.75rem,1.2vw,1.5rem);border-radius:clamp(14px,1.4vw,22px);box-shadow:0 8px 30px #000c;display:flex;align-items:center;justify-content:center}.tv-stage-qr-img{width:clamp(190px,19vw,320px);height:clamp(190px,19vw,320px);display:block;border-radius:6px}.tv-qr-badge{display:flex;align-items:center;gap:.5rem;font-size:clamp(.85rem,1.1vw,1.25rem);color:#1ed760;font-weight:800;text-shadow:0 0 10px rgba(30,215,96,.6)}.tv-waiting-info-card{flex:1;background:#0b132beb;border:2px solid rgba(255,255,255,.15);border-radius:clamp(16px,1.8vw,26px);padding:clamp(1.2rem,2vw,2.6rem);display:flex;flex-direction:column;justify-content:center;gap:clamp(.8rem,1.4vw,1.6rem);text-align:left;box-shadow:0 14px 45px #000000d9}.tv-stage-pin-highlight{background:linear-gradient(135deg,#1ed7601f,#ffb7031a);border:2px solid #ffd700;border-radius:clamp(12px,1.2vw,18px);padding:clamp(.6rem,1.2vw,1.4rem);text-align:center;box-shadow:0 0 25px #ffd70059}.tv-pin-label{font-size:clamp(.75rem,.95vw,1.1rem);color:gold;letter-spacing:2px;font-weight:800;display:block;margin-bottom:.2rem;text-shadow:0 0 8px rgba(255,215,0,.6)}.tv-pin-number-giant{font-size:clamp(2.8rem,4.4vw,5.4rem);font-weight:900;color:#fff;letter-spacing:clamp(4px,.8vw,10px);font-family:monospace;text-shadow:0 0 20px rgba(30,215,96,.6),0 2px 6px #000;line-height:1}.tv-waiting-steps{display:flex;flex-direction:column;gap:clamp(.6rem,1vw,1.15rem)}.tv-step-item{display:flex;align-items:center;gap:clamp(.6rem,1vw,1.2rem);font-size:clamp(.95rem,1.25vw,1.45rem);color:#f1f5f9;font-weight:600;line-height:1.35;text-shadow:0 1px 4px rgba(0,0,0,.9)}.tv-step-item strong{color:#1ed760;font-weight:800}.tv-step-num{width:clamp(24px,2.2vw,36px);height:clamp(24px,2.2vw,36px);border-radius:50%;background:#1ed760;color:#0b0d17;font-size:clamp(.85rem,1.1vw,1.2rem);font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 12px #1ed760b3}.tv-status-footer-clean{display:inline-flex;align-items:center;gap:.75rem;background:#0b132bb3;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;padding:clamp(.4rem,.8vw,.75rem) clamp(1rem,1.6vw,1.8rem);border-radius:var(--radius-full);font-size:clamp(.82rem,1vw,1.15rem);font-weight:600;box-shadow:0 4px 15px #00000080}.tv-pulse-green-dot{width:10px;height:10px;border-radius:50%;background:#1ed760;box-shadow:0 0 12px #1ed760;animation:pulseGreenDot 2s infinite ease-in-out;flex-shrink:0}@keyframes pulseGreenDot{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.4);opacity:1}}.tv-call-to-stage-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at center,#101c36f2,#060a18fa);z-index:40}.tv-call-card{max-width:clamp(540px,58vw,860px);width:92%;background:#0d162df2;border:2px solid rgba(30,215,96,.5);border-radius:clamp(20px,2vw,32px);padding:clamp(1.6rem,2.5vw,3.2rem);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 20px 60px #000000e6,0 0 45px #1ed76040;animation:scaleIn .4s cubic-bezier(.16,1,.3,1)}.tv-call-mic-wrapper{margin-bottom:.8rem}.tv-call-badge-header{display:inline-block;background:#1ed76026;border:1px solid rgba(30,215,96,.4);color:#1ed760;font-size:clamp(.78rem,1vw,1.1rem);font-weight:800;padding:.35rem 1rem;border-radius:var(--radius-full);letter-spacing:1px;margin-bottom:1rem}.tv-call-singer-block{margin-bottom:1rem}.tv-call-singer-label{font-size:clamp(.75rem,.9vw,1rem);color:#94a3b8;letter-spacing:2px;font-weight:800;display:block;margin-bottom:.3rem}.tv-call-singer-name{font-size:clamp(2.2rem,3.8vw,4.2rem);font-weight:900;color:#fff;line-height:1.1;text-shadow:0 0 30px rgba(255,255,255,.4);margin:0 0 .5rem}.tv-call-table-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ffb70333;border:1.5px solid #ffd700;color:gold;font-size:clamp(.85rem,1.1vw,1.3rem);font-weight:800;padding:.3rem .9rem;border-radius:var(--radius-full)}.tv-call-song-info{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:clamp(1rem,1.4vw,1.6rem);color:#e2e8f0;font-weight:700;margin-bottom:1.2rem;max-width:90%}.tv-call-song-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-call-timer-box{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#00000073;border:1px solid rgba(255,255,255,.12);border-radius:clamp(14px,1.4vw,20px);padding:clamp(.7rem,1.2vw,1.4rem) clamp(1.4rem,2.2vw,2.8rem);margin-bottom:1.3rem}.tv-call-timer-giant{font-size:clamp(2.4rem,3.8vw,4.4rem);font-weight:900;font-family:monospace;color:#1ed760;letter-spacing:3px;text-shadow:0 0 25px rgba(30,215,96,.7);line-height:1}.tv-call-timer-sub{font-size:clamp(.8rem,1vw,1.15rem);color:#94a3b8;font-weight:600}.btn-call-stage-start-now{display:inline-flex;align-items:center;gap:.65rem;background:#1ed760;color:#0b0d17;border:none;font-size:clamp(.95rem,1.25vw,1.4rem);font-weight:900;padding:clamp(.75rem,1.2vw,1.2rem) clamp(1.4rem,2vw,2.4rem);border-radius:var(--radius-full);cursor:pointer;box-shadow:0 0 30px #1ed76099;transition:all .2s ease}.btn-call-stage-start-now:hover,.btn-call-stage-start-now:focus{background:#22f16d;transform:scale(1.04);box-shadow:0 0 45px #1ed760e6}.tv-stage-corner-qr{position:absolute;bottom:clamp(1.2rem,2vw,2.8rem);right:clamp(1.2rem,2vw,2.8rem);background:#0b132beb;border:1.5px solid rgba(30,215,96,.45);border-radius:16px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.45rem;box-shadow:0 10px 30px #000000d9,0 0 20px #1ed76033;z-index:42;animation:fadeIn .5s ease}.tv-corner-qr-box{background:#fff;padding:.4rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.tv-corner-qr-img{width:clamp(90px,8.5vw,130px);height:clamp(90px,8.5vw,130px);display:block}.tv-corner-qr-meta{display:flex;flex-direction:column;align-items:center;line-height:1.2}.tv-corner-qr-label{font-size:.72rem;color:#94a3b8;font-weight:600}.tv-corner-qr-pin{font-size:.8rem;color:#1ed760;font-weight:800}.tv-icon-only-btn{width:38px;height:38px;border-radius:var(--radius-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.tv-icon-only-btn:hover,.tv-icon-only-btn:focus,.tv-icon-only-btn.active{background:#1ed76040;border-color:#1ed760;color:#1ed760}.tv-gear-menu-container{position:relative}.tv-gear-popover{position:absolute;top:calc(100% + 8px);right:0;width:290px;background:#0f172afa;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:.8rem;box-shadow:0 10px 35px #000000d9;z-index:50}.tv-gear-popover-header{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.tv-gear-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px}.tv-gear-popover-body{display:flex;flex-direction:column;gap:.4rem}.tv-gear-item-btn{display:flex;align-items:center;gap:.6rem;width:100%;padding:.65rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;font-size:.82rem;font-weight:700;cursor:pointer;text-align:left;transition:all .2s ease}.tv-gear-item-btn:hover{background:#1ed7602e;border-color:#1ed760;color:#fff}.tv-badge-singer-live{font-size:.74rem;background:#1ed76033;border:1px solid rgba(30,215,96,.5);color:#fff;padding:.15rem .6rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:.35rem}@media (max-height: 720px){.tv-waiting-stage{padding:.5rem;justify-content:center}.waiting-graphic{margin-bottom:.3rem}.waiting-mic-circle.waiting-mic-spotify{width:64px;height:64px}.waiting-mic-circle.waiting-mic-spotify svg{width:36px;height:36px}.waiting-title.waiting-title-bright{font-size:1.65rem;margin-bottom:.15rem}.waiting-subtitle{font-size:.9rem;margin-bottom:.65rem;max-width:620px}.tv-waiting-card-grid{gap:1.2rem;max-width:760px;margin-bottom:.65rem}.tv-waiting-qr-card{padding:.85rem;gap:.5rem}.tv-qr-box{padding:.6rem}.tv-stage-qr-img{width:190px;height:190px}.tv-stage-pin-highlight{padding:.45rem .8rem;margin-bottom:.2rem}.tv-pin-number-giant{font-size:2.8rem;letter-spacing:4px}.tv-waiting-steps{gap:.5rem}.tv-step-item{font-size:.95rem;gap:.6rem}.tv-step-num{width:22px;height:22px;font-size:.8rem}.tv-stage-header{padding:.5rem 1.2rem}}@media (min-width: 1440px) and (min-height: 850px){.tv-waiting-card-grid{max-width:1120px;gap:2.8rem}.tv-stage-qr-img{width:320px;height:320px}.tv-qr-box{padding:1.4rem}.tv-pin-number-giant{font-size:5rem;letter-spacing:8px}.tv-step-item{font-size:1.35rem;gap:1.1rem}.tv-step-num{width:34px;height:34px;font-size:1.15rem}.waiting-title.waiting-title-bright{font-size:3.2rem}.waiting-subtitle{font-size:1.35rem}.tv-call-card{max-width:820px;padding:3rem}.tv-call-singer-name{font-size:3.8rem}.tv-call-timer-giant{font-size:4.5rem}}.tv-stage-terminated-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#05070e;z-index:99999;display:flex;align-items:center;justify-content:center;padding:2rem;color:#fff;text-align:center}.tv-terminated-card{background:#0b132b;border:2px solid rgba(0,242,254,.4);border-radius:16px;padding:2.5rem 2rem;max-width:580px;width:100%;display:flex;flex-direction:column;align-items:center;box-shadow:0 20px 50px #000000e6,0 0 30px #00f2fe33}.tv-terminated-icon-box{width:84px;height:84px;border-radius:50%;background:#00f2fe1f;border:2px solid #00f2fe;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;box-shadow:0 0 25px #00f2fe66}.tv-terminated-title{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:.75rem;text-shadow:0 0 15px rgba(0,242,254,.5)}.tv-terminated-desc{font-size:1.05rem;color:#cbd5e1;line-height:1.5;margin-bottom:1.25rem}.tv-terminated-hint-box{background:#ffb7031a;border:1px solid rgba(255,183,3,.35);color:gold;padding:.85rem 1.25rem;border-radius:10px;font-size:.95rem;font-weight:600;margin-bottom:1.75rem;line-height:1.4}.tv-terminated-actions{display:flex;gap:1rem;width:100%;justify-content:center}.tv-btn-exit-now{padding:.85rem 1.75rem;font-size:1rem;font-weight:800;background:#ef4444!important;border-color:#dc2626!important;box-shadow:0 0 20px #ef444480;cursor:pointer}.tv-btn-exit-now:hover{background:#dc2626!important}.tv-btn-reopen{padding:.85rem 1.5rem;font-size:.95rem;font-weight:700;cursor:pointer}@media (max-width: 900px){.tv-stage-header{padding:.5rem .75rem}.tv-brand h2{font-size:.95rem}.tv-brand-sub{display:none}.tv-pin-badge{padding:.2rem .5rem;font-size:.75rem}.tv-controls-actions{gap:.4rem}.tv-action-btn{padding:.45rem .65rem}.tv-video-overlay-banner-top{top:.5rem;left:.5rem;right:.5rem;padding:.5rem .75rem;gap:.35rem;border-radius:12px}.tv-banner-header-row{gap:.45rem}.tv-top-meta-header{gap:.35rem}.tv-badge-live,.tv-badge-pin-compact,.tv-badge-singer-live{font-size:.68rem!important;padding:.12rem .45rem!important}.tv-song-title{font-size:.95rem;max-width:100%}.tv-next-song-hint{font-size:.75rem}.tv-overlay-actions{gap:.35rem}.tv-btn-text{display:none}.tv-action-btn,.tv-btn-compact,.btn-stop-tv-stage,.btn-exit-stage-prominent{padding:0!important;width:34px!important;height:34px!important;min-width:34px!important;justify-content:center!important;border-radius:9px!important;font-size:.8rem!important}.waiting-title{font-size:1.5rem}.tv-waiting-card-grid{flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.tv-waiting-info-card{width:100%}}@media (max-width: 480px){.tv-video-overlay-banner-top{padding:.4rem .55rem;gap:.25rem}.tv-top-meta-header{gap:.25rem}.tv-badge-live,.tv-badge-pin-compact,.tv-badge-singer-live{font-size:.62rem!important;padding:.1rem .35rem!important}.tv-song-title{font-size:.88rem}.tv-next-song-hint{font-size:.7rem}.tv-overlay-actions{gap:.25rem}.tv-action-btn,.tv-btn-compact,.btn-stop-tv-stage,.btn-exit-stage-prominent{width:30px!important;height:30px!important;min-width:30px!important;border-radius:8px!important}}@media (max-height: 520px) and (orientation: landscape){.tv-video-overlay-banner-top{top:.35rem;left:.5rem;right:.5rem;padding:.35rem .65rem;gap:.2rem}.tv-song-title{font-size:.85rem}.tv-next-song-hint{font-size:.7rem;margin-top:.1rem}.tv-action-btn,.tv-btn-compact,.btn-stop-tv-stage,.btn-exit-stage-prominent{width:28px!important;height:28px!important;min-width:28px!important}.tv-stage-header{padding:.35rem .75rem}.waiting-graphic{display:none}.waiting-title{font-size:1.3rem;margin-bottom:.2rem}.waiting-subtitle{font-size:.8rem;margin-bottom:.5rem}.tv-waiting-card-grid{flex-direction:row;gap:1rem;margin-bottom:.6rem}.tv-stage-qr-img{width:105px;height:105px}.tv-pin-number-giant{font-size:1.5rem}.tv-waiting-steps{gap:.3rem}.tv-step-item{font-size:.75rem}}.tv-stage-header-btn{background:#00f2fe1f!important;border-color:#00f2fe66!important}.tv-stage-header-btn:hover{background:var(--neon-cyan)!important;color:#0b0d17!important}.tv-stage-mobile-item{background:#00f2fe1f!important;border-color:#00f2fe66!important;font-weight:700!important}.icon-youtube{color:red}.yt-remote-header-btn{background:#ff00001f!important;border-color:#ff000059!important;color:#fff!important}.yt-remote-header-btn:hover{background:#ff000040!important;border-color:red!important;box-shadow:0 0 15px #f006!important}.yt-remote-mobile-item{background:#ff00001f!important;border-color:#ff000059!important}.yt-pill-btn{border-color:#ff000059!important;color:#ff8585!important}.yt-pill-btn:hover{background:#f003!important;color:#fff!important;box-shadow:0 0 12px #ff00004d!important}.youtube-remote-card{max-width:760px!important}.youtube-header{border-bottom:1px solid rgba(255,0,0,.3)}.yt-banner{display:flex;align-items:center;gap:.65rem;background:#ff000014;border:1px solid rgba(255,0,0,.25);border-radius:var(--radius-md);padding:.75rem;font-size:.82rem;color:#ffb3b3;margin-bottom:1rem}.yt-search-form{margin-bottom:1rem}.yt-btn-trigger{background:linear-gradient(135deg,red,#c00)!important;box-shadow:0 0 12px #f006!important}.tv-now-playing-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#00f2fe26,#ff000026);border:1px solid var(--neon-cyan);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:1rem;box-shadow:0 0 15px #00f2fe33;flex-wrap:wrap;gap:.5rem}.tv-playing-info{display:flex;align-items:center;gap:.65rem}.tv-playing-info small{display:block;font-size:.68rem;color:var(--neon-cyan);font-weight:700}.tv-playing-info strong{font-size:.88rem;color:#fff}.yt-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.85rem;max-height:420px;overflow-y:auto}.yt-video-card{background:#ffffff08;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:all .2s}.yt-video-card:hover{border-color:#f006;transform:translateY(-2px)}.yt-thumb-wrapper{position:relative;width:100%;padding-top:56.25%;background:#000;cursor:pointer;overflow:hidden}.yt-thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.yt-duration-badge{position:absolute;bottom:6px;right:6px;background:#000c;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:4px}.yt-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff0000d9;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.yt-thumb-wrapper:hover .yt-play-overlay{opacity:1}.yt-video-info{padding:.65rem;flex:1}.yt-video-title{font-size:.85rem;font-weight:700;color:#fff;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.25rem}.yt-video-channel{font-size:.74rem;color:var(--text-muted)}.yt-video-actions{padding:.5rem .65rem .65rem}.yt-cast-action-btn{background:linear-gradient(135deg,red,#900)!important;font-size:.82rem!important;padding:.55rem!important}.yt-cast-action-btn:hover{box-shadow:0 0 15px #ff000080!important}.yt-empty-state,.yt-loading-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.yt-empty-state h3{margin:.75rem 0 .4rem;color:#fff}.local-preview-box{margin-bottom:1rem;background:#000;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,0,0,.4)}.preview-header-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#f003;font-size:.8rem;color:#fff;font-weight:600}.iframe-wrapper{position:relative;padding-top:56.25%;height:0}.iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.cast-btn{background:#00f2fe14!important;border-color:#00f2fe4d!important}.cast-btn:hover{background:#00f2fe33!important;border-color:var(--neon-cyan)!important;box-shadow:0 0 12px var(--neon-cyan-glow)!important}.cast-mobile-item{background:#00f2fe14!important;border-color:#00f2fe59!important;margin-bottom:.35rem}.cast-queue-btn{background:#00f2fe1a!important;border-color:#00f2fe59!important;color:var(--neon-cyan)!important;font-weight:700!important;padding:.75rem!important;margin-bottom:.5rem}.cast-queue-btn:hover{background:var(--neon-cyan)!important;color:#0b0d17!important}.cloud-status-bar{display:flex;align-items:center;justify-content:space-between;background:#00f2fe14;border:1px solid rgba(0,242,254,.25);border-radius:var(--radius-md);padding:.5rem .85rem;margin-bottom:1rem}.cloud-badge{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--neon-cyan)}.btn-refresh-cloud{display:flex;align-items:center;gap:.3rem;background:#ffffff1a;border:none;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.btn-refresh-cloud:hover{background:var(--neon-cyan);color:#0b0d17}.karaoke-wifi-badge{display:flex;align-items:center;gap:.45rem;background:linear-gradient(135deg,#00f2fe26,#10b98126);border:1px solid rgba(0,242,254,.4);color:var(--neon-cyan);padding:.45rem .85rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s;animation:borderPulse 2s infinite ease-in-out}@keyframes borderPulse{0%,to{box-shadow:0 0 5px #00f2fe33}50%{box-shadow:0 0 15px #00f2fe80}}.karaoke-wifi-badge:hover{background:var(--neon-cyan);color:#0b0d17;transform:translateY(-1px)}.pulse-wifi{animation:wifiPulse 1.5s infinite}@keyframes wifiPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.btn-download-badge{cursor:pointer;transition:all .2s}.btn-download-badge:hover{background:#00f2fe26;border-color:var(--neon-cyan)}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-hint{font-size:.68rem;color:var(--neon-cyan);font-weight:600;margin-left:4px}.single-action-grid{display:flex!important;margin-bottom:.5rem}.drive-oneclick-btn{width:100%;background:linear-gradient(135deg,#00f2fe33,#7928ca40)!important;border:1px solid var(--neon-cyan)!important;color:#fff!important;font-size:.88rem!important;font-weight:700!important;padding:.85rem!important;box-shadow:0 0 15px var(--neon-cyan-glow)}.drive-oneclick-btn:hover{background:var(--neon-cyan)!important;color:#0b0d17!important}.mobile-catalog-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem}.mobile-download-btn-subtle{display:flex;align-items:center;justify-content:center;gap:.35rem;background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-muted);padding:.55rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;font-family:inherit;text-decoration:none;cursor:pointer}.mobile-download-btn-subtle:hover{background:#ffffff1f;color:#fff}.mobile-download-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;background:#00f2fe1f;border:1px solid rgba(0,242,254,.35);color:var(--neon-cyan);padding:.65rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:700;font-family:inherit;text-decoration:none;cursor:pointer}.mobile-download-btn:hover{background:var(--neon-cyan);color:#0b0d17}.mobile-refresh-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;background:#ffffff14;border:1px solid var(--border-light);color:#fff;padding:.65rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer}.mobile-refresh-btn:hover{background:#ffffff26}.mobile-wifi-link-box{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#00f2fe26,#7928ca33);border:1px solid rgba(0,242,254,.4);border-radius:var(--radius-md);padding:.85rem 1rem;color:#fff;text-decoration:none;margin-bottom:.5rem;box-shadow:0 0 15px #00f2fe33}.wifi-info{display:flex;align-items:center;gap:.65rem}.wifi-info strong{font-size:.88rem;color:var(--neon-cyan)}.wifi-info p{font-size:.75rem;color:var(--text-muted);font-family:monospace}.active-link-preview{margin-top:1.25rem;background:#ffffff08;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.85rem}.active-link-preview h5{font-size:.82rem;color:var(--text-muted);margin-bottom:.4rem}.link-url-badge{display:inline-flex;align-items:center;gap:.45rem;background:#00f2fe1f;border:1px solid rgba(0,242,254,.35);color:var(--neon-cyan);font-family:monospace;font-size:.95rem;font-weight:700;padding:.45rem .85rem;border-radius:var(--radius-sm);text-decoration:none}.link-url-badge:hover{background:var(--neon-cyan);color:#0b0d17}.app-header{position:sticky;top:0;z-index:100;background:var(--bg-header);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-light);padding:.85rem 1.25rem}.header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.logo-icon-wrapper{position:relative;width:50px;height:50px;background:linear-gradient(135deg,var(--neon-magenta),var(--neon-purple));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--neon-magenta-glow)}.logo-icon{color:#fff;width:26px;height:26px}.sparkle-icon{position:absolute;top:-5px;right:-5px;color:var(--gold-accent);width:16px;height:16px;animation:pulse-sparkle 2s infinite ease-in-out}@keyframes pulse-sparkle{0%,to{transform:scale(1) rotate(0);opacity:.9}50%{transform:scale(1.2) rotate(15deg);opacity:1}}.logo-text h1{font-size:1.75rem;font-weight:900;letter-spacing:-.6px;line-height:1.1;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4)}.logo-text h1 span{font-weight:900;background:linear-gradient(90deg,var(--neon-magenta),var(--neon-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(255,0,127,.4))}.logo-text .subtitle{font-size:.74rem;color:var(--text-muted);font-weight:400}.header-actions{display:flex;align-items:center;gap:.65rem}.badge-stat{display:flex;align-items:center;gap:.4rem;background:#ffffff0d;border:1px solid var(--border-light);padding:.45rem .85rem;border-radius:var(--radius-full);font-size:.82rem;color:var(--text-muted)}.badge-stat strong{color:#fff}.btn-header-action{position:relative;display:flex;align-items:center;gap:.45rem;background:#ffffff0f;border:1px solid var(--border-light);color:var(--text-main);padding:.55rem .95rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.btn-header-action:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.btn-header-action.active{background:#e0267833;border-color:var(--neon-magenta);color:#fff}.btn-header-action.active-flame,.pill-btn.active-flame{background:linear-gradient(135deg,#f50,#f05)!important;border-color:transparent!important;color:#fff!important;font-weight:700;box-shadow:0 0 15px var(--neon-flame-glow)}.flame-icon{color:#fa0}.queue-btn{background:linear-gradient(135deg,#00f2fe26,#7928ca33);border-color:#00f2fe66}.queue-btn:hover{border-color:var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan-glow)}.admin-btn{background:#ffb7031a;border-color:#ffb7034d;color:var(--gold-accent)}.admin-btn:hover{background:#ffb70333;border-color:var(--gold-accent)}.action-badge{background:var(--neon-magenta);color:#fff;font-size:.72rem;font-weight:700;padding:.15rem .45rem;border-radius:var(--radius-full)}.action-badge.highlight{background:var(--neon-cyan);color:#0b0d17}.heart-filled{color:var(--neon-magenta);fill:var(--neon-magenta)}.hamburger-btn{position:relative;background:#ffffff14;border:1px solid var(--border-glow);color:var(--neon-cyan);width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.hamburger-btn:hover{background:#00f2fe26;box-shadow:0 0 12px var(--neon-cyan-glow)}.hamburger-dot-badge{position:absolute;top:6px;right:6px;width:10px;height:10px;background:var(--neon-magenta);border-radius:50%;border:2px solid var(--bg-dark);animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}.mobile-menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#05070fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}.mobile-menu-drawer{width:85%;max-width:320px;height:100%;background:#101426;border-left:1px solid var(--border-light);display:flex;flex-direction:column;box-shadow:-10px 0 30px #000c;animation:slideLeft .25s ease-out}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{padding:1.25rem;background:#ffffff08;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.mobile-menu-title{display:flex;align-items:center;gap:.5rem}.mobile-menu-title h3{font-size:1.1rem;font-weight:700;color:#fff}.close-menu-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.3rem;border-radius:var(--radius-sm)}.mobile-menu-body{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto}.mobile-stat-box{display:flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.82rem;color:var(--text-muted)}.mobile-stat-box strong{color:#fff}.mobile-menu-nav{display:flex;flex-direction:column;gap:.65rem}.mobile-nav-item{width:100%;display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;border:1px solid var(--border-light);color:var(--text-main);padding:.9rem 1.1rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.mobile-nav-item:hover{background:#ffffff1a;border-color:#fff3}.mobile-nav-item.selected{background:#e0267833;border-color:var(--neon-magenta);color:#fff}.mobile-nav-item.selected-flame{background:linear-gradient(135deg,#ff550040,#ff005540);border-color:var(--neon-flame);color:#fff}.nav-item-left{display:flex;align-items:center;gap:.75rem}.menu-divider{border:none;border-top:1px solid var(--border-light);margin:.5rem 0}.admin-item{background:#ffb70314;border-color:#ffb7034d;color:var(--gold-accent)}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:1.25rem 1rem}.search-section{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.25rem}.search-form{width:100%}.search-bar-wrapper{position:relative;width:100%;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--neon-cyan);pointer-events:none}.search-input{width:100%;background:var(--bg-input);border:2px solid rgba(0,242,254,.25);border-radius:var(--radius-lg);padding:.95rem 7.5rem .95rem 2.8rem;color:#fff;font-size:1rem;font-family:inherit;outline:none;box-shadow:0 4px 20px #0000004d;transition:all .25s ease}.search-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 25px var(--neon-cyan-glow);background:#161c37f2}.search-input::placeholder{color:var(--text-dim);font-size:.88rem}.action-btn-search{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;color:#fff;padding:.55rem .95rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s}.trigger-action-btn{background:linear-gradient(135deg,var(--neon-magenta),var(--neon-purple));box-shadow:0 0 12px var(--neon-magenta-glow)}.trigger-action-btn:hover{opacity:.95;box-shadow:0 0 18px var(--neon-magenta-glow);transform:translateY(-50%) scale(1.02)}.clear-action-btn{background:#ef444440;border:1px solid rgba(239,68,68,.5);color:#fca5a5;box-shadow:0 0 10px #ef444433}.clear-action-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 0 15px #ef444466;transform:translateY(-50%) scale(1.02)}.filter-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.filter-pills{display:flex;align-items:center;gap:.4rem;overflow-x:auto;max-width:100%;padding-bottom:.25rem;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.pill-btn{display:flex;align-items:center;gap:.35rem;background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-muted);padding:.4rem .8rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s}.pill-btn:hover{background:#ffffff1a;color:var(--text-main)}.pill-btn.active{background:linear-gradient(135deg,var(--neon-magenta),var(--neon-purple));border-color:transparent;color:#fff;font-weight:600;box-shadow:0 2px 10px var(--neon-magenta-glow)}.queue-pill-highlight{border-color:#00f2fe59!important;color:var(--neon-cyan)!important}.pill-btn.active-queue{background:linear-gradient(135deg,#00f2fe4d,#7928ca66)!important;border-color:var(--neon-cyan)!important;color:#fff!important;font-weight:700;box-shadow:0 0 12px var(--neon-cyan-glow)}.pill-badge-count{background:var(--neon-cyan);color:#0b0d17;font-size:.7rem;font-weight:800;padding:.1rem .4rem;border-radius:var(--radius-full);margin-left:.2rem}.results-count{font-size:.82rem;color:var(--text-muted)}.results-count strong{color:var(--neon-cyan)}.alphabet-bar{display:flex;align-items:center;gap:.25rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}.letter-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-muted);min-width:30px;height:30px;padding:0 .35rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;flex-shrink:0;transition:all .15s}.letter-btn:hover{background:#00f2fe26;color:var(--neon-cyan);border-color:var(--border-glow)}.letter-btn.selected{background:var(--neon-cyan);color:#0b0d17;border-color:var(--neon-cyan);font-weight:700}.pagination-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;background:#161a2e99;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.65rem 1rem;margin-bottom:.85rem}.pagination-bar.bottom-pagination{margin-top:1.25rem;margin-bottom:0;justify-content:center}.pagination-info{font-size:.84rem;color:var(--text-muted)}.pagination-info strong{color:var(--neon-cyan)}.pagination-controls{display:flex;align-items:center;gap:.75rem}.page-btn{display:inline-flex;align-items:center;gap:.25rem;background:#ffffff14;border:1px solid var(--border-light);color:#fff;padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--neon-magenta);border-color:var(--neon-magenta)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-indicator{font-size:.84rem;color:var(--text-muted)}.page-indicator strong{color:#fff}.page-size-selector{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-muted)}.page-size-selector select{background:var(--bg-dark);border:1px solid var(--border-light);color:#fff;padding:.3rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;outline:none;cursor:pointer}.song-list-container{margin-top:.5rem}.table-responsive{width:100%;overflow-x:auto;background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-main)}.song-table{width:100%;border-collapse:collapse;text-align:left}.song-table th{background:#0d1020cc;padding:1rem 1.25rem;font-size:.78rem;font-weight:700;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border-light)}.song-table td{padding:.95rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.song-row{transition:background-color .2s}.song-row:hover{background:var(--bg-card-hover)}.song-row.in-queue{background:#00f2fe0d}.col-code{width:140px}.col-artist{width:35%}.col-title{width:40%}.col-actions{width:140px;text-align:right}.title-cell-wrapper{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.popular-tag{display:inline-flex;align-items:center;gap:.2rem;background:#ff550026;border:1px solid rgba(255,85,0,.35);color:#fa0;font-size:.72rem;font-weight:700;padding:.15rem .45rem;border-radius:var(--radius-full)}.code-badge{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#e0267826,#7928ca40);border:1px solid rgba(224,38,120,.35);color:#fff;padding:.4rem .75rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;font-family:Outfit,monospace;letter-spacing:1px;cursor:pointer;transition:all .2s}.code-badge:hover{background:linear-gradient(135deg,#e0267859,#7928ca73);border-color:var(--neon-magenta);box-shadow:0 0 12px var(--neon-magenta-glow);transform:scale(1.03)}.code-badge.copied{background:#10b981;border-color:#10b981;color:#fff}.copy-icon{opacity:.6}.artist-name{font-size:1rem;font-weight:600;color:var(--text-main)}.song-title{font-size:1.02rem;font-weight:700;color:#fff}.search-highlight{background:#ffb70359;color:#fff;border-radius:3px;padding:0 3px}.action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.btn-icon{background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-muted);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#ffffff1f;color:var(--neon-magenta)}.btn-icon.fav-active{background:#e0267833;border-color:var(--neon-magenta);color:var(--neon-magenta)}.btn-action-queue{display:inline-flex;align-items:center;gap:.35rem;background:#00f2fe1a;border:1px solid rgba(0,242,254,.3);color:var(--neon-cyan);padding:.45rem .8rem;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.btn-action-queue:hover{background:var(--neon-cyan);color:#0b0d17;box-shadow:0 0 12px var(--neon-cyan-glow)}.btn-action-queue.queued{background:#10b98133;border-color:#10b981;color:#34d399}.mobile-view{display:none}.desktop-view{display:block}@media (max-width: 768px){.desktop-view{display:none}.mobile-view{display:flex;flex-direction:column;gap:.75rem}}.song-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.95rem;display:flex;flex-direction:column;gap:.65rem;transition:all .2s;word-break:break-word}.song-card.in-queue{border-color:#00f2fe80;background:#121a34e6}.card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem}.code-and-tag{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.code-label{font-size:.68rem;opacity:.7;margin-right:2px}.code-num{font-family:monospace}.mobile-artist-name{font-size:.95rem;font-weight:700;color:var(--neon-cyan);margin-bottom:.2rem}.mobile-song-title{font-size:1.05rem;font-weight:700;color:#fff;line-height:1.25}.btn-mobile-queue{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;background:#00f2fe1f;border:1px solid rgba(0,242,254,.35);color:var(--neon-cyan);padding:.6rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer}.btn-mobile-queue.queued{background:#10b98133;border-color:#10b981;color:#34d399}.empty-state{text-align:center;padding:3.5rem 1.5rem;background:var(--bg-card);border:1px dashed var(--border-light);border-radius:var(--radius-lg);margin-top:1rem}.empty-icon-wrapper{color:var(--neon-magenta);margin-bottom:1rem;opacity:.75}.empty-state h3{font-size:1.2rem;font-weight:700;margin-bottom:.4rem;color:#fff}.empty-state p{color:var(--text-muted);font-size:.9rem;max-width:500px;margin:0 auto 1rem}.unfound-notice-badge{display:inline-flex;align-items:center;gap:.4rem;background:#e0267826;border:1px solid rgba(224,38,120,.35);color:#ff85c0;font-size:.8rem;font-weight:600;padding:.4rem .85rem;border-radius:var(--radius-full)}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#070913d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:.75rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:#12162b;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #000c;overflow:hidden;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:1rem 1.25rem;background:#ffffff08;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.modal-title{display:flex;align-items:center;gap:.5rem}.modal-title h2{font-size:1.1rem;font-weight:700}.icon-gold{color:var(--gold-accent)}.icon-pink{color:var(--neon-magenta)}.icon-cyan{color:var(--neon-cyan)}.icon-purple{color:var(--neon-purple)}.icon-green{color:#10b981}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.35rem;border-radius:var(--radius-sm);transition:all .2s}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.modal-body{padding:1.25rem;overflow-y:auto}.admin-tabs{display:flex;gap:.4rem;margin-bottom:1rem;border-bottom:1px solid var(--border-light);padding-bottom:.65rem;overflow-x:auto}.admin-tab-btn{position:relative;display:flex;align-items:center;gap:.35rem;background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-muted);padding:.45rem .75rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .2s}.admin-tab-btn:hover{background:#ffffff1a;color:#fff}.admin-tab-btn.active{background:var(--neon-purple);border-color:var(--neon-purple);color:#fff;box-shadow:0 0 12px #7928ca66}.tab-unfound-badge{background:var(--neon-magenta);color:#fff;font-size:.68rem;font-weight:700;padding:.1rem .35rem;border-radius:var(--radius-full)}.unfound-notice{display:flex;align-items:flex-start;gap:.75rem;background:#e0267814;border:1px solid rgba(224,38,120,.25);border-radius:var(--radius-md);padding:.85rem;margin-bottom:1rem}.unfound-notice h4{font-size:.92rem;color:#ff85c0;margin-bottom:.2rem}.unfound-notice p{font-size:.78rem;color:var(--text-muted);line-height:1.4}.empty-unfound{text-align:center;padding:2rem 1rem;background:#ffffff05;border:1px dashed var(--border-light);border-radius:var(--radius-md)}.empty-unfound p{margin-top:.75rem;font-size:.85rem;color:var(--text-muted)}.unfound-list{display:flex;flex-direction:column;gap:.45rem;max-height:280px;overflow-y:auto;margin-bottom:1rem}.unfound-card-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.65rem .85rem}.unfound-term-info{display:flex;flex-direction:column;gap:.15rem}.unfound-term{font-size:.92rem;color:var(--gold-accent)}.unfound-date{font-size:.72rem;color:var(--text-dim)}.unfound-badge-count{background:#e0267833;border:1px solid rgba(224,38,120,.4);color:var(--neon-magenta);font-weight:700;font-size:.78rem;padding:.25rem .55rem;border-radius:var(--radius-full)}.unfound-actions{display:grid;grid-template-columns:2fr 1fr;gap:.65rem}.stats-header-banner{display:flex;align-items:center;gap:.65rem;background:#ffb70314;border:1px solid rgba(255,183,3,.25);border-radius:var(--radius-md);padding:.75rem .85rem;margin-bottom:1rem}.stats-header-banner h4{font-size:.9rem;color:var(--gold-accent);margin-bottom:.15rem}.stats-header-banner p{font-size:.78rem;color:var(--text-muted)}.ranking-block{margin-bottom:1rem}.ranking-block h5{display:flex;align-items:center;gap:.35rem;font-size:.88rem;font-weight:700;color:var(--text-main);margin-bottom:.65rem}.no-stats{font-size:.82rem;color:var(--text-dim);font-style:italic;padding:.4rem 0}.ranking-list{display:flex;flex-direction:column;gap:.4rem}.ranking-item{display:flex;align-items:center;gap:.65rem;background:#ffffff08;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.55rem .75rem}.rank-badge{font-size:.75rem;font-weight:800;background:#ffffff1a;color:var(--text-muted);padding:.15rem .45rem;border-radius:var(--radius-sm)}.rank-badge.rank-1{background:#ffb703;color:#0b0d17}.rank-badge.rank-2{background:#94a3b8;color:#0b0d17}.rank-badge.rank-3{background:#b45309;color:#fff}.rank-code{font-family:monospace;font-size:.82rem;font-weight:700;color:var(--neon-magenta)}.rank-info{flex:1;display:flex;flex-direction:column}.rank-title{font-size:.85rem;color:#fff}.rank-artist{font-size:.72rem;color:var(--text-muted)}.rank-count{font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.2rem;padding:.15rem .45rem;border-radius:var(--radius-full)}.flame-count{background:#ff550026;color:#fa0;border:1px solid rgba(255,85,0,.3)}.cyan-count{background:#00f2fe26;color:var(--neon-cyan);border:1px solid rgba(0,242,254,.3)}.auth-notice{background:#ffb70314;border:1px solid rgba(255,183,3,.25);border-radius:var(--radius-md);padding:.85rem;font-size:.88rem;color:#ffe8ad;margin-bottom:1.15rem}.form-group{margin-bottom:1.15rem}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem;color:var(--text-muted)}.password-input-wrapper{position:relative}.form-input{width:100%;background:var(--bg-dark);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.75rem 2.6rem .75rem .9rem;color:#fff;font-size:.95rem;font-family:inherit;outline:none}.form-input:focus{border-color:var(--neon-magenta)}.toggle-pass-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer}.alert-box{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:var(--radius-md);font-size:.85rem;margin-bottom:1rem}.alert-box.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert-box.success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.btn-primary{background:linear-gradient(135deg,var(--neon-magenta),var(--neon-purple));border:none;color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:all .2s}.btn-primary:hover{box-shadow:0 0 20px var(--neon-magenta-glow);opacity:.95}.btn-success{background:#10b981;border:none;color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:all .2s}.btn-success:hover{background:#059669}.btn-secondary{background:#ffffff14;border:1px solid var(--border-light);color:var(--text-main);padding:.6rem .9rem;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.btn-danger-outline{background:transparent;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:.6rem .9rem;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.btn-secondary-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.full-width{width:100%}.admin-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.stat-card{background:#ffffff08;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.75rem;display:flex;flex-direction:column}.stat-label{font-size:.72rem;color:var(--text-muted)}.stat-value{font-size:1.15rem;font-weight:800;color:var(--neon-cyan)}.stat-value.code-format{font-size:.75rem;font-family:monospace;color:var(--gold-accent)}.dropzone{border:2px dashed rgba(0,242,254,.35);border-radius:var(--radius-md);padding:1.25rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;background:#00f2fe08;transition:all .2s}.dropzone:hover{border-color:var(--neon-cyan);background:#00f2fe14}.file-input-hidden{display:none}.drop-icon{color:var(--neon-cyan)}.drop-text{font-size:.85rem;color:var(--text-main)}.btn-browse{background:#ffffff1a;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.preview-section{background:#0000004d;border-radius:var(--radius-md);padding:.85rem;margin-top:.85rem}.preview-header h4{font-size:.85rem;color:var(--gold-accent);margin-bottom:.5rem}.preview-list{display:flex;flex-direction:column;gap:.3rem;max-height:120px;overflow-y:auto;margin-bottom:.85rem}.preview-item{display:flex;gap:.5rem;font-size:.78rem;background:#ffffff0a;padding:.35rem .5rem;border-radius:var(--radius-sm)}.p-code{font-weight:700;color:var(--neon-magenta);font-family:monospace}.p-artist{color:var(--text-muted)}.p-title{color:#fff;font-weight:600}.mode-selector{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.85rem}.radio-label{display:flex;align-items:center;gap:.45rem;font-size:.8rem;cursor:pointer}.divider{border:none;border-top:1px solid var(--border-light);margin:1rem 0}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.4rem}.queue-banner{display:flex;align-items:center;gap:.45rem;background:#00f2fe1a;border:1px solid rgba(0,242,254,.25);border-radius:var(--radius-md);padding:.65rem .85rem;font-size:.8rem;color:#a5f3fc;margin-bottom:1rem}.queue-items-list{display:flex;flex-direction:column;gap:.5rem;max-height:280px;overflow-y:auto;margin-bottom:1rem}.queue-item-card{display:flex;align-items:center;gap:.75rem;background:#ffffff0a;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.65rem .85rem}.queue-item-num{font-size:.8rem;font-weight:800;color:var(--text-dim);width:18px}.queue-item-code{font-family:Outfit,monospace;font-size:.9rem;font-weight:800;color:var(--neon-magenta);background:#e0267826;padding:.2rem .45rem;border-radius:var(--radius-sm)}.queue-item-details{flex:1;display:flex;flex-direction:column}.queue-item-title{font-size:.88rem;color:#fff}.queue-item-artist{font-size:.75rem;color:var(--text-muted)}.btn-delete-item{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:.25rem}.btn-delete-item:hover{color:#fca5a5}.queue-actions{display:grid;grid-template-columns:2fr 1fr;gap:.65rem}.empty-queue-state{text-align:center;padding:2.5rem 1rem;color:var(--text-muted)}.empty-queue-state h3{margin:.6rem 0 .3rem;color:#fff}.toast-notification{position:fixed;bottom:1.5rem;right:1.5rem;z-index:2000;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.5rem;box-shadow:0 10px 25px #00000080;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.app-footer{text-align:center;padding:1.25rem;color:var(--text-dim);font-size:.78rem;border-top:1px solid rgba(255,255,255,.05);margin-top:1.5rem}.sync-header-btn{background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#34d399;transition:all .2s ease}.sync-header-btn:hover{background:#10b98140;border-color:#10b981;box-shadow:0 0 12px #10b9814d}.sync-header-btn.syncing{opacity:.8;pointer-events:none}.mobile-header-actions{display:flex;align-items:center;gap:.5rem}.btn-mobile-quick-tv{background:#00f2fe1f;border:1px solid rgba(0,242,254,.3);color:var(--neon-cyan);width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s}.btn-mobile-quick-tv.active-stage{background:#10b98133;border-color:#10b981;color:#34d399;box-shadow:0 0 10px #10b98166}.mobile-stage-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;animation:pulseBeacon 1.5s infinite}.connect-tv-modal{max-width:520px;width:100%;box-sizing:border-box}.connect-tv-modal .modal-body{padding:1.1rem;overflow-x:hidden!important;box-sizing:border-box;width:100%;max-width:100%}.stage-status-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem;padding:.8rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;width:100%;box-sizing:border-box;transition:all .3s ease}.stage-status-banner.status-active{background:#10b9811f;border:1px solid rgba(16,185,129,.4)}.stage-status-banner.status-inactive{background:#ef444414;border:1px solid rgba(239,68,68,.25)}.status-indicator{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0;box-sizing:border-box}.status-indicator>div{flex:1;min-width:0}.status-indicator strong{font-size:.9rem;display:block;word-break:break-word;overflow-wrap:break-word}.status-indicator p{font-size:.76rem;color:var(--text-muted);margin:.15rem 0 0;word-break:break-word;overflow-wrap:break-word}.status-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.dot-pulse-green{background:#10b981;box-shadow:0 0 10px #10b981;animation:pulseBeacon 1.4s infinite}.dot-inactive{background:#ef4444;opacity:.6}@keyframes pulseBeacon{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.btn-remote-quick{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-sm);padding:.45rem .8rem;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .2s;flex-shrink:0;box-sizing:border-box}.btn-remote-quick:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.connection-action-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.9rem;width:100%;box-sizing:border-box;max-width:100%}.connection-action-header{display:flex;align-items:flex-start;gap:.75rem;width:100%;min-width:0;box-sizing:border-box}.connection-action-header>div{flex:1;min-width:0}.connection-action-header h4{font-size:.95rem;line-height:1.35;word-break:break-word;overflow-wrap:break-word}.connection-action-header p{word-break:break-word;overflow-wrap:break-word}.cast-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;box-sizing:border-box;padding:.75rem;font-size:.86rem;text-align:center;white-space:normal;line-height:1.3}.os-tips-section{margin-top:1.15rem;width:100%;max-width:100%;box-sizing:border-box}.os-tips-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem;width:100%;box-sizing:border-box}.os-tips-title{font-size:.85rem;font-weight:700;color:var(--neon-cyan)}.os-tabs-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:.75rem;width:100%;box-sizing:border-box;max-width:100%}.os-tab-btn{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.55rem .25rem;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;min-width:0;width:100%;text-align:center;transition:all .2s ease;box-sizing:border-box}.os-tab-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-tab-btn:hover{background:#ffffff1a;color:#fff}.os-tab-btn.active{background:#00f2fe26;border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 12px #00f2fe33;font-weight:700}.os-tab-content-box{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:.85rem;font-size:.82rem;line-height:1.5;width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;transition:all .2s ease}.os-tab-content-box.tab-android{border-color:#00f2fe40;background:#00f2fe08}.os-tab-content-box.tab-iphone{border-color:#e0267840;background:#e0267808}.os-tab-content-box.tab-notebook{border-color:#ffb70340;background:#ffb70308}.tab-box-header{display:flex;align-items:center;gap:.45rem;margin-bottom:.5rem;font-size:.88rem;font-weight:700;color:#fff;line-height:1.35;word-break:break-word}.tab-box-desc{margin:0 0 .55rem;color:var(--text-dim);font-size:.8rem;line-height:1.45;word-break:break-word}.os-tips-list{margin:0;padding-left:1.15rem;color:var(--text-dim);display:flex;flex-direction:column;gap:.45rem;box-sizing:border-box;width:100%}.os-tips-list li{line-height:1.45;word-break:break-word;overflow-wrap:break-word}.os-tips-list strong{color:#fff}.tv-url-box{display:flex;align-items:stretch;gap:.4rem;margin-top:.65rem;width:100%;max-width:100%;box-sizing:border-box}.tv-url-input{flex:1;min-width:0!important;width:100%;background:#00000073;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--neon-cyan);font-size:.78rem;padding:.5rem .65rem;font-family:monospace;box-sizing:border-box}.btn-copy-url{flex-shrink:0;background:#00f2fe26;border:1px solid rgba(0,242,254,.35);color:#fff;border-radius:var(--radius-sm);padding:0 .85rem;display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;box-sizing:border-box}.btn-copy-url:hover{background:#00f2fe40}.local-stage-fallback-section{margin-top:1.15rem;padding-top:.95rem;border-top:1px solid rgba(255,255,255,.08);width:100%;box-sizing:border-box}.fallback-hint{font-size:.78rem;color:var(--text-dim);display:block;margin-bottom:.45rem;text-align:center;word-break:break-word}.btn-local-stage{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem;font-size:.85rem;width:100%;box-sizing:border-box}.stage-already-connected{text-align:center}.connected-badge-text{font-size:.82rem;color:#10b981;display:flex;align-items:center;justify-content:center;gap:.4rem;font-weight:500}.room-pin-footer{margin-top:1.15rem;padding-top:.95rem;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;width:100%;box-sizing:border-box}.pin-group{display:flex;align-items:center;gap:.5rem}.pin-group label{font-size:.84rem;font-weight:700;color:var(--text-muted)}.pin-input{width:85px;background:#0006;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:#fff;font-size:1rem;font-weight:800;text-align:center;letter-spacing:2px;padding:.35rem .5rem}.pin-hint{font-size:.75rem;color:var(--text-dim)}@media (max-width: 600px){.connect-tv-modal{width:100%!important;max-width:100%!important}.connect-tv-modal .modal-header{padding:.85rem 1rem}.connect-tv-modal .modal-header h2{font-size:1rem}.connect-tv-modal .modal-body{padding:.85rem}.stage-status-banner{padding:.7rem .8rem;gap:.5rem}.os-tabs-nav{gap:.25rem}.os-tab-btn{padding:.48rem .15rem;font-size:.74rem;gap:.2rem}.os-tab-btn span{font-size:.74rem}.tab-box-header{font-size:.84rem}.os-tips-list{padding-left:1rem;font-size:.78rem}.btn-copy-url{padding:0 .65rem;font-size:.75rem}.room-pin-footer{flex-direction:column;align-items:flex-start;gap:.65rem}}.send-to-tv-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#06b6d4,#0284c7);font-weight:700}.send-to-tv-btn:hover{background:linear-gradient(135deg,#0891b2,#0369a1)}.tv-cast-stage-btn{font-weight:700;letter-spacing:.3px;transition:all .25s ease}.tv-cast-stage-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00f2fe66}.tv-cast-stage-btn.cast-active-glowing{box-shadow:0 0 15px #10b98180;animation:pulseBeacon 1.5s infinite}.admin-guide-tab{padding-bottom:1rem}.admin-guide-scroll-area{display:flex;flex-direction:column;gap:1.15rem;max-height:460px;overflow-y:auto;padding-right:.4rem;scrollbar-width:thin}.admin-guide-card{background:#ffffff08;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;transition:all .25s ease}.admin-guide-card:hover{border-color:#00f2fe66;background:#ffffff0b}.guide-card-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.guide-card-header h4{font-size:.95rem;font-weight:700;color:#fff;margin:0}.guide-card-body p{font-size:.83rem;color:var(--text-dim);line-height:1.5;margin-bottom:.65rem}.guide-steps-mini{display:flex;flex-direction:column;gap:.5rem;background:#00000040;padding:.75rem .9rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06)}.guide-step-mini{display:flex;align-items:flex-start;gap:.65rem;font-size:.82rem;line-height:1.4;color:var(--text-main)}.guide-step-mini code{background:#00f2fe26;color:var(--neon-cyan);padding:.15rem .4rem;border-radius:4px;font-family:monospace;font-size:.8rem;word-break:break-all}.step-badge{background:#ffb70333;color:var(--gold-accent);border:1px solid rgba(255,183,3,.4);font-size:.72rem;font-weight:800;padding:.15rem .45rem;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.guide-alert-why{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);padding:.75rem .85rem;margin-bottom:.75rem;font-size:.82rem;line-height:1.45}.guide-alert-why strong{color:#fca5a5;display:block;margin-bottom:.25rem}.guide-alert-why p{color:var(--text-dim);margin:0;font-size:.8rem}.guide-ordered-list{padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;color:var(--text-dim);line-height:1.4;margin-bottom:.65rem}.guide-ordered-list strong{color:var(--neon-cyan)}.guide-bullet-list{padding-left:1.2rem;display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--text-dim);line-height:1.4;margin-bottom:.65rem}.guide-bullet-list strong{color:var(--neon-magenta)}.guide-airplay-tip{background:#e0267814;border:1px solid rgba(224,38,120,.3);border-radius:var(--radius-md);padding:.75rem .85rem;margin-top:.65rem}.guide-airplay-tip strong{color:var(--neon-magenta);display:block;font-size:.84rem;margin-bottom:.25rem}.guide-airplay-tip p{color:var(--text-dim);font-size:.8rem;margin:0}.guide-note{font-size:.78rem!important;color:var(--gold-accent)!important;margin-top:.4rem}.checklist-items{display:flex;flex-direction:column;gap:.55rem}.checklist-item{display:flex;align-items:flex-start;gap:.65rem;font-size:.83rem;color:var(--text-main);background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:.6rem .75rem}.check-box-icon{width:20px;height:20px;border-radius:50%;background:#10b98133;border:1px solid #10b981;color:#10b981;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;margin-top:1px}.btn-suba-palco-glow{background:linear-gradient(135deg,#ffb70338,#00f2fe38)!important;border:1px solid rgba(255,183,3,.55)!important;color:var(--gold-accent)!important;box-shadow:0 0 14px #ffb70359!important;animation:pulseSubaPalco 2.4s infinite alternate ease-in-out}@keyframes pulseSubaPalco{0%{box-shadow:0 0 8px #ffb70340;transform:scale(1)}to{box-shadow:0 0 18px #ffb70399;transform:scale(1.02)}}.yt-thumb-static{cursor:default!important}.yt-thumb-static:hover .yt-thumb{transform:none!important}.yt-load-more-wrap{display:flex;justify-content:center;margin:1.5rem 0 1rem}.btn-load-more-yt{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.8rem;background:linear-gradient(135deg,#00f2fe26,#ffb70326);border:1px solid rgba(0,242,254,.45);border-radius:30px;color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #00000059;transition:all .25s ease}.btn-load-more-yt:hover:not(:disabled){background:linear-gradient(135deg,#00f2fe4d,#ffb7034d);border-color:var(--neon-cyan);box-shadow:0 0 16px #00f2fe66;transform:translateY(-2px)}.btn-load-more-yt:disabled{opacity:.6;cursor:not-allowed}.stage-blocked-card{max-width:480px!important;border:1px solid rgba(255,183,3,.45)!important;box-shadow:0 0 35px #ffb70340!important}.btn-tv-disabled,.pill-tv-disabled{opacity:.45!important;background:#ffffff0a!important;border:1px dashed rgba(255,255,255,.18)!important;color:var(--text-dim, #64748b)!important;cursor:not-allowed!important;box-shadow:none!important;pointer-events:auto!important;filter:grayscale(.85)!important;transform:none!important;transition:all .2s ease}.btn-tv-disabled:hover,.pill-tv-disabled:hover{transform:none!important;background:#ffffff0a!important;border-color:#ffffff2e!important;box-shadow:none!important;color:var(--text-dim, #64748b)!important}.btn-tv-disabled *,.pill-tv-disabled *{color:var(--text-dim, #64748b)!important;text-shadow:none!important;animation:none!important}.icon-muted{color:#64748b!important}.player-lab-modal{max-width:860px;width:96%;max-height:94vh}.lab-modal-header{background:#7928ca1a;border-bottom:1px solid rgba(121,40,202,.25)}.lab-subtitle{font-size:.78rem;color:var(--neon-cyan);display:block}.lab-modal-body{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.25rem;overflow-y:auto}.lab-song-selector-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:.85rem}.lab-selector-header{display:flex;align-items:center;gap:.45rem;font-size:.86rem;margin-bottom:.5rem;color:#fff}.lab-song-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.65rem}.lab-song-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text-dim);font-size:.78rem;padding:.4rem .7rem;border-radius:var(--radius-full);cursor:pointer;transition:all .2s;text-align:left}.lab-song-pill:hover{background:#ffffff1a;color:#fff}.lab-song-pill.active{background:#00f2fe26;border-color:var(--neon-cyan);color:#fff;font-weight:700;box-shadow:0 0 10px #00f2fe40}.lab-custom-input-box{display:flex;gap:.5rem}.lab-custom-input{flex:1;min-width:0;background:#0006;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:#fff;font-size:.82rem;padding:.45rem .7rem}.lab-engines-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.lab-engine-tab{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:.65rem .75rem;cursor:pointer;text-align:left;transition:all .2s}.lab-engine-tab:hover{background:#ffffff12}.lab-engine-tab.active{background:#7928ca26;border-color:var(--neon-purple);box-shadow:0 0 15px #7928ca4d}.engine-badge{font-size:.68rem;font-weight:800;padding:2px 6px;border-radius:4px;background:#ffffff14;color:var(--text-muted)}.engine-badge-gold{background:#ffb70333;color:var(--gold-accent)}.lab-engine-tab strong{font-size:.82rem;color:#fff;line-height:1.25}.lab-engine-tab small{font-size:.72rem;color:var(--text-dim);line-height:1.2}.lab-viewport-card{background:#070913;border:2px solid rgba(0,242,254,.45);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 0 25px #00f2fe40;width:100%;box-sizing:border-box}.lab-viewport-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:.5rem}.lab-live-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#fff}.lab-error-badge{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4);padding:2px 6px;border-radius:4px;font-size:.72rem;font-weight:700}.lab-viewport-actions{display:flex;align-items:center;gap:.4rem}.lab-player-screen-container{width:100%;height:380px;min-height:300px;background:#000;position:relative;box-sizing:border-box;overflow:hidden;border-top:1px solid rgba(0,242,254,.2);border-bottom:1px solid rgba(0,242,254,.2)}.lab-player-frame{position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none;background:#000}.lab-html5-container{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#05070e}.lab-native-video{width:100%;height:100%;object-fit:contain}.lab-loading-stream{display:flex;flex-direction:column;align-items:center;gap:.8rem;color:var(--text-dim);font-size:.85rem;text-align:center;padding:1.5rem}.lab-diagnostics-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:.85rem}.diagnostics-header{display:flex;align-items:center;gap:.45rem;font-size:.86rem;color:#fff;margin-bottom:.45rem}.diagnostics-explainer p{font-size:.8rem;color:var(--text-dim);line-height:1.45;background:#ffffff08;padding:.6rem .8rem;border-radius:var(--radius-sm);margin-bottom:.65rem}.diagnostics-explainer code{color:var(--neon-cyan);background:#00f2fe1a;padding:1px 4px;border-radius:3px;font-size:.78rem}.diagnostics-log-box{background:#060810;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:.6rem .8rem;max-height:130px;overflow-y:auto;font-family:monospace;font-size:.76rem;display:flex;flex-direction:column;gap:.3rem}.log-entry{display:flex;gap:.4rem;line-height:1.35}.log-time{color:var(--text-dim);flex-shrink:0}.log-info .log-msg{color:var(--text-muted)}.log-success .log-msg{color:#34d399}.log-warning .log-msg{color:#fbbf24}.log-error .log-msg{color:#f87171}.log-empty{color:var(--text-dim);font-style:italic}@media (max-width: 768px){.lab-engines-nav{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.lab-engines-nav{grid-template-columns:1fr}}.lab-tv-sync-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#10b98114,#00f2fe14);border:1px solid rgba(0,242,254,.3);border-radius:var(--radius-md);padding:.85rem 1rem;gap:1rem;flex-wrap:wrap}.lab-tv-sync-info{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:250px}.lab-tv-sync-header{display:flex;align-items:center;gap:.5rem}.lab-tv-sync-title{font-size:.88rem;letter-spacing:.3px}.lab-tv-sync-desc{font-size:.76rem;color:var(--text-dim);line-height:1.3;margin:0}.lab-tv-sync-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tv-badge-engine{display:inline-flex;align-items:center;gap:4px;background:#00f2fe2e;border:1px solid rgba(0,242,254,.45);color:var(--neon-cyan);font-size:.78rem;font-weight:700;padding:2px 10px;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 10px #00f2fe33}.tv-badge-engine.badge-engine-gold{background:#ffd70033;border-color:gold;color:gold;box-shadow:0 0 12px #ffd70059}.remote-skin-card{background:#0b0f1cf2!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(0,242,254,.35)!important;box-shadow:0 24px 60px #000000d9,0 0 35px #00f2fe33,inset 0 1px 1px #ffffff1a!important;border-radius:24px!important;overflow:hidden;max-width:760px!important;width:95%!important}.remote-header-skin{background:linear-gradient(135deg,#0f172ae6,#0b132bf2)!important;border-bottom:1px solid rgba(0,242,254,.25)!important;padding:1.1rem 1.4rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.btn-close-modal-styled{background:#ef444426;border:1px solid rgba(239,68,68,.45);color:#ff6b6b;font-family:var(--font-family);font-size:.85rem;font-weight:700;padding:.45rem 1rem;border-radius:20px;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #ef444426}.btn-close-modal-styled:hover{background:#ef44444d;border-color:#ef4444;color:#fff;transform:scale(1.05);box-shadow:0 0 20px #ef444466}.remote-banner-skin{background:linear-gradient(135deg,#00f2fe1a,#7928ca1f)!important;border:1px solid rgba(0,242,254,.25)!important;border-radius:14px!important;padding:.8rem 1rem!important;font-size:.85rem!important;color:#e2e8f0!important;margin-bottom:1rem!important}.remote-pin-skin{background:#12182bcc!important;border:1px solid rgba(255,215,0,.3)!important;border-radius:14px!important;padding:.6rem 1rem!important;margin-bottom:1rem!important}.remote-input-wrapper{position:relative;display:flex;align-items:center;background:#0f1526f2;border:1.5px solid rgba(0,242,254,.35);border-radius:16px;padding:.3rem .4rem .3rem .9rem;box-shadow:inset 0 2px 8px #00000080;transition:all .25s ease}.remote-input-wrapper:focus-within{border-color:var(--neon-cyan);box-shadow:0 0 20px #00f2fe59,inset 0 2px 8px #00000080}.btn-clear-query{background:#ffffff1a;border:none;color:#94a3b8;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:.5rem;transition:all .2s ease}.btn-clear-query:hover{background:#ef44444d;color:#fff;transform:scale(1.1)}.remote-search-btn{background:linear-gradient(135deg,#00f2fe,#4facfe)!important;color:#070d19!important;font-weight:800!important;border:none!important;border-radius:12px!important;padding:.65rem 1.2rem!important;display:inline-flex!important;align-items:center!important;gap:.4rem!important;box-shadow:0 4px 15px #00f2fe59!important;cursor:pointer!important;transition:all .2s ease!important}.remote-search-btn:hover{transform:translateY(-1px) scale(1.02)!important;box-shadow:0 6px 20px #00f2fe80!important}.remote-grid-skin{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1.2rem}.remote-card-skin{background:#12192dd9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.8rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1)}.remote-card-skin:hover{border-color:#00f2fe66;transform:translateY(-3px);box-shadow:0 12px 28px #0009,0 0 20px #00f2fe26}.remote-action-btn{background:linear-gradient(135deg,#00f2fe,#00c6ff)!important;color:#09101d!important;font-weight:800!important;border:none!important;border-radius:12px!important;padding:.65rem .8rem!important;font-size:.84rem!important;box-shadow:0 4px 14px #00f2fe4d!important;transition:all .2s ease!important}.remote-action-btn:hover{transform:scale(1.02)!important;box-shadow:0 6px 20px #00f2fe80!important}.remote-search-input{flex:1!important;width:100%!important;background:transparent!important;border:none!important;outline:none!important;color:#fff!important;font-family:var(--font-family)!important;font-size:16px!important;padding:.5rem .6rem!important}.remote-search-input::placeholder{color:#64748b!important;font-size:.88rem!important;opacity:.9!important}.icon-pulse{animation:pulseNeonCyan 2s infinite ease-in-out}@keyframes pulseNeonCyan{0%,to{opacity:1;filter:drop-shadow(0 0 6px rgba(0,242,254,.8))}50%{opacity:.6;filter:drop-shadow(0 0 2px rgba(0,242,254,.3))}}@media (max-width: 640px){.remote-skin-card{width:98%!important;border-radius:18px!important}.remote-header-skin{padding:.85rem 1rem!important}.remote-header-skin h2{font-size:1.05rem!important}.remote-body-skin{padding:1rem .8rem!important}.remote-input-wrapper{padding:.25rem .3rem .25rem .75rem!important}.remote-search-input{font-size:16px!important;padding:.45rem .2rem!important}.remote-search-btn{padding:.55rem .85rem!important;font-size:.84rem!important}.remote-grid-skin{grid-template-columns:1fr!important;gap:.85rem!important}.btn-close-modal-styled{padding:.35rem .75rem!important;font-size:.8rem!important}}.remote-search-input:-webkit-autofill,.remote-search-input:-webkit-autofill:hover,.remote-search-input:-webkit-autofill:focus,.remote-search-input:-webkit-autofill:active{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0px 1000px #0f1526 inset!important;transition:background-color 5000s ease-in-out 0s!important}.remote-search-input:focus,.remote-search-input:focus-visible{outline:none!important;box-shadow:none!important}.remote-input-wrapper:focus-within{border-color:var(--neon-cyan)!important;box-shadow:0 0 20px #00f2fe66,inset 0 2px 8px #00000080!important}@media (orientation: landscape) and (max-height: 550px){.modal-backdrop{align-items:flex-start!important;padding:.25rem!important;overflow-y:auto!important}.modal-card.remote-skin-card,.youtube-remote-card{max-height:98vh!important;height:auto!important;margin:0 auto!important}.remote-header-skin{padding:.4rem .8rem!important}.remote-header-skin h2{font-size:.92rem!important}.remote-banner-skin{display:none!important}.remote-pin-skin{padding:.35rem .6rem!important;margin-bottom:.5rem!important}.remote-body-skin{padding:.5rem .75rem!important;max-height:calc(100vh - 60px)!important;overflow-y:auto!important}.remote-input-wrapper{padding:.2rem .3rem .2rem .6rem!important}.remote-search-input{font-size:15px!important;padding:.35rem .2rem!important}.remote-search-btn{padding:.4rem .75rem!important;font-size:.8rem!important}.remote-grid-skin{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:.6rem!important}.remote-card-skin{padding:.5rem!important}}.tv-floating-reactions-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:250}.tv-reaction-bubble{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:50px;padding:8px 18px;animation:floatReactionUp 3.2s cubic-bezier(.25,1,.5,1) forwards;pointer-events:none}.tv-reaction-bubble.tv-reaction-positive{background:#14532dd1;border:2px solid #22c55e;box-shadow:0 0 25px #22c55ea6,0 4px 15px #000000b3}.tv-reaction-bubble.tv-reaction-negative{background:#7f1d1dd1;border:2px solid #ef4444;box-shadow:0 0 25px #ef4444a6,0 4px 15px #000000b3}.tv-reaction-bubble-emoji{font-size:2.6rem;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.tv-reaction-bubble-label{font-size:.86rem;font-weight:800;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.95);letter-spacing:.4px}@keyframes floatReactionUp{0%{opacity:0;transform:translate(-50%,20px) scale(.6)}12%{opacity:1;transform:translate(-50%,-40px) scale(1.18)}25%{transform:translate(calc(-50% + 18px),-140px) scale(1)}50%{transform:translate(calc(-50% - 16px),-310px) scale(1.05)}75%{opacity:.92;transform:translate(calc(-50% + 12px),-490px) scale(.96)}to{opacity:0;transform:translate(-50%,-660px) scale(.8)}}.tv-score-overlay-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#05070fe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:300;display:flex;align-items:center;justify-content:center;padding:1.5rem}.tv-score-card{background:linear-gradient(145deg,#111827,#0f172a);border-radius:24px;padding:2.5rem 3.5rem;max-width:680px;width:92%;text-align:center;box-shadow:0 25px 60px #000000d9;animation:scorePopIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes scorePopIn{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.tv-score-card.tv-score-mode-moderada{border:2.5px solid rgba(34,197,94,.7);box-shadow:0 0 50px #22c55e59,0 25px 60px #000000d9}.tv-score-card.tv-score-mode-boteco{border:2.5px solid rgba(245,158,11,.75);box-shadow:0 0 50px #f59e0b66,0 25px 60px #000000d9}.tv-score-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.tv-score-trophy-icon{font-size:2.5rem;filter:drop-shadow(0 0 15px rgba(251,191,36,.6))}.tv-score-title{font-size:1.65rem;font-weight:900;color:#fbbf24;letter-spacing:1.2px;margin:0;text-transform:uppercase;text-shadow:0 0 20px rgba(251,191,36,.4)}.tv-score-song-name{font-size:1.15rem;color:#cbd5e1;font-style:italic;margin-bottom:1.25rem;max-width:550px;margin-left:auto;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-score-number-wrapper{display:flex;align-items:baseline;justify-content:center;gap:.4rem;margin-bottom:.85rem}.tv-score-number{font-size:5.8rem;font-weight:900;line-height:1;background:linear-gradient(180deg,#fff 25%,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 25px rgba(251,191,36,.5))}.tv-score-pts{font-size:2rem;font-weight:800;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.4)}.tv-score-comment{font-size:1.35rem;font-weight:700;color:#f8fafc;padding:.9rem 1.4rem;background:#ffffff0f;border-radius:12px;border-left:5px solid #fbbf24;margin-bottom:1.25rem;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.7)}.tv-score-audience-summary{display:flex;align-items:center;justify-content:center;gap:.85rem;font-size:.95rem;color:#94a3b8;font-weight:600;margin-bottom:1.5rem}.tv-score-stat-pos{color:#4ade80}.tv-score-stat-neg{color:#f87171}.tv-score-summary-sep{color:#475569}.tv-score-footer-countdown{font-size:.88rem;color:#94a3b8}.tv-score-progress-bar{width:100%;height:6px;background:#ffffff1f;border-radius:10px;overflow:hidden;margin-top:.5rem}.tv-score-progress-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#818cf8,#fbbf24);animation:scoreProgressFill 6.5s linear forwards}@keyframes scoreProgressFill{0%{width:0%}to{width:100%}}.floating-reactions-pill{position:fixed;bottom:22px;right:18px;z-index:990;display:flex;align-items:center;gap:.65rem;padding:.6rem .95rem;background:linear-gradient(135deg,#0f172af0,#1e293bf5);border:1.5px solid rgba(34,197,94,.6);border-radius:50px;box-shadow:0 8px 25px #0009,0 0 16px #22c55e59;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .18s ease-in-out,box-shadow .18s ease-in-out;max-width:calc(100vw - 36px)}.floating-reactions-pill:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 30px #000000bf,0 0 22px #22c55e8c}.floating-reactions-pill:active{transform:scale(.96)}.pill-pulse-dot{font-size:.65rem;animation:pulseNeonCyan 1.5s infinite ease-in-out}.pill-emoji{font-size:1.35rem}.pill-info{display:flex;flex-direction:column;min-width:0;line-height:1.2}.pill-label{font-size:.68rem;font-weight:700;color:#4ade80;text-transform:uppercase;letter-spacing:.4px}.pill-song-title{font-size:.82rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.pill-action-badge{background:#22c55e;color:#052e16;font-size:.72rem;font-weight:800;padding:.22rem .55rem;border-radius:20px;text-transform:uppercase;flex-shrink:0}.live-reaction-btn:hover{transform:translateY(-2px);filter:brightness(1.2)}.live-reaction-btn:active{transform:scale(.94)}:focus-visible,.tv-focused,[data-tv-focusable=true]:focus{outline:none!important;box-shadow:0 0 0 4px #fbbf24,0 0 25px #fbbf24b3!important;transform:scale(1.04)!important;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease-in-out!important;z-index:50!important}.tv-badge-mirror{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 0 15px #0284c780}.tv-badge-master{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 0 15px #16a34a80}.tv-reaction-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:45}html.mobile-remote-active,body.mobile-remote-active{overflow:hidden!important;height:100%!important;height:100vh!important;height:100dvh!important;width:100%!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;scrollbar-width:none!important;-ms-overflow-style:none!important}html.mobile-remote-active::-webkit-scrollbar,body.mobile-remote-active::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}body.mobile-remote-active .mobile-remote-wrapper{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;overflow:hidden!important}body.mobile-remote-active .mobile-remote-container{height:100%!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.mobile-remote-wrapper{width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;height:auto;overflow-x:hidden!important;overflow-y:auto;position:relative;display:flex;flex-direction:column;background-color:#0c0d12;scrollbar-width:none;-ms-overflow-style:none;z-index:50}.mobile-remote-wrapper::-webkit-scrollbar{display:none;width:0;height:0}@keyframes bell-ring{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-5deg)}}@keyframes spotify-pulse{0%,to{box-shadow:0 0 16px #1ed7604d,inset 0 0 8px #1ed7601f;border-color:#1ed76073}50%{box-shadow:0 0 28px #1ed7608c,inset 0 0 14px #1ed76040;border-color:#1ed760d9}}.bell-ring-active{animation:bell-ring 2.5s infinite ease-in-out}.pulse-wifi{animation:pulse-wifi-anim 2.5s infinite ease-in-out}@keyframes pulse-wifi-anim{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(30,215,96,.5))}50%{transform:scale(1.08);filter:drop-shadow(0 0 12px rgba(30,215,96,.9))}}.mobile-remote-container{min-height:100vh;min-height:100dvh;height:auto;background-color:#0c0d12;color:#f8fafc;display:flex;flex-direction:column;justify-content:flex-start;position:relative;overflow-x:hidden!important;overflow-y:auto;padding:.85rem .85rem calc(2.5rem + env(safe-area-inset-bottom,0px)) .85rem;max-width:480px;width:100%;margin:0 auto;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.mobile-remote-container::-webkit-scrollbar{display:none;width:0;height:0}.mobile-aurora-glow-1{position:absolute;top:-80px;left:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(30,215,96,.12) 0%,rgba(20,150,68,.04) 50%,transparent 70%);filter:blur(50px);pointer-events:none;z-index:1}.mobile-aurora-glow-2{position:absolute;bottom:60px;right:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(30,215,96,.1) 0%,rgba(20,150,68,.03) 50%,transparent 70%);filter:blur(50px);pointer-events:none;z-index:1}.mobile-remote-header{position:relative;z-index:10;display:flex;flex-direction:column;gap:.4rem;margin-bottom:.45rem;flex-shrink:0}.mobile-user-card{background:#ffffff0b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 20px -4px #0006}.mobile-user-profile{display:flex;align-items:center;gap:.65rem;cursor:pointer;-webkit-user-select:none;user-select:none}.mobile-avatar-neon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#1ed76099,#ffffff1a);padding:2px;flex-shrink:0;box-shadow:0 0 15px #1ed76040}.mobile-avatar-inner{width:100%;height:100%;background:#11131a;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:#1ed760}.mobile-user-info{display:flex;flex-direction:column}.mobile-user-row{display:flex;align-items:center;gap:.4rem}.mobile-user-name{font-size:.95rem;font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.2}.mobile-table-badge{background:#1ed76026;border:1px solid rgba(30,215,96,.4);color:#1ed760;font-size:.68rem;font-weight:900;padding:.12rem .4rem;border-radius:6px;letter-spacing:.02em}.mobile-edit-hint{font-size:.65rem;color:#64748b;margin-left:2px}.mobile-stage-status{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:#94a3b8;margin-top:.15rem}.stage-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.stage-dot.online{background-color:#1ed760;box-shadow:0 0 8px #1ed760}.stage-dot.offline{background-color:#64748b}.mobile-bell-btn{width:40px;height:40px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fbbf24;display:flex;align-items:center;justify-content:center;font-size:1.15rem;position:relative;cursor:pointer;transition:all .2s ease;flex-shrink:0}.mobile-bell-btn:active{transform:scale(.92)}.mobile-bell-badge{position:absolute;top:-4px;right:-4px;width:17px;height:17px;border-radius:50%;background:#1ed760;color:#090b14;font-size:.62rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #1ed76080}.mobile-alert-banner{background:linear-gradient(90deg,#f59e0b38,#1ed7601a,#0f172ae6);border:1px solid rgba(245,158,11,.5);border-radius:14px;padding:.45rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;box-shadow:0 8px 20px -4px #f59e0b40;animation:fadeIn .3s ease;flex-shrink:0}.mobile-alert-content{display:flex;align-items:center;gap:.55rem;min-width:0}.mobile-alert-icon{font-size:1.15rem;flex-shrink:0}.mobile-alert-text{min-width:0}.mobile-alert-title{display:block;font-size:.74rem;font-weight:900;color:#fde68a;line-height:1.2}.mobile-alert-desc{display:block;font-size:.66rem;color:#e2e8f0;margin-top:.08rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-alert-close{background:transparent;border:none;color:#94a3b8;font-size:.9rem;font-weight:700;padding:.15rem .35rem;cursor:pointer;border-radius:6px;flex-shrink:0}.mobile-squircle-grid{position:relative;z-index:10;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(115px,auto);gap:12px;flex:0 0 auto;min-height:0;margin-bottom:1rem}.mobile-squircle-tile{background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:1.1rem .75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s,border-color .18s,box-shadow .18s;min-height:115px;height:auto;box-sizing:border-box}.mobile-squircle-tile:hover{background:#ffffff12;border-color:#fff3;transform:translateY(-2px)}.mobile-squircle-tile:active{transform:scale(.96)}.mobile-squircle-tile.tile-primary{animation:spotify-pulse 2.8s infinite ease-in-out;background:#1ed7600f;border-color:#1ed76073}.tile-badge{position:absolute;top:8px;right:8px;font-size:.65rem;font-weight:900;padding:.18rem .5rem;border-radius:9999px;line-height:1}.tile-badge.badge-cyan{background:#1ed760;color:#090b14;box-shadow:0 0 10px #1ed76066;text-transform:uppercase;letter-spacing:.04em}.tile-badge.badge-pink{background:#1ed7602e;color:#1ed760;border:1px solid rgba(30,215,96,.35)}.tile-icon-wrapper{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:.55rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;flex-shrink:0;position:relative}.tile-icon-wrapper svg{width:24px;height:24px}.mobile-squircle-tile:hover .tile-icon-wrapper{transform:scale(1.12) translateY(-2px)}.mobile-squircle-tile:active .tile-icon-wrapper{transform:scale(.95)}.icon-music{background:linear-gradient(135deg,#1ed760,#15803d);color:#000;box-shadow:0 4px 18px #1ed76073,inset 0 1px 1px #fff6;border:1px solid rgba(255,255,255,.25)}.icon-queue{background:linear-gradient(135deg,#6366f140,#1e1b4bbf);border:1px solid rgba(129,140,248,.35);color:#a5b4fc;box-shadow:0 4px 16px #6366f140,inset 0 1px 1px #ffffff26}.icon-reactions{background:linear-gradient(135deg,#f59e0b40,#78350fbf);border:1px solid rgba(251,191,36,.35);color:#fbbf24;box-shadow:0 4px 16px #f59e0b40,inset 0 1px 1px #ffffff26}.icon-favorites{background:linear-gradient(135deg,#f43f5e40,#881337bf);border:1px solid rgba(251,113,133,.35);color:#fb7185;box-shadow:0 4px 16px #f43f5e40,inset 0 1px 1px #ffffff26}.icon-garcom{background:linear-gradient(135deg,#ffffff14,#1e293b99);border:1px solid rgba(255,255,255,.14);color:#cbd5e1;box-shadow:0 4px 14px #0000004d,inset 0 1px 1px #ffffff1a}.icon-tophits{background:linear-gradient(135deg,#a855f740,#581c87bf);border:1px solid rgba(192,132,252,.35);color:#c084fc;box-shadow:0 4px 16px #a855f740,inset 0 1px 1px #ffffff26}.tile-title{font-size:.95rem;font-weight:900;color:#fff;line-height:1.2;margin-top:0}.tile-subtitle{font-size:.74rem;color:#94a3b8;margin-top:.22rem;font-weight:500;line-height:1.15}.tile-primary .tile-subtitle{color:#86efac}.tile-emerald-highlight{border-color:#10b98159}.tile-emerald-highlight:hover{border-color:#10b981b3}.tile-emerald-title{color:#6ee7b7!important}.mobile-remote-footer{position:relative;z-index:10;margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding-top:.15rem;flex-shrink:0}.mobile-view-catalog-btn{width:100%;padding:.55rem .85rem;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:.76rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;transition:all .2s ease}.mobile-view-catalog-btn:hover{background:#ffffff17;border-color:#ffffff40;color:#fff}.mobile-view-catalog-btn:active{transform:scale(.98)}.mobile-footer-caption{font-size:.6rem;color:#64748b;text-align:center;line-height:1.2}.mobile-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.mobile-popup-card{background:#12141a;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:1.5rem;max-width:400px;width:100%;box-shadow:0 25px 50px -12px #000000d9;position:relative;display:flex;flex-direction:column;max-height:85vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.mobile-popup-card::-webkit-scrollbar{display:none;width:0;height:0}.mobile-popup-close{position:absolute;top:1rem;right:1rem;background:#ffffff14;border:none;color:#94a3b8;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-weight:700}.mobile-popup-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.25rem}.mobile-popup-icon{font-size:2.5rem;margin-bottom:.5rem}.mobile-popup-title{font-size:1.2rem;font-weight:900;color:#fff}.mobile-popup-subtitle{font-size:.78rem;color:#94a3b8;margin-top:.2rem}.mobile-form-group{margin-bottom:1rem}.mobile-form-label{display:block;font-size:.75rem;font-weight:700;color:#94a3b8;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.mobile-form-input{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:.75rem .9rem;color:#fff;font-size:.95rem;font-weight:600;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.mobile-form-input:focus{border-color:#1ed760;box-shadow:0 0 0 3px #1ed76040}.mobile-btn-primary{width:100%;padding:.85rem;border-radius:14px;background:linear-gradient(135deg,#1ed760,#1db954);border:none;color:#000;font-size:.9rem;font-weight:900;cursor:pointer;box-shadow:0 10px 20px -5px #1ed76066;transition:transform .15s ease,box-shadow .15s ease}.mobile-btn-primary:active{transform:scale(.97)}.floating-return-remote-btn{position:fixed;bottom:1.25rem;right:1.25rem;background:linear-gradient(135deg,#1ed760,#1db954);color:#000;padding:.65rem 1.1rem;border-radius:9999px;font-size:.82rem;font-weight:900;display:flex;align-items:center;gap:.45rem;box-shadow:0 10px 25px #1ed76073;z-index:999;cursor:pointer;border:none;animation:bounce-subtle 3s infinite ease-in-out}.queue-candy-view{display:flex;flex-direction:column;flex:1;min-height:0;z-index:10;animation:fadeIn .22s ease-out;overflow:hidden}.queue-candy-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;padding:0 .25rem;flex-shrink:0}.queue-back-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#1ed760;padding:.4rem .75rem;border-radius:12px;font-size:.76rem;font-weight:800;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;transition:all .18s ease}.queue-back-btn:hover{background:#1ed76026;border-color:#1ed76066}.queue-actions-bar{display:flex;align-items:center;gap:.45rem}.queue-action-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:.7rem;font-weight:700;padding:.32rem .6rem;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .18s ease}.queue-action-pill.pill-send-all{background:linear-gradient(135deg,#1ed76033,#1db95433);border-color:#1ed76073;color:#1ed760}.queue-action-pill.pill-send-all:hover{background:linear-gradient(135deg,#1ed76059,#1db95459)}.queue-action-pill.pill-clear{color:#f87171;border-color:#ef444440}.queue-action-pill.pill-clear:hover{background:#ef444426}.queue-candy-list{display:flex;flex-direction:column;gap:8px;margin-bottom:.6rem;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding-right:2px}.queue-candy-list::-webkit-scrollbar{display:none;width:0;height:0}.queue-candy-capsule{background:#ffffff0b;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:.65rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;flex-shrink:0}.queue-candy-capsule:hover{background:#ffffff13;border-color:#ffffff38;transform:translateY(-2px)}.queue-candy-capsule.capsule-lead{background:linear-gradient(90deg,#1ed76026,#14964414,#12131ad9);border:1px solid rgba(30,215,96,.5);box-shadow:0 0 25px #1ed76033}.capsule-circle-badge{width:38px;height:38px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.84rem;color:#f8fafc;flex-shrink:0}.capsule-lead .capsule-circle-badge{background:linear-gradient(135deg,#1ed760,#1db954);color:#000;border:none;box-shadow:0 0 14px #1ed76080}.capsule-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.12rem}.capsule-top-row{display:flex;align-items:center;gap:.45rem;min-width:0}.capsule-title{font-size:.88rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.capsule-status-tag{font-size:.6rem;font-weight:900;padding:.1rem .4rem;border-radius:9999px;background:#1ed76033;color:#1ed760;border:1px solid rgba(30,215,96,.45);white-space:nowrap;letter-spacing:.02em}.capsule-sub-row{display:flex;align-items:center;gap:.45rem;font-size:.7rem;color:#94a3b8}.capsule-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capsule-code{font-family:monospace;background:#ffffff14;padding:.1rem .35rem;border-radius:4px;color:#cbd5e1;font-size:.65rem}.capsule-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.capsule-btn-play{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#1ed760,#1db954);border:none;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 12px #1ed76059}.capsule-btn-play:active{transform:scale(.92)}.capsule-btn-delete{width:32px;height:32px;border-radius:10px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#f87171;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.capsule-btn-delete:hover{background:#ef444440;border-color:#ef444480}.capsule-btn-delete:active{transform:scale(.92)}.queue-empty-candy{background:#ffffff0a;border:1px dashed rgba(255,255,255,.15);border-radius:24px;padding:2rem 1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-bottom:1rem}.queue-empty-icon{font-size:2.5rem;opacity:.8}.queue-empty-title{font-size:1.05rem;font-weight:800;color:#fff}.queue-empty-subtitle{font-size:.75rem;color:#94a3b8;max-width:280px;line-height:1.4}.queue-add-more-btn{width:100%;padding:.7rem;border-radius:14px;background:linear-gradient(135deg,#1ed76026,#1db95426);border:1px solid rgba(30,215,96,.45);color:#1ed760;font-size:.84rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-top:auto;margin-bottom:.35rem}.queue-add-more-btn:hover{background:linear-gradient(135deg,#1ed76040,#1db95440);border-color:#1ed760b3;transform:translateY(-1px)}.pedir-musica-explanation-banner{display:flex;align-items:center;gap:.65rem;background:linear-gradient(135deg,#ec489924,#00f2fe24);border:1px solid rgba(236,72,153,.35);border-radius:14px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.88rem;font-weight:700;color:#f472b6;box-shadow:0 4px 15px #0003;line-height:1.4}.pedir-musica-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.9rem;max-height:440px;overflow-y:auto;padding-right:2px}.pedir-musica-card{background:#0f172abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .22s ease;box-shadow:0 4px 20px #0000004d}.pedir-musica-card:hover{border-color:#1ed76080;transform:translateY(-3px);box-shadow:0 8px 25px #1ed76040}.card-thumb-container{position:relative;width:100%;padding-top:56.25%;background:#090d16;overflow:hidden}.card-thumb-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.pedir-musica-card:hover .card-thumb-img{transform:scale(1.05)}.card-duration-badge{position:absolute;bottom:8px;right:8px;background:#000000d1;color:#fff;font-size:.72rem;font-weight:800;padding:2px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.card-official-badge{position:absolute;top:8px;left:8px;background:#1ed760e6;color:#000;font-size:.68rem;font-weight:900;padding:2px 7px;border-radius:6px;box-shadow:0 2px 8px #0006}.card-content-body{padding:.85rem;flex:1;display:flex;flex-direction:column;gap:.3rem}.card-song-title{font-size:.88rem;font-weight:800;color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-channel-name{font-size:.75rem;color:#94a3b8;font-weight:600}.card-request-btn{width:calc(100% - 1.7rem);margin:0 .85rem .85rem;padding:.65rem;border-radius:12px;background:linear-gradient(135deg,#1ed760,#1db954);border:none;color:#05130a;font-size:.82rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;box-shadow:0 4px 15px #1ed76059;transition:all .2s ease}.card-request-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 20px #1ed7608c}.card-request-btn.btn-stage-offline{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;box-shadow:0 4px 15px #ec489959}.commercial-fullscreen-wrapper{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background:#0b0f19;position:relative}.commercial-dashboard-root{display:flex;flex-direction:column;width:100vw;height:100vh;max-width:none;margin:0;border:none;border-radius:0;overflow:hidden;background:#0b0f19;box-shadow:none}.comm-global-header{height:64px;background:#111625;border-bottom:1px solid rgba(255,255,255,.08);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-shrink:0;z-index:20}.comm-header-left{display:flex;align-items:center;gap:.85rem}.comm-btn-sidebar-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.comm-btn-sidebar-toggle:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.comm-global-brand-logo{display:flex;align-items:center;gap:.75rem}.comm-global-brand-logo .logo-icon-wrapper{width:38px;height:38px}.comm-global-brand-logo .logo-icon{width:20px;height:20px}.comm-global-brand-logo .logo-text h1{font-size:1.15rem}.comm-global-pin-badge{font-size:.68rem;color:#10b981;font-weight:700;display:flex;align-items:center;gap:.35rem;margin-top:.2rem;background:#10b98114;border:1px solid rgba(16,185,129,.25);padding:.2rem .55rem;border-radius:9999px}.comm-header-search{position:relative;max-width:480px;flex:1}.comm-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:color .2s}.comm-search-clear:hover{color:#fff}.comm-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.comm-main-body{display:flex;flex:1;min-height:0;position:relative;overflow:hidden}.comm-sidebar{background:#111625;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;flex-shrink:0;z-index:10;transition:width .25s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.sidebar-expanded{width:240px}.sidebar-collapsed{width:68px}.comm-sidebar-header{height:64px;padding:0 .85rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.08);min-width:0;overflow:hidden}.sidebar-collapsed .comm-sidebar-header{padding:0;justify-content:center}.comm-operator-card-header{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;overflow:hidden}.comm-operator-card-header .comm-operator-avatar{font-size:1.05rem;width:28px;height:28px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comm-operator-card-header .comm-operator-info{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden}.comm-operator-card-header .comm-operator-name{font-size:.78rem;font-weight:800;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-operator-card-header .comm-operator-role{font-size:.65rem;color:#94a3b8;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-operator-card-header .comm-online-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;flex-shrink:0;margin-left:.15rem}.comm-sidebar-title-text{font-size:.86rem;font-weight:800;color:#cbd5e1;letter-spacing:-.01em;white-space:nowrap}.comm-sidebar-collapse-btn{background:transparent;border:none;color:#64748b;width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0;padding:0}.comm-sidebar-collapse-btn:hover{background:#ffffff14;color:#f1f5f9}.comm-sidebar-expand-btn{background:transparent;border:none;color:#64748b;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.comm-sidebar-expand-btn:hover{background:#ffffff14;color:#38bdf8}.comm-nav-item.comm-nav-item-disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.5)}.comm-nav-item.comm-nav-item-disabled:hover{background:#ffffff08;color:var(--text-muted);transform:none}.comm-counter-badge.badge-slate,.comm-rail-badge.badge-slate{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.25)}.comm-btn-hamburger{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.comm-btn-hamburger:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40;transform:translateY(-1px)}.sidebar-collapsed .comm-nav-item{padding:.75rem 0;justify-content:center;position:relative}.sidebar-collapsed .comm-nav-icon-title{gap:0;justify-content:center}.comm-rail-divider{height:1px;background:#ffffff14;margin:.5rem .6rem}.comm-rail-badge{position:absolute;top:4px;right:10px;font-size:.6rem;font-weight:900;padding:.12rem .35rem;border-radius:9999px;background:#f59e0b;color:#0f172a;line-height:1;box-shadow:0 0 8px #f59e0b66}.comm-rail-badge.badge-amber{background:#f59e0b;color:#0f172a}.comm-rail-badge.badge-rose{background:#f43f5e;color:#fff;box-shadow:0 0 10px #f43f5e99}.comm-rail-dot{position:absolute;top:8px;right:14px;width:7px;height:7px;border-radius:50%}.comm-rail-dot.dot-green{background:#10b981;box-shadow:0 0 8px #10b981}.comm-rail-dot.dot-red{background:#ef4444}.comm-logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#ec4899,#f43f5e);display:flex;align-items:center;justify-content:center;font-size:1.15rem;box-shadow:0 4px 12px #ec489959}.comm-brand-title{font-size:.95rem;font-weight:900;color:#fff;letter-spacing:-.02em;display:block;line-height:1.1}.text-pink{color:#f472b6}.comm-brand-badge{font-size:.68rem;color:#10b981;font-weight:700;display:flex;align-items:center;gap:.35rem;margin-top:.2rem}.dot-live{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.comm-sidebar-nav{flex:1;padding:.85rem .65rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.comm-nav-group-label{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;padding:.6rem .65rem .25rem}.comm-nav-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;border-radius:12px;border:1px solid transparent;background:transparent;color:#94a3b8;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:left}.comm-nav-item:hover{background:#ffffff0a;color:#f8fafc}.comm-nav-item.active{background:#ec48991f;border-color:#ec48994d;color:#f472b6}.comm-nav-icon-title{display:flex;align-items:center;gap:.65rem}.comm-counter-badge{font-size:.68rem;font-weight:900;padding:.15rem .45rem;border-radius:9999px;line-height:1}.badge-orange{background:#f59e0b33;color:#fbbf24}.badge-amber{background:#f59e0b40;color:#fde68a;border:1px solid rgba(245,158,11,.4)}.badge-rose{background:#f43f5e40;color:#fca5a5;border:1px solid rgba(244,63,94,.4)}.badge-emerald{background:#10b98133;color:#6ee7b7}.pulse-anim{animation:pulseSlow 2s infinite ease-in-out}.comm-status-pill{font-size:.65rem;font-weight:800;padding:.15rem .45rem;border-radius:6px}.pill-green{background:#10b98126;color:#10b981}.pill-red{background:#ef444426;color:#ef4444}.comm-sidebar-footer{padding:.75rem;border-top:1px solid rgba(255,255,255,.08);background:#0d111c}.comm-operator-card{display:flex;align-items:center;gap:.65rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:.5rem .65rem;border-radius:12px}.comm-operator-avatar{font-size:1rem}.comm-operator-info{display:flex;flex-direction:column;flex:1}.comm-operator-name{font-size:.78rem;font-weight:800;color:#fff;line-height:1.1}.comm-operator-role{font-size:.65rem;color:#64748b;margin-top:.1rem}.comm-online-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}.comm-workspace{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#0b0f19}.comm-topbar{height:64px;background:#111625;border-bottom:1px solid rgba(255,255,255,.08);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0}.comm-search-wrapper{position:relative;max-width:420px;width:100%}.comm-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b}.comm-search-input{width:100%;padding:.5rem .85rem .5rem 2.25rem;background:#0d111c;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#fff;font-size:.82rem;outline:none;transition:border-color .2s}.comm-search-input:focus{border-color:#ec4899}.comm-topbar-actions{display:flex;align-items:center;gap:.65rem}.comm-btn-primary{background:linear-gradient(135deg,#ec4899,#db2777);border:none;color:#fff;font-size:.82rem;font-weight:800;padding:.55rem .95rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 14px #ec489959;transition:transform .15s}.comm-btn-primary:active{transform:scale(.96)}.comm-btn-karaoke{background:#1ed7601f;border:1px solid rgba(30,215,96,.3);color:#1ed760;font-size:.82rem;font-weight:800;padding:.55rem .95rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}.comm-btn-karaoke:hover{background:#1ed76033}.comm-btn-tv{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.comm-btn-tv:hover{color:#fff;border-color:#ffffff40}.comm-content-area{flex:1;display:flex;overflow:hidden;position:relative}.comm-tab-container{flex:1;display:flex;flex-direction:column;overflow-y:auto}.comm-table-filters-bar{padding:.85rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);background:#11162580;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0}.comm-filter-chips{display:flex;align-items:center;gap:.45rem}.comm-chip{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#94a3b8;font-size:.75rem;font-weight:700;padding:.35rem .75rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}.comm-chip:hover{background:#ffffff14;color:#fff}.comm-chip.active{background:#ec489926;border-color:#ec489966;color:#f472b6}.chip-green.active{background:#10b98126;border-color:#10b98166;color:#10b981}.chip-amber.active{background:#f59e0b26;border-color:#f59e0b66;color:#fbbf24}.chip-rose.active{background:#f43f5e26;border-color:#f43f5e66;color:#fb7185}.dot{width:6px;height:6px;border-radius:50%}.dot-green{background:#10b981}.dot-amber{background:#f59e0b}.dot-rose{background:#f43f5e}.comm-legend-labels{display:flex;align-items:center;gap:.85rem;font-size:.72rem;color:#64748b;font-weight:600}.legend-item{display:flex;align-items:center;gap:.35rem}.legend-color{width:10px;height:10px;border-radius:3px}.bg-green{background:#10b98166;border:1px solid #10b981}.bg-amber{background:#f59e0b66;border:1px solid #f59e0b}.bg-rose{background:#f43f5e66;border:1px solid #f43f5e}.comm-tables-grid{flex:1;padding:1.25rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;align-content:start;overflow-y:auto}.comm-table-card{border-radius:18px;padding:.85rem;display:flex;flex-direction:column;justify-content:space-between;min-height:110px;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;-webkit-user-select:none;user-select:none}.comm-table-card:hover{transform:translateY(-2px)}.selected-table{outline:2px solid #ec4899;box-shadow:0 0 20px #ec48994d}.table-card-free{background:#10b98112;border:1px solid rgba(16,185,129,.22);color:#6ee7b7}.table-card-occupied{background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);color:#fde68a;box-shadow:0 4px 14px #f59e0b14}.table-card-closing{background:#f43f5e26;border:1px solid rgba(244,63,94,.45);color:#fca5a5;box-shadow:0 6px 18px #f43f5e1f}.table-card-top{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.table-card-title{font-size:.95rem;font-weight:900;color:#fff}.table-status-tag{font-size:.62rem;font-weight:900;padding:.15rem .45rem;border-radius:9999px;line-height:1}.badge-free{background:#10b98140;color:#6ee7b7}.badge-occupied{background:#f59e0b40;color:#fde68a}.badge-closing{background:#f43f5e59;color:#fff;animation:pulseSlow 1.5s infinite ease-in-out}.table-card-body{margin-top:.65rem}.table-free-caption{font-size:.75rem;color:#64748b;font-weight:500}.table-money-val{font-size:.95rem;font-weight:900;color:#fff;letter-spacing:-.01em}.table-comanda-sub{font-size:.68rem;color:#cbd5e1;font-weight:600;margin-top:.15rem}.comm-drawer{width:330px;background:#111625;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;flex-shrink:0;z-index:10}.comm-drawer-header{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);background:#0d111c99;display:flex;align-items:center;justify-content:space-between}.comm-drawer-title{font-size:1.1rem;font-weight:900;color:#fff}.comm-drawer-sub{font-size:.72rem;color:#94a3b8;margin-top:.15rem}.comm-drawer-close{background:transparent;border:none;color:#64748b;font-size:1rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px}.comm-drawer-close:hover{background:#ffffff0f;color:#fff}.comm-drawer-body{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.drawer-section-header{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem}.drawer-empty-box{background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:12px;padding:1rem;text-align:center;font-size:.75rem;color:#64748b}.drawer-item-box{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.65rem .85rem}.drawer-song-row{background:#ec489914;border:1px solid rgba(236,72,153,.2);border-radius:10px;padding:.5rem .75rem;font-size:.8rem}.comm-drawer-footer{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.08);background:#0d111ccc;display:flex;flex-direction:column;gap:.45rem}.drawer-calc-row{display:flex;align-items:center;justify-content:space-between;font-size:.78rem}.drawer-total-row{display:flex;align-items:center;justify-content:space-between;font-size:.95rem;font-weight:900;color:#fff;border-top:1px solid rgba(255,255,255,.1);padding-top:.45rem;margin-top:.25rem}.drawer-grand-total{font-size:1.25rem;color:#10b981}.comm-btn-small{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:.75rem;font-weight:700;padding:.45rem .75rem;border-radius:10px;cursor:pointer;transition:all .2s}.comm-btn-small:hover{background:#ffffff1a;color:#fff}.btn-highlight{background:#ec489926;border-color:#ec489959;color:#f472b6}.comm-btn-checkout{width:100%;margin-top:.35rem;padding:.75rem;border-radius:12px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.85rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.45rem;box-shadow:0 4px 14px #10b9814d;transition:transform .15s}.comm-btn-checkout:active{transform:scale(.97)}.comm-tab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.comm-tab-title{font-size:1.15rem;font-weight:900;color:#fff;margin:0}.comm-tab-subtitle{font-size:.75rem;color:#94a3b8;margin-top:.2rem}.comm-empty-card{background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:16px;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#94a3b8}.comm-kds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.comm-kds-card{background:#111625e6;border:1px solid rgba(245,158,11,.4);border-radius:18px;padding:1.1rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 25px #00000059}.kds-delivered{border-color:#ffffff14;opacity:.7}.kds-card-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.65rem;margin-bottom:.85rem}.kds-table-badge{font-size:.95rem;font-weight:900;color:#fbbf24;display:block}.kds-comanda-sub{font-size:.72rem;color:#94a3b8}.kds-status-tag{font-size:.65rem;font-weight:900;padding:.2rem .5rem;border-radius:6px}.tag-pending{background:#f59e0b33;color:#fde68a;border:1px solid rgba(245,158,11,.4)}.tag-delivered{background:#10b98133;color:#6ee7b7}.kds-items-list{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}.kds-item-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.kds-card-footer{border-top:1px solid rgba(255,255,255,.08);padding-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.kds-total-price{font-size:.82rem;font-weight:800;color:#cbd5e1}.kds-btn-deliver{background:#10b981;border:none;color:#fff;font-size:.75rem;font-weight:800;padding:.45rem .85rem;border-radius:10px;cursor:pointer;transition:opacity .2s}.kds-btn-deliver:hover{opacity:.9}.kds-btn-remove{background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:.72rem;padding:.4rem .7rem;border-radius:8px;cursor:pointer}.comm-waiter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.comm-waiter-card{background:#111625e6;border:1px solid rgba(244,63,94,.4);border-radius:18px;padding:1.1rem;box-shadow:0 10px 25px #f43f5e1a}.waiter-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.waiter-bell-circle{width:40px;height:40px;border-radius:12px;background:#f43f5e33;border:1px solid rgba(244,63,94,.4);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.waiter-table-title{font-size:1.05rem;font-weight:900;color:#fff;margin:0}.waiter-user-sub{font-size:.75rem;color:#94a3b8;margin-top:.1rem}.waiter-time-badge{font-size:.65rem;color:#fda4af;font-weight:700}.waiter-attend-btn{width:100%;padding:.65rem;border-radius:10px;border:none;background:#10b981;color:#fff;font-size:.78rem;font-weight:800;cursor:pointer;transition:opacity .2s}.waiter-attend-btn:hover{opacity:.9}.comm-now-playing-banner{background:#ec48991a;border:1px solid rgba(236,72,153,.3);border-radius:20px;padding:1.25rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.now-playing-icon{width:48px;height:48px;border-radius:14px;background:#ec489933;border:1px solid rgba(236,72,153,.4);color:#f472b6;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.now-playing-tag{font-size:.65rem;font-weight:900;text-transform:uppercase;color:#f472b6;letter-spacing:.05em;display:block}.now-playing-title{font-size:1.15rem;font-weight:900;color:#fff;margin:.1rem 0}.now-playing-artist{font-size:.8rem;color:#cbd5e1;margin:0}.comm-section-heading{font-size:.82rem;font-weight:800;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:.65rem}.comm-queue-item-row{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}.queue-pos-badge{width:24px;height:24px;border-radius:50%;background:#ffffff1a;color:#fff;font-size:.75rem;font-weight:900;display:flex;align-items:center;justify-content:center}.comm-tv-status-card{background:#111625cc;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem}.tv-big-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center}.tv-online{background:#1ed76026;border:1px solid rgba(30,215,96,.4);color:#1ed760}.tv-offline{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444}@media (max-width: 1024px){.comm-drawer{width:280px}}@media (max-width: 768px){.commercial-dashboard-root{flex-direction:column;height:auto}.comm-sidebar{width:100%;height:auto}.comm-drawer{width:100%}}.badge-cyan{background:#06b6d433;color:#67e8f9;border:1px solid rgba(6,182,212,.4)}.badge-purple{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.4)}.comm-barmenu-layout{display:grid;grid-template-columns:340px 1fr;gap:1.5rem;align-items:start}@media (max-width: 1100px){.comm-barmenu-layout{grid-template-columns:1fr}}.comm-form-card{background:#111625d9;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.25rem;box-shadow:0 10px 30px #00000040}.comm-form-card-title{font-size:.95rem;font-weight:800;color:#fbbf24;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.comm-input-field{width:100%;background:#0a0e19cc;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.65rem .85rem;color:#fff;font-size:.85rem;outline:none;transition:all .2s;box-sizing:border-box}.comm-input-field:focus{border-color:#fbbf24;box-shadow:0 0 12px #fbbf2440;background:#0f1423f2}.comm-select-field{width:100%;background:#0d111c;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.65rem .85rem;color:#fff;font-size:.85rem;outline:none;cursor:pointer}.comm-btn-submit-bar{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;color:#0f172a;font-size:.85rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #f59e0b4d;transition:all .2s}.comm-btn-submit-bar:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b73}.comm-btn-submit-bar:active{transform:scale(.98)}.comm-barmenu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.comm-bar-item-card{background:#111625bf;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;transition:all .2s}.comm-bar-item-card:hover{border-color:#fbbf244d;transform:translateY(-2px);box-shadow:0 6px 18px #00000040}.comm-bar-item-icon{width:44px;height:44px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.comm-bar-item-info{flex:1;min-width:0}.comm-bar-item-title{font-size:.88rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.comm-bar-item-desc{font-size:.72rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.15rem 0 .3rem}.comm-bar-item-meta{display:flex;align-items:center;gap:.5rem}.comm-bar-item-price{font-size:.85rem;font-weight:900;color:#34d399}.comm-bar-item-cat-badge{font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:6px;background:#ffffff0f;color:#cbd5e1}.comm-btn-delete-item{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.comm-btn-delete-item:hover{background:#ef4444;color:#fff;border-color:#ef4444}.comm-qrcode-layout{display:grid;grid-template-columns:1fr 340px;gap:1.75rem;align-items:start}@media (max-width: 1050px){.comm-qrcode-layout{grid-template-columns:1fr}}.comm-mode-selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1.25rem}.comm-mode-card{padding:1.1rem;border-radius:14px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.35rem}.comm-mode-card.mode-mesa{background:#00f2fe0d;border:1px solid rgba(0,242,254,.2)}.comm-mode-card.mode-mesa.active{background:#00f2fe26;border:2px solid #00f2fe;box-shadow:0 0 20px #00f2fe33}.comm-mode-card.mode-comanda{background:#a855f70d;border:1px solid rgba(168,85,247,.2)}.comm-mode-card.mode-comanda.active{background:#a855f72e;border:2px solid #c084fc;box-shadow:0 0 20px #a855f740}.comm-acrylic-preview-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.comm-tailadmin-layout{display:flex!important;min-height:100vh;width:100vw;background-color:#0b0d17!important;color:var(--text-main);overflow-x:hidden;position:relative}.comm-tailadmin-sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;height:100vh!important;z-index:1000!important;display:flex!important;flex-direction:column!important;background:#0f1322!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:4px 0 24px #00000080!important;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important;box-sizing:border-box}.comm-tailadmin-sidebar.expanded{width:290px!important}.comm-tailadmin-sidebar.collapsed{width:90px!important}@media (max-width: 1279px){.comm-tailadmin-sidebar{width:290px!important;transform:translate(-100%)!important}.comm-tailadmin-sidebar.mobile-open{transform:translate(0)!important;box-shadow:10px 0 50px #000000e6!important}}.comm-tailadmin-header{min-height:80px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;box-sizing:border-box}.comm-tailadmin-sidebar.collapsed .comm-tailadmin-header{min-height:70px;justify-content:center;padding:0}.comm-tailadmin-logo-box{display:flex;flex-direction:column;align-items:flex-start;gap:4px;overflow:hidden;cursor:pointer}.comm-sidebar-brand-logo-compact{display:flex;align-items:center;gap:10px}.comm-sidebar-brand-logo-compact .logo-icon-wrapper{width:42px;height:42px;border-radius:12px;box-shadow:0 0 15px var(--neon-magenta-glow)}.comm-sidebar-brand-logo-compact .logo-icon{width:22px;height:22px}.comm-sidebar-brand-logo-compact .sparkle-icon{width:13px;height:13px;top:-4px;right:-4px}.comm-sidebar-brand-logo-compact .logo-text h1{font-size:1.45rem;font-weight:900;letter-spacing:-.5px;line-height:1.1;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.comm-sidebar-brand-logo-compact .logo-text h1 span{font-weight:900;background:linear-gradient(90deg,var(--neon-magenta),var(--neon-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(255,0,127,.4))}.comm-tailadmin-pin-pill{font-size:11px;font-weight:700;color:#10b981;display:flex;align-items:center;gap:6px;margin-top:2px;background:#10b9811f;border:1px solid rgba(16,185,129,.25);padding:2px 8px;border-radius:6px}.comm-tailadmin-pin-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.comm-tailadmin-toggle-btn{width:32px;height:32px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.comm-tailadmin-toggle-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff40}.comm-tailadmin-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 12px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.comm-tailadmin-group{display:flex;flex-direction:column;gap:4px}.comm-tailadmin-group-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:0 8px 6px;transition:all .2s;-webkit-user-select:none;user-select:none}.comm-tailadmin-sidebar.collapsed .comm-tailadmin-group-title{text-align:center;padding:0 0 6px;font-size:12px;letter-spacing:.15em}.comm-tailadmin-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:transparent!important;border:1px solid transparent!important;color:#94a3b8!important;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;text-align:left;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box}.comm-tailadmin-sidebar.collapsed .comm-tailadmin-item{justify-content:center;padding:12px 0}.comm-tailadmin-item:hover{background:#ffffff0f!important;color:#f8fafc!important}.comm-tailadmin-item.active{background:#7928ca40!important;border-color:#00f2fe66!important;color:#00f2fe!important;box-shadow:0 0 16px #00f2fe1f!important}.comm-tailadmin-item.active .comm-tailadmin-icon{color:#00f2fe!important}.comm-tailadmin-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;color:#64748b;transition:color .2s ease}.comm-tailadmin-item:hover .comm-tailadmin-icon{color:#cbd5e1}.comm-tailadmin-item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}.comm-tailadmin-badge{font-size:11px;font-weight:800;padding:2px 8px;border-radius:9999px;line-height:1.2;margin-left:auto;white-space:nowrap}.comm-tailadmin-badge.badge-amber{background:#f59e0b33;border:1px solid rgba(245,158,11,.4);color:#fbbf24}.comm-tailadmin-badge.badge-rose{background:#f43f5e33;border:1px solid rgba(244,63,94,.4);color:#fb7185}.comm-tailadmin-badge.badge-cyan{background:#00f2fe26;border:1px solid rgba(0,242,254,.35);color:#00f2fe}.comm-tailadmin-badge.badge-emerald{background:#10b98133;border:1px solid rgba(16,185,129,.35);color:#34d399}.comm-tailadmin-badge.badge-slate{background:#64748b33;border:1px solid rgba(100,116,139,.3);color:#94a3b8;font-size:10px;text-transform:uppercase}.comm-tailadmin-rail-dot{position:absolute;top:8px;right:18px;width:8px;height:8px;border-radius:50%}.comm-tailadmin-rail-dot.dot-amber{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.comm-tailadmin-rail-dot.dot-rose{background:#f43f5e;box-shadow:0 0 8px #f43f5e}.comm-tailadmin-rail-dot.dot-green{background:#10b981;box-shadow:0 0 8px #10b981}.comm-tailadmin-rail-dot.dot-red{background:#ef4444}.comm-tailadmin-submenu{margin-left:24px;padding-left:12px;border-left:2px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:2px;margin-top:4px;margin-bottom:4px;overflow:hidden;transition:all .3s ease-in-out}.comm-tailadmin-subitem{width:100%;display:flex;align-items:center;padding:8px 12px;border-radius:8px;background:transparent!important;border:none!important;color:#94a3b8!important;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;text-align:left;box-sizing:border-box}.comm-tailadmin-subitem:hover{background:#ffffff0d!important;color:#fff!important}.comm-tailadmin-subitem.active{background:#00f2fe26!important;color:#00f2fe!important;font-weight:700}.comm-tailadmin-status-pill{font-size:11px;font-weight:800;padding:2px 8px;border-radius:6px;margin-left:auto;line-height:1.2}.comm-tailadmin-status-pill.pill-green{background:#10b9812e;border:1px solid rgba(16,185,129,.35);color:#34d399}.comm-tailadmin-status-pill.pill-red{background:#ef44442e;border:1px solid rgba(239,68,68,.35);color:#f87171}.comm-tailadmin-footer{padding:12px;border-top:1px solid rgba(255,255,255,.08);background:#0b0f19b3;flex-shrink:0;box-sizing:border-box}.comm-tailadmin-operator-card{display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 12px}.comm-tailadmin-sidebar.collapsed .comm-tailadmin-operator-card{padding:8px 0;justify-content:center;border-color:transparent;background:transparent}.comm-tailadmin-operator-avatar-box{position:relative;width:36px;height:36px;border-radius:10px;background:#7928ca4d;border:1px solid rgba(121,40,202,.4);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.comm-tailadmin-operator-online-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#10b981;border:2px solid #0f1322;box-shadow:0 0 6px #10b981}.comm-tailadmin-operator-meta{display:flex;flex-direction:column;line-height:1.2;overflow:hidden;margin-left:10px;margin-right:6px;flex:1}.comm-tailadmin-operator-name{font-size:13px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-tailadmin-operator-role{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-tailadmin-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#000000bf!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;z-index:999!important;cursor:pointer;transition:opacity .3s ease}.comm-tailadmin-content{flex:1;display:flex;flex-direction:column;min-height:100vh;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);background:var(--bg-dark)}@media (min-width: 1280px){.comm-tailadmin-content.with-expanded-sidebar{margin-left:290px!important}.comm-tailadmin-content.with-collapsed-sidebar{margin-left:90px!important}}@media (max-width: 1279px){.comm-tailadmin-content{margin-left:0!important}}.comm-ecommerce-card{background:#0f1322!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:1.25rem 1.5rem!important;box-shadow:0 10px 30px #0006!important;margin-top:1rem}.comm-ecommerce-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.comm-ecommerce-title-box{display:flex;flex-direction:column;gap:4px}.comm-ecommerce-title{font-size:1.15rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px;margin:0}.comm-ecommerce-subtitle{font-size:.8rem;color:#94a3b8;margin:0}.comm-ecommerce-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comm-ecommerce-btn{display:inline-flex;align-items:center;gap:6px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d!important;padding:8px 14px;font-size:.8125rem;font-weight:600;color:#cbd5e1!important;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.comm-ecommerce-btn:hover{background:#ffffff1a!important;color:#fff!important;border-color:#ffffff40}.comm-ecommerce-btn.btn-primary{background:linear-gradient(135deg,#7928ca,#465fff)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 4px 14px #465fff59}.comm-ecommerce-btn.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.comm-ecommerce-btn.btn-trash{background:#ef44441f!important;border-color:#ef44444d!important;color:#fca5a5!important}.comm-ecommerce-btn.btn-trash:hover{background:#ef444440!important;color:#fff!important}.comm-ecommerce-search-box{position:relative;display:flex;align-items:center;min-width:220px}.comm-ecommerce-search-icon{position:absolute;left:10px;color:#64748b;pointer-events:none}.comm-ecommerce-search-input{width:100%;height:36px;padding:0 28px 0 32px;border-radius:8px;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-size:.82rem;outline:none;transition:all .2s;box-sizing:border-box}.comm-ecommerce-search-input:focus{border-color:#00f2fe!important;background:#00f2fe0d!important;box-shadow:0 0 10px #00f2fe26}.comm-ecommerce-search-clear{position:absolute;right:8px;background:transparent!important;border:none!important;color:#64748b!important;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px}.comm-ecommerce-search-clear:hover{color:#fff!important}.comm-ecommerce-cat-select{height:36px;padding:0 12px;border-radius:8px;background:#111625!important;border:1px solid rgba(255,255,255,.12)!important;color:#cbd5e1!important;font-size:.82rem;outline:none;cursor:pointer;box-sizing:border-box}.comm-ecommerce-cat-select:focus{border-color:#a855f7!important}.comm-ecommerce-table-wrapper{width:100%;overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.comm-ecommerce-table{width:100%;border-collapse:collapse;text-align:left;font-size:.84rem}.comm-ecommerce-th{padding:12px 16px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#0f172acc;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap;-webkit-user-select:none;user-select:none}.comm-ecommerce-th.sortable{cursor:pointer}.comm-ecommerce-th.sortable:hover{color:#cbd5e1}.comm-ecommerce-tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s ease}.comm-ecommerce-tr:hover{background:#ffffff08}.comm-ecommerce-td{padding:12px 16px;color:#cbd5e1;vertical-align:middle}.comm-ecommerce-product-cell{display:flex;align-items:center;gap:14px}.comm-ecommerce-thumb{width:46px;height:46px;min-width:46px;min-height:46px;border-radius:10px;overflow:hidden;background:#1e293b;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.comm-ecommerce-thumb img{width:100%;height:100%;object-fit:cover;display:block}.comm-ecommerce-prod-info{display:flex;flex-direction:column;gap:2px;min-width:0}.comm-ecommerce-prod-name{font-weight:700;color:#fff;font-size:.9rem;line-height:1.3}.comm-ecommerce-prod-meta{font-size:.75rem;color:#94a3b8;display:flex;align-items:center;gap:6px}.comm-ecommerce-cat-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:9999px;font-size:.75rem;font-weight:700;background:#7928ca2e;border:1px solid rgba(121,40,202,.35);color:#c084fc}.comm-ecommerce-price{font-weight:800;color:#f8fafc;font-size:.92rem;font-variant-numeric:tabular-nums}.comm-ecommerce-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:800;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;border:1px solid transparent}.comm-ecommerce-status-badge.status-available{background:#10b98126;color:#34d399;border-color:#10b98159}.comm-ecommerce-status-badge.status-available:hover{background:#10b98140;box-shadow:0 0 10px #10b98140}.comm-ecommerce-status-badge.status-unavailable{background:#ef444426;color:#f87171;border-color:#ef444459}.comm-ecommerce-status-badge.status-unavailable:hover{background:#ef444440;box-shadow:0 0 10px #ef444440}.comm-ecommerce-status-dot{width:6px;height:6px;border-radius:50%}.status-available .comm-ecommerce-status-dot{background:#10b981;box-shadow:0 0 6px #10b981}.status-unavailable .comm-ecommerce-status-dot{background:#ef4444}.comm-ecommerce-actions-cell{display:flex;align-items:center;gap:6px}.comm-ecommerce-icon-btn{width:32px;height:32px;border-radius:8px;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important;color:#94a3b8!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.comm-ecommerce-icon-btn:hover{background:#ffffff1a!important;color:#fff!important;border-color:#fff3!important}.comm-ecommerce-icon-btn.btn-delete:hover{background:#ef444433!important;color:#f87171!important;border-color:#ef444466!important}.comm-form-card{background:#0f1322!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:1.5rem!important;box-shadow:0 12px 35px #00000073!important;margin-top:1rem}.comm-form-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:1.5rem}.comm-form-title-box{display:flex;flex-direction:column;gap:4px}.comm-form-title{font-size:1.25rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px;margin:0}.comm-form-subtitle{font-size:.8rem;color:#94a3b8;margin:0}.comm-form-close-btn{width:34px;height:34px;border-radius:8px;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#94a3b8!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.comm-form-close-btn:hover{background:#ffffff1f!important;color:#fff!important;border-color:#ffffff40!important}.comm-form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.comm-form-grid{grid-template-columns:repeat(2,1fr)}.comm-form-grid.single-col{grid-template-columns:1fr;max-width:700px;margin:0 auto}}.comm-form-section{background:#ffffff05!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:1.2rem}.comm-form-section-title{font-size:.92rem;font-weight:700;color:#cbd5e1;display:flex;align-items:center;gap:8px;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05);margin:0}.comm-form-field{display:flex;flex-direction:column;gap:6px}.comm-form-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;display:flex;align-items:center;gap:4px}.comm-form-required{color:#f43f5e}.comm-form-input,.comm-form-select,.comm-form-textarea{width:100%;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;padding:.65rem .9rem!important;font-size:.85rem!important;color:#fff!important;outline:none!important;transition:all .2s ease;box-sizing:border-box}.comm-form-input:focus,.comm-form-select:focus,.comm-form-textarea:focus{border-color:#7928ca!important;background:#7928ca14!important;box-shadow:0 0 12px #7928ca40!important}.comm-form-select option{background:#0f1322!important;color:#fff!important}.comm-form-helper{font-size:.72rem;color:#64748b;margin-top:2px}.comm-form-toggle-wrap{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.comm-form-toggle-wrap:hover{background:#ffffff0d}.comm-form-toggle-track{width:44px;height:24px;border-radius:9999px;position:relative;transition:all .2s ease;flex-shrink:0}.comm-form-toggle-track.active{background:linear-gradient(135deg,#7928ca,#465fff)!important;box-shadow:0 0 10px #7928ca66}.comm-form-toggle-track.inactive{background:#ffffff1f!important}.comm-form-toggle-knob{width:18px;height:18px;background:#fff!important;border-radius:50%;position:absolute;top:3px;transition:transform .2s ease}.comm-form-toggle-track.active .comm-form-toggle-knob{transform:translate(23px)}.comm-form-toggle-track.inactive .comm-form-toggle-knob{transform:translate(3px)}.comm-form-dropzone{border:1.5px dashed rgba(255,255,255,.18);border-radius:12px;padding:1.5rem;text-align:center;background:#ffffff05;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.comm-form-dropzone:hover{border-color:#7928ca;background:#7928ca0d}.comm-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.07);margin-top:1.5rem}.comm-form-btn-cancel{padding:.65rem 1.25rem;border-radius:8px;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.12)!important;color:#cbd5e1!important;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.comm-form-btn-cancel:hover{background:#ffffff1a!important;color:#fff!important}.comm-form-btn-submit{display:inline-flex;align-items:center;gap:8px;padding:.65rem 1.5rem;border-radius:8px;background:linear-gradient(135deg,#7928ca,#465fff)!important;border:none!important;color:#fff!important;font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #465fff59;transition:all .2s ease}.comm-form-btn-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.comm-form-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-pocket-mode{background:#a78bfa26!important;border:1px solid rgba(167,139,250,.45)!important;color:#c4b5fd!important}.btn-pocket-mode:hover{background:#a78bfa4d!important;color:#fff!important}.tv-pocket-mode-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-color:#000000fc!important;z-index:9999999;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}.tv-pocket-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:2rem}.tv-pocket-unlock-widget{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.tv-pocket-ring-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.tv-pocket-ring-bg{fill:none;stroke:#ffffff14;stroke-width:6}.tv-pocket-ring-fill{fill:none;stroke:#a78bfa;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .03s linear}.tv-pocket-center-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a78bfaa6;transition:all .2s ease}.tv-pocket-center-icon.holding{color:#c4b5fd;transform:scale(1.12);filter:drop-shadow(0 0 12px rgba(167,139,250,.8))}.tv-pocket-progress-text{font-size:.75rem;font-weight:800;margin-top:4px;color:#c4b5fd}.tv-pocket-title{color:#fff6;font-size:.9rem;letter-spacing:.15em;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.tv-pocket-hint{color:#ffffff40;font-size:.82rem;max-width:290px;line-height:1.4}.tv-pocket-now-playing{margin-top:1.25rem;color:#ffffff59;font-size:.82rem;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}