:root{--bg-primary: #07071a;--bg-secondary: #0d0d2b;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--bg-glass: rgba(255, 255, 255, .06);--bg-glass-strong: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .07);--border-glass: rgba(255, 255, 255, .12);--border-color: rgba(255, 255, 255, .1);--border-glow: rgba(0, 212, 255, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .3);--neon-cyan: #00d4ff;--neon-purple: #b829dd;--neon-pink: #ff0080;--neon-orange: #ff6b35;--neon-green: #00ff88;--neon-red: #ff4444;--gradient-main: linear-gradient(135deg, #00d4ff, #b829dd);--gradient-hot: linear-gradient(135deg, #ff0080, #ff6b35);--gradient-bg: linear-gradient(160deg, #07071a 0%, #0d0d2b 40%, #10082a 70%, #07071a 100%);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--shadow-glow-cyan: 0 0 20px rgba(0, 212, 255, .15);--shadow-glow-pink: 0 0 20px rgba(255, 0, 128, .15);--shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255,255,255,.05);--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Space Grotesk", "Inter", sans-serif;--transition-fast: .2s ease;--transition-normal: .35s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .5s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}body{min-height:100dvh;background:var(--gradient-bg)}a{color:var(--neon-cyan);text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #00d4ff33,0 0 24px #00d4ff0d}50%{box-shadow:0 0 16px #00d4ff66,0 0 48px #00d4ff1a}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.65;transform:scale(1.01)}}@keyframes shake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-3px)}30%,60%,90%{transform:translate(3px)}}@keyframes voteBounce{0%{transform:scale(1)}25%{transform:scale(1.35)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes fireFlicker{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.15) rotate(2deg)}}@keyframes equalizerBar{0%,to{height:12%}25%{height:85%}50%{height:35%}75%{height:95%}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes borderGlow{0%,to{border-color:#00d4ff33}50%{border-color:#00d4ff80}}@keyframes numberFlip{0%{transform:translateY(100%) rotateX(-90deg);opacity:0}to{transform:translateY(0) rotateX(0);opacity:1}}.animate-shake{animation:shake .5s ease}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}.glass-strong{background:var(--bg-glass-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}.logo{height:40px;width:auto;object-fit:contain}.logo-large{height:56px}.logo-display{height:70px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;box-shadow:0 4px 20px #3b82f640;border:none}.btn-primary:hover{box-shadow:0 6px 30px #3b82f666;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#f44,#c00);color:#fff;border:none}.btn-ghost{background:#ffffff0a;color:var(--text-primary);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{background:#ffffff14;border-color:#ffffff26}.btn-success{background:linear-gradient(135deg,#00e05a,#00cc6a);color:#000;border:none}.btn-small{padding:7px 14px;font-size:12px;border-radius:var(--radius-sm)}.input{width:100%;padding:13px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text-primary);font-size:15px;outline:none;transition:border-color .3s,box-shadow .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f,0 0 16px #3b82f614}.input:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 3px #00d4ff14}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-hot{background:#ff008026;color:var(--neon-pink);border:1px solid rgba(255,0,128,.25)}.song-album-art{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-secondary);flex-shrink:0}.song-album-art-placeholder{width:48px;height:48px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#00d4ff1a,#b829dd1a);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.song-info{flex:1;min-width:0}.song-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{color:var(--text-secondary);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.song-rank{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--text-muted);min-width:26px;text-align:center}.song-rank.top-1{color:var(--neon-pink)}.song-rank.top-2{color:var(--neon-cyan)}.song-rank.top-3{color:var(--neon-purple)}.vote-area{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:48px}.vote-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-glass);border-radius:50%;background:var(--bg-glass);color:var(--text-secondary);font-size:16px;transition:all var(--transition-fast)}.vote-btn:hover:not(.voted){border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00d4ff14}.vote-btn.voted{border-color:var(--neon-cyan);background:#00d4ff1f;color:var(--neon-cyan)}.vote-btn.vote-bounce{animation:voteBounce .4s ease}.vote-count{font-size:13px;font-weight:700;color:var(--text-secondary);font-family:var(--font-display)}.vote-count.is-hot{color:var(--neon-pink)}.fire-icon{display:inline-block;animation:fireFlicker 1.2s ease infinite}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state .icon{font-size:40px;margin-bottom:10px}.empty-state p{font-size:14px}.status-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 20px;animation:fadeIn .5s ease}.status-overlay .icon{font-size:56px;margin-bottom:16px}.status-overlay h2{font-family:var(--font-display);font-size:22px;margin-bottom:6px}.status-overlay p{color:var(--text-secondary);font-size:14px}.success-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:var(--neon-green);color:#000;padding:12px 28px;border-radius:var(--radius-xl);font-weight:600;font-size:14px;z-index:100;box-shadow:0 4px 24px #00ff8859}.request-page{min-height:100dvh;padding:16px 16px 100px;max-width:440px;margin:0 auto}.request-header{text-align:center;padding:16px 0 10px;animation:fadeIn .4s ease}.request-header .logo{height:32px;margin-bottom:14px}.request-header h1{font-family:var(--font-display);font-size:20px;font-weight:700}.req-tab-bar{display:flex;gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--border-glass);background:var(--bg-glass);margin-bottom:16px}.req-tab{flex:1;padding:10px 0;font-size:14px;font-weight:700;font-family:var(--font-display);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s;position:relative}.req-tab:first-child{border-right:1px solid var(--border-glass)}.req-tab.active{background:#00d4ff1a;color:var(--neon-cyan)}.req-tab.active:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;background:var(--neon-cyan);border-radius:2px}.request-remaining{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:20px;font-size:12px;color:var(--text-secondary);margin-top:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.request-remaining strong{color:var(--neon-cyan);font-family:var(--font-display)}.search-section{margin-top:16px;animation:fadeInUp .4s ease .1s both}.search-results{margin-top:10px;display:flex;flex-direction:column;gap:6px}.search-result-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.search-result-item:hover{background:var(--bg-glass)}.search-result-item.selected{background:#00d4ff0f;border:1px solid rgba(0,212,255,.2)}.search-result-item:not(.selected){border:1px solid transparent}.search-result-item img{width:42px;height:42px;border-radius:8px;object-fit:cover}.search-result-info{flex:1;min-width:0}.search-result-info .name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-info .artist{color:var(--text-secondary);font-size:12px}.manual-input{margin-top:14px}.manual-toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;color:var(--text-muted);font-size:12px;cursor:pointer;transition:color var(--transition-fast)}.manual-toggle:hover{color:var(--text-secondary)}.manual-fields{display:flex;flex-direction:column;gap:8px;margin-top:8px}.submit-section{margin-top:16px}.submit-section .btn{width:100%;padding:16px;font-size:15px;border-radius:var(--radius-xl)}.request-list-section{margin-top:28px;animation:fadeInUp .4s ease .15s both}.section-title{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}.request-list{display:flex;flex-direction:column;gap:8px}.song-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;background:var(--bg-glass);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.song-card.is-top-1{border-color:#ff008040;background:#ff00800a}.dj-panel{min-height:100dvh;padding:16px;max-width:860px;margin:0 auto;background:#06060c}.dj-panel.dj-compact{max-width:100%;display:flex;flex-direction:column;height:100dvh;padding:0;overflow:hidden;gap:0;--rb-bg: #08080e;--rb-bg-row: rgba(255,255,255,.02);--rb-border: rgba(255,255,255,.06);--rb-green: #00e05a;--rb-blue: #3b82f6;--rb-orange: #f59e0b;--rb-text: #d0d0d8;--rb-text-dim: #6b6b78;--rb-accent: #06b6d4;background:var(--rb-bg)}.djc-row1{display:flex;align-items:center;gap:10px;padding:8px 14px;background:linear-gradient(180deg,#3b82f60f,#06b6d408);border-bottom:1px solid var(--rb-border);flex-shrink:0}.djc-brand-block{display:flex;align-items:center;gap:6px;flex-shrink:0}.djc-remiksbox{font-family:var(--font-display);font-size:20px;font-weight:900;letter-spacing:1px;background:linear-gradient(135deg,#3b82f6,#06b6d4,#3b82f6);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:loginGradientShift 4s ease infinite}.djc-row1-divider{width:1px;height:20px;background:var(--border-glass);flex-shrink:0}.djc-event-name{font-weight:700;font-size:14px;color:var(--rb-text)}.djc-slug{font-size:11px;color:var(--rb-text-dim)}.djc-toolbar{display:flex;align-items:center;gap:10px;padding:6px 14px;background:#ffffff04;border-bottom:1px solid var(--rb-border);flex-shrink:0;flex-wrap:wrap}.djc-actions{display:flex;gap:6px;align-items:center}.djc-countdown-group{display:flex;gap:4px;align-items:center}.djc-btn{padding:6px 14px!important;font-size:13px!important;min-width:auto!important}.djc-preset{padding:5px 10px!important;font-size:13px!important}.djc-link-btn{font-size:18px!important;padding:4px 8px!important}.djc-stats-strip{display:flex;gap:14px;align-items:center;margin-left:auto}.djc-stat{display:flex;align-items:baseline;gap:4px}.djc-stat-val{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--rb-green)}.djc-stat-lbl{font-size:10px;color:var(--rb-text-dim)}.djc-quick-links{display:flex;gap:4px}.djc-qr-popup{display:flex;align-items:center;gap:12px;padding:8px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden}.djc-settings-row{display:flex;gap:10px;flex-shrink:0;padding:5px 14px;background:#ffffff04;border-bottom:1px solid var(--rb-border)}.djc-settings-row .djc-brand-row{flex:1}.djc-brand-row{display:flex;align-items:center;gap:6px;padding:1px 0;flex-shrink:0}.djc-brand-label{font-size:10px;color:var(--rb-text-dim);white-space:nowrap;font-weight:600}.djc-brand-input{flex:1;padding:4px 8px!important;font-size:12px!important;font-weight:600}.djc-ticker-input{flex:1;padding:4px 8px!important;font-size:11px!important;font-family:inherit;resize:vertical;min-height:36px;line-height:1.3}.djc-brand-saving{font-size:11px;animation:pulse 1s ease infinite}.djc-list-header{font-family:var(--font-display);font-size:12px;font-weight:700;padding:5px 14px;flex-shrink:0;color:var(--rb-text);display:flex;align-items:center;justify-content:space-between;background:#3b82f60a;border-bottom:1px solid var(--rb-border)}.djc-limit-toggle{display:flex;align-items:center;gap:4px}.djc-limit-label{font-size:10px;color:var(--rb-text-dim);font-weight:600}.lang-toggle{display:flex;border-radius:8px;overflow:hidden;border:1px solid rgba(59,130,246,.2);background:#ffffff08}.lang-toggle button{padding:5px 10px;font-size:11px;font-weight:700;background:transparent;border:none;color:var(--rb-text-dim, var(--text-muted));transition:all var(--transition-fast)}.lang-toggle button.active{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff}.status-chip{padding:4px 12px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.status-chip.waiting{background:#ffffff0a;color:var(--rb-text-dim, var(--text-muted));border-color:#ffffff14}.status-chip.active{background:#00e05a1a;color:var(--rb-green, var(--neon-green));border-color:#00e05a33}.status-chip.paused{background:#f59e0b1a;color:var(--rb-orange, orange);border-color:#f59e0b33}.status-chip.countdown{background:#3b82f61a;color:var(--rb-blue, var(--neon-cyan));border-color:#3b82f633}.status-chip.ended{background:#ff000014;color:#f44;border-color:#ff000026}.dj-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.dj-actions .btn{flex:1;min-width:130px}.dj-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stat-card{padding:14px;text-align:center;border-radius:var(--radius-md)}.stat-value{font-family:var(--font-display);font-size:26px;font-weight:800;background:var(--gradient-main);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:11px;color:var(--text-muted);margin-top:2px}.dj-qr-section{display:flex;gap:16px;align-items:center;padding:16px;margin-bottom:16px}.dj-qr-section canvas,.dj-qr-section svg{border-radius:var(--radius-sm)}.dj-qr-info{flex:1}.dj-qr-info .link{font-family:monospace;font-size:12px;color:var(--neon-cyan);word-break:break-all;margin-top:4px}.copy-btn{padding:6px 12px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.copy-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.dj-request-list{display:flex;flex-direction:column;gap:8px}.dj-song-card{display:flex;align-items:center;gap:12px;padding:12px 14px;transition:all var(--transition-normal)}.dj-song-card .song-info{flex:1}.dj-card-actions{display:flex;gap:5px;flex-shrink:0}.dj-card-actions .btn{padding:6px 11px;font-size:11px}.countdown-presets{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.preset-btn{padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:13px;font-weight:700;background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-fast)}.preset-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.preset-btn.active{background:#00d4ff1f;border-color:var(--neon-cyan);color:var(--neon-cyan)}.dj-table{width:100%;border-collapse:separate;border-spacing:0 2px}.dj-table-row{background:#ffffff04;transition:all var(--transition-fast)}.dj-table-row:hover{background:#3b82f60f}.dj-table-row td{padding:6px 8px;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;color:var(--rb-text, var(--text-primary))}.dj-table-row td:first-child{border-left:1px solid rgba(255,255,255,.04);border-radius:8px 0 0 8px}.dj-table-row td:last-child{border-right:1px solid rgba(255,255,255,.04);border-radius:0 8px 8px 0}.dj-table-rank{font-family:var(--font-display);font-weight:800;font-size:14px;text-align:center;width:32px;color:var(--rb-text-dim, var(--text-muted))}.dj-table-rank.top-1{color:var(--rb-orange, var(--neon-pink))}.dj-table-rank.top-2{color:var(--rb-blue, var(--neon-cyan))}.dj-table-rank.top-3{color:var(--rb-accent, var(--neon-purple))}.dj-table-song{font-weight:600;font-size:13px;color:#e0e0e8}.dj-table-artist{color:var(--rb-text-dim, var(--text-secondary));font-size:11px}.dj-table-votes{font-family:var(--font-display);font-weight:800;font-size:16px;text-align:center;color:var(--rb-green, var(--neon-cyan))}.dj-table-votes.is-hot{color:var(--rb-orange, var(--neon-pink))}.dj-table-actions{white-space:nowrap}.dj-table-actions .btn{padding:5px 10px;font-size:11px}.dj-table-row-pending td:first-child{border-left:3px solid var(--rb-orange, #f59e0b)!important;padding-left:6px}.dj-table-row-pending .dj-table-song{color:var(--rb-orange, #f59e0b)}.djc-stat-pending{color:var(--rb-orange, #f59e0b)!important}.dj-list-scroll{flex:1;min-height:0;overflow-y:auto;border-radius:var(--radius-md);padding:4px}.dj-list-scroll::-webkit-scrollbar{width:4px}.dj-list-scroll::-webkit-scrollbar-track{background:transparent}.dj-list-scroll::-webkit-scrollbar-thumb{background:#3b82f633;border-radius:4px}.dj-list-scroll::-webkit-scrollbar-thumb:hover{background:#3b82f666}.dj-compact .empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#06060c;overflow:hidden}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:60px 60px;animation:loginGridDrift 20s linear infinite}@keyframes loginGridDrift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.login-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.login-orb-1{width:400px;height:400px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-100px;left:-100px;animation:loginOrbFloat1 8s ease-in-out infinite}.login-orb-2{width:350px;height:350px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-80px;right:-80px;animation:loginOrbFloat2 10s ease-in-out infinite}.login-orb-3{width:250px;height:250px;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:loginOrbFloat3 12s ease-in-out infinite}@keyframes loginOrbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.15)}}@keyframes loginOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-40px) scale(1.1)}}@keyframes loginOrbFloat3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.5}}.login-scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,212,255,.015) 2px,rgba(0,212,255,.015) 4px);pointer-events:none}.login-content{position:relative;z-index:1;width:100%;max-width:420px;padding:20px}.login-hero{text-align:center;margin-bottom:32px}.login-remiksbox{display:block;font-family:var(--font-display);font-size:48px;font-weight:900;letter-spacing:2px;margin-bottom:8px;background:linear-gradient(135deg,#3b82f6,#06b6d4,#3b82f6);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:loginGradientShift 4s ease infinite;text-shadow:0 0 40px rgba(59,130,246,.3)}@keyframes loginGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-tagline{color:#888;font-size:14px;letter-spacing:1px;margin:0 0 16px}.login-badge-row{display:flex;justify-content:center;gap:10px}.login-badge{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:4px 12px;border-radius:20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);color:#60a5fa}.login-card{background:#111116d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:32px 28px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff08 inset}.login-card-title{font-family:var(--font-display);font-size:18px;color:#ddd;text-align:center;margin:0 0 24px}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:12px;font-size:14px;z-index:1;pointer-events:none}.login-input-wrap .input{padding-left:38px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:border-color .3s,box-shadow .3s}.login-input-wrap .input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 0 20px #3b82f61a}.login-error{color:#f44;font-size:13px;margin-bottom:12px;padding:8px 12px;background:#ff444414;border-radius:10px;border:1px solid rgba(255,68,68,.15);overflow:hidden}.login-btn-primary{width:100%;padding:13px 20px;background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:box-shadow .3s,transform .15s;box-shadow:0 4px 20px #3b82f64d}.login-btn-primary:hover{box-shadow:0 6px 30px #3b82f680}.login-btn-ghost{padding:10px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#aaa;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.login-btn-ghost:hover{background:#ffffff14;border-color:#fff3;color:#ddd}.form-group{margin-bottom:14px;text-align:left}.form-group label{display:block;font-size:11px;font-weight:600;color:#6b6b78;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.form-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:#555;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#2a2a32,transparent)}.login-user-chip{display:inline-flex;align-items:center;gap:10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:30px;padding:6px 14px 6px 6px;margin-top:12px}.login-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff}.login-user-name{font-size:14px;font-weight:600;color:#ddd;letter-spacing:.3px}.login-user-logout{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#888;font-size:11px;cursor:pointer;transition:background .2s,color .2s;margin-left:4px}.login-user-logout:hover{background:#ff444426;color:#f66;border-color:#ff44444d}.connect-row{display:flex;gap:8px}.connect-row .input{flex:1}.login-footer{position:relative;z-index:1;width:100%;max-width:560px;margin-top:40px;padding:24px 20px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.login-footer-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.login-footer-logo{font-family:var(--font-display);font-size:16px;font-weight:900;background:linear-gradient(135deg,#3b82f6,#06b6d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-footer-by{font-size:12px;color:#555}.login-footer-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#666;margin-bottom:12px}.login-footer-links span:not(.login-footer-sep){cursor:default;transition:color .2s}.login-footer-links span:not(.login-footer-sep):hover{color:#aaa}.login-footer-sep{color:#333}.login-footer-legal{font-size:10px;color:#444;line-height:1.6;max-width:480px;margin:0 auto}.login-footer-legal p{margin:4px 0}.display-page{width:100vw;height:100vh;overflow:hidden;position:relative;background:#050510}.display-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 15% 30%,rgba(0,212,255,.06) 0%,transparent 50%),radial-gradient(ellipse at 85% 70%,rgba(184,41,221,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(255,0,128,.04) 0%,transparent 40%),linear-gradient(180deg,#050510,#0a0a2e,#050510);background-size:200% 200%;animation:gradientShift 15s ease infinite}.display-disco-img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(65vw,65vh);height:auto;opacity:.35;pointer-events:none;z-index:0;animation:discoPulse 5s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,255,255,.1))}@keyframes discoPulse{0%,to{opacity:.35;filter:drop-shadow(0 0 30px rgba(255,255,255,.1));transform:scale(1)}50%{opacity:.45;filter:drop-shadow(0 0 50px rgba(255,255,255,.2));transform:scale(1.02)}}.dsp-center-hero{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.dsp-hero-logo{height:min(30vh,200px);width:auto;opacity:.18}.dsp-v2{display:flex;flex-direction:column;height:100%;padding:12px 28px 0}.dsp-topbar{display:flex;align-items:center;padding:6px 0;flex-shrink:0}.dsp-topbar-center{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.dsp-topbar-right{flex-shrink:0;position:absolute;right:28px;top:16px}.dsp-brand-logo{height:80px;width:auto}.dsp-brand-motto{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap}.dsp-event-name{font-family:var(--font-display);font-size:clamp(24px,4vw,52px);font-weight:900;text-transform:uppercase;letter-spacing:6px;background:linear-gradient(90deg,#00d4fff2,#b829ddd9,#ff0080e6,#00d4fff2);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:brandGradientH 8s ease infinite;filter:drop-shadow(0 0 16px rgba(0,212,255,.25))}@keyframes brandGradientH{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.dsp-3col{display:flex;height:75vh;align-items:stretch;justify-content:space-between;padding:0;margin:auto 0;width:100%}.dsp-card{background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.dsp-list-card{flex:0 0 30%;max-width:30%;padding:10px 12px}.dsp-card-title{font-family:var(--font-display);font-size:14px;font-weight:700;padding:0 0 6px;color:var(--text-secondary);flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}.dsp-table-empty{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:16px}.dsp-table-wrap{flex:1;min-height:0;overflow-y:auto}.dsp-table{width:100%;border-collapse:separate;border-spacing:0 2px}.dtable-row{background:transparent;transition:all var(--transition-fast)}.dtable-row:hover{background:#ffffff05}.dtable-top3{background:#00d4ff08}.dtable-first{background:#ff00800a}.dtable-row td{padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.dtable-top3 td{padding:5px 6px}.dtable-row td:first-child{width:28px;text-align:center;border-left:2px solid transparent;border-radius:4px 0 0 4px}.dtable-top3 td:first-child{border-left-color:var(--neon-cyan)}.dtable-first td:first-child{border-left-color:var(--neon-pink)}.dtable-rank{font-family:var(--font-display);font-weight:800;font-size:12px;color:var(--text-muted)}.dtable-rank.rank-1{color:var(--neon-pink)}.dtable-rank.rank-2{color:var(--neon-cyan)}.dtable-rank.rank-3{color:var(--neon-purple)}.dtable-medal{font-size:14px}.dtable-art-cell{width:32px;padding:3px 4px!important}.dtable-art{width:28px;height:28px;border-radius:4px;object-fit:cover;display:block}.dtable-art-ph{width:28px;height:28px;border-radius:4px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;font-size:12px}.dtable-top3 .dtable-art,.dtable-top3 .dtable-art-ph{width:34px;height:34px}.dtable-info-cell{min-width:0}.dtable-song{font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30vw}.dtable-song-lg{font-size:14px;font-weight:700}.dtable-artist{font-size:10px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtable-top3 .dtable-artist{font-size:11px}.dtable-votes-cell{text-align:center;width:44px}.dtable-votes{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--neon-cyan);display:block}.dtable-votes-lg{font-size:17px}.dtable-vote-label{font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.dtable-badge-cell{width:24px;text-align:center}.dsp-qr-card{flex:0 0 30%;max-width:30%;align-items:center;justify-content:center;gap:12px;padding:16px}.dsp-qr-box{padding:8px;background:#fff;border-radius:var(--radius-md);box-shadow:0 0 24px #00d4ff1f}.dsp-qr-label{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);text-align:center}.dsp-qr-sub{font-size:13px;color:var(--neon-cyan);font-weight:600;text-align:center;animation:pulse 2s ease infinite}@keyframes discoRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.ambient-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 20% 50%,rgba(0,212,255,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 30%,rgba(184,41,221,.06) 0%,transparent 60%),radial-gradient(ellipse at 50% 80%,rgba(255,0,128,.05) 0%,transparent 50%);animation:ambientShift 15s ease-in-out infinite alternate}@keyframes ambientShift{0%{opacity:.6;filter:hue-rotate(0deg)}33%{opacity:.9}66%{opacity:.7}to{opacity:1;filter:hue-rotate(40deg)}}.neon-orbs{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.neon-orb{position:absolute;border-radius:50%;animation:orbDrift ease-in-out infinite alternate;filter:blur(40px)}@keyframes orbDrift{0%{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(30px,-40px) scale(1.15);opacity:.8}50%{transform:translate(-20px,20px) scale(.9);opacity:.6}75%{transform:translate(15px,30px) scale(1.1);opacity:.9}to{transform:translate(-30px,-15px) scale(1);opacity:.5}}.disco-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.disco-particle{position:absolute;border-radius:50%;animation:particleFloat linear infinite;opacity:0}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-20vh) scale(1)}}.light-beams{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;opacity:.12}.light-beam{position:absolute;width:2px;height:120%;top:-10%;background:linear-gradient(180deg,transparent,var(--neon-cyan),transparent);animation:beamSway 8s ease-in-out infinite;transform-origin:top center}@keyframes beamSway{0%,to{transform:rotate(-15deg);opacity:.3}50%{transform:rotate(15deg);opacity:.8}}.display-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:24px 32px 0}.display-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-shrink:0}.display-header-left{display:flex;align-items:center;gap:14px}.display-logo-area{display:flex;flex-direction:column;align-items:center;animation:breathe 5s ease infinite}.display-logo-area .logo{height:52px}.display-tagline{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;background:var(--gradient-main);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:4px}.display-live-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ff00001a;border:1px solid rgba(255,0,0,.25);border-radius:20px;font-size:12px;font-weight:700}.live-dot{width:8px;height:8px;background:red;border-radius:50%;animation:pulse 1.5s ease infinite;box-shadow:0 0 8px #f009}.live-count{color:var(--text-secondary);font-size:11px;margin-left:4px}.display-main{flex:1;display:flex;gap:28px;overflow:hidden;min-height:0}.display-list-col{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.display-list-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.display-qr-col{width:200px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.display-qr-box{background:#fff;padding:12px;border-radius:var(--radius-md);line-height:0;box-shadow:0 0 30px #00d4ff26,0 0 60px #b829dd14;animation:glowPulse 3s ease infinite}.display-qr-text{text-align:center;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-secondary);line-height:1.4}.display-qr-arrow{font-size:28px;animation:breathe 2s ease infinite}.display-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;margin-bottom:14px;flex-shrink:0;align-items:end}.podium-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 10px;border-radius:var(--radius-lg);position:relative;transition:all var(--transition-smooth);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.podium-card.rank-1{background:#ff00800f;border:1px solid rgba(255,0,128,.25);padding:22px 10px;animation:borderGlow 3s ease infinite}.podium-card.rank-1:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#ff008033,#00d4ff1a,#b829dd33);z-index:-1;filter:blur(12px);opacity:.5;animation:breathe 3s ease infinite}.podium-card.rank-2{background:#00d4ff0d;border:1px solid rgba(0,212,255,.18)}.podium-card.rank-3{background:#b829dd0d;border:1px solid rgba(184,41,221,.18)}.podium-rank{font-family:var(--font-display);font-weight:900;margin-bottom:8px}.podium-card.rank-1 .podium-rank{font-size:32px;color:var(--neon-pink);text-shadow:0 0 20px rgba(255,0,128,.4)}.podium-card.rank-2 .podium-rank{font-size:24px;color:var(--neon-cyan)}.podium-card.rank-3 .podium-rank{font-size:24px;color:var(--neon-purple)}.podium-art{width:64px;height:64px;border-radius:var(--radius-md);object-fit:cover;margin-bottom:8px}.podium-card.rank-1 .podium-art{width:80px;height:80px}.podium-art-placeholder{width:64px;height:64px;border-radius:var(--radius-md);background:linear-gradient(135deg,#00d4ff1a,#b829dd1a);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:8px}.podium-card.rank-1 .podium-art-placeholder{width:80px;height:80px;font-size:30px}.podium-song{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.podium-card.rank-1 .podium-song{font-size:17px}.podium-artist{color:var(--text-secondary);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:2px}.podium-votes{display:flex;align-items:center;gap:4px;margin-top:6px;font-family:var(--font-display);font-size:20px;font-weight:800;position:relative}.podium-card.rank-1 .podium-votes{color:var(--neon-pink);font-size:26px}.podium-card.rank-2 .podium-votes{color:var(--neon-cyan)}.podium-card.rank-3 .podium-votes{color:var(--neon-purple)}.podium-vote-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-top:2px}.display-rest-list{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:6px}.display-rest-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-normal)}.display-rest-item .song-name{font-size:15px}.display-rest-item .song-artist{font-size:12px}.display-rest-vote{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--neon-cyan);min-width:44px;text-align:center}.display-ticker{flex-shrink:0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:6px 0;margin-bottom:6px;overflow:hidden;position:relative}.display-ticker:before,.display-ticker:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2}.display-ticker:before{left:0;background:linear-gradient(90deg,#050510,transparent)}.display-ticker:after{right:0;background:linear-gradient(90deg,transparent,#050510)}.ticker-track{display:flex;gap:40px;animation:tickerScroll var(--ticker-duration, 30s) linear infinite;white-space:nowrap}.ticker-item{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);flex-shrink:0}.ticker-item .ticker-emoji{font-size:16px}.ticker-item .ticker-song{color:var(--text-primary);font-weight:600}.ticker-item .ticker-dot{color:var(--neon-purple);font-size:8px}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.display-state-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.display-countdown{font-family:var(--font-display)}.countdown-label{font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:5px;color:var(--neon-cyan);margin-bottom:24px;text-shadow:0 0 30px rgba(0,212,255,.4)}.countdown-timer{font-size:130px;font-weight:900;line-height:1;background:var(--gradient-main);background-size:200% 200%;animation:gradientShift 4s ease infinite;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;filter:drop-shadow(0 0 40px rgba(0,212,255,.3))}.countdown-sub{font-size:15px;color:var(--text-muted)}.display-waiting-logo{height:100px;margin-bottom:32px;animation:breathe 4s ease infinite}.display-waiting h2{font-family:var(--font-display);font-size:32px;font-weight:700;margin-bottom:10px}.display-waiting p{color:var(--text-secondary);font-size:16px}.display-ended h2{font-family:var(--font-display);font-size:44px;font-weight:800;background:var(--gradient-main);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.display-paused h2{font-family:var(--font-display);font-size:32px;font-weight:700;margin-bottom:10px}.display-paused p,.display-ended p{color:var(--text-secondary);font-size:16px}.display-fullscreen-hint{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:999;cursor:pointer}.display-fullscreen-hint span{font-family:var(--font-display);font-size:22px;color:var(--text-muted);padding:20px 40px;border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.display-fullscreen-hint:hover span{color:var(--neon-cyan);border-color:var(--neon-cyan)}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;animation:confettiFall linear forwards}.display-grid-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.display-grid-item{display:flex;align-items:center;gap:10px;background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px;transition:all var(--transition-fast);animation:fadeSlideUp .35s ease both}.display-grid-item:hover{border-color:var(--border-glass)}.display-grid-rank{font-family:var(--font-display);font-weight:800;font-size:14px;min-width:24px;text-align:center;color:var(--text-muted)}.display-grid-art{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}.display-grid-art-ph{width:36px;height:36px;border-radius:6px;background:var(--bg-glass-strong);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.display-grid-info{flex:1;min-width:0}.display-grid-song{font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display-grid-artist{font-size:10px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display-grid-votes{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--neon-cyan);flex-shrink:0}.vote-confetti{position:fixed;pointer-events:none;z-index:200}.vote-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:voteParticleBurst .6s ease-out forwards}@keyframes voteParticleBurst{0%{transform:translate(0) scale(1);opacity:1}to{opacity:0}}.song-card-voted{animation:voteGlow .5s ease}@keyframes voteGlow{0%{box-shadow:0 0 #00d4ff00}50%{box-shadow:0 0 20px 4px #00d4ff4d}to{box-shadow:0 0 #00d4ff00}}.summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a0a0ef7,#14141ef7);z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;animation:fadeIn .6s ease}.summary-title{font-family:var(--font-display);font-size:40px;font-weight:800;background:var(--gradient-main);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.summary-cards{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;max-width:900px}.summary-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:24px 30px;min-width:240px;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fadeSlideUp .5s ease both}.summary-card:nth-child(2){animation-delay:.15s}.summary-card:nth-child(3){animation-delay:.3s}.summary-card-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:12px}.summary-card-value{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-primary)}.summary-card-sub{font-size:12px;color:var(--text-secondary);margin-top:4px}.summary-stat-big{font-family:var(--font-display);font-size:56px;font-weight:900;background:var(--gradient-main);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.display-page{--theme-primary: #00d4ff;--theme-glow: rgba(0, 212, 255, .3)}.display-page .dsp-event-name,.display-page .dsp-brand-motto,.display-page .dsp-card-title,.display-page .dsp-qr-label,.display-page .dtable-votes-lg,.display-page .countdown-timer,.display-page .display-live-badge .live-count{color:var(--theme-primary)}.display-page .dtable-top3{border-color:var(--theme-primary)}.djc-history{margin-top:16px;border-top:1px solid var(--border-color);padding-top:12px}.djc-history-title{font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.djc-history-item{padding:10px 12px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:8px;margin-bottom:6px;cursor:pointer;transition:all .2s}.djc-history-item:hover{border-color:var(--neon-cyan);background:var(--bg-glass-strong)}.djc-history-name{font-weight:600;font-size:13px;color:var(--text-primary)}.djc-history-meta{display:flex;gap:10px;font-size:11px;color:var(--text-muted);margin-top:4px}.djc-history-status{padding:1px 6px;border-radius:4px;font-weight:600;font-size:10px}.djc-history-status.ended{background:#ff444426;color:#ff6b6b}.djc-history-status.active{background:#00ff8826;color:#0f8}.djc-history-status.waiting{background:#00d4ff26;color:#00d4ff}.djc-theme-picker{display:flex;gap:6px;align-items:center}.djc-theme-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;padding:0}.djc-theme-dot:hover{transform:scale(1.15)}.djc-theme-dot.active{border-color:#fff;box-shadow:0 0 8px currentColor;transform:scale(1.2)}.ceremony-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.opening-overlay{background:radial-gradient(ellipse at center,#05051ef2,#000000fa)}.closing-overlay{background:radial-gradient(ellipse at center,#0a0519f2,#000000fa)}.ceremony-logo{height:80px;width:auto;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.ceremony-content{text-align:center;z-index:2;position:relative}.ceremony-line{width:300px;height:2px;margin:16px auto;background:linear-gradient(90deg,transparent,var(--theme-primary, #00d4ff),transparent);transform-origin:center}.closing-line{background:linear-gradient(90deg,transparent,#b829dd,transparent)}.ceremony-pre{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:8px;color:var(--theme-primary, #00d4ff);text-transform:uppercase;margin-bottom:8px}.closing-pre{color:#b829dd;letter-spacing:6px}.ceremony-title{font-family:var(--font-display);font-weight:900;margin:0;line-height:1}.opening-title{font-size:120px;background:linear-gradient(135deg,var(--theme-primary, #00d4ff),#00ff88,var(--theme-primary, #00d4ff));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:openingTitleShine 3s ease-in-out infinite;text-shadow:none}@keyframes openingTitleShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.closing-title{font-size:110px;background:linear-gradient(135deg,#b829dd,#ff0080,#b829dd);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:closingTitleGlow 4s ease-in-out infinite}@keyframes closingTitleGlow{0%,to{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.3)}}.ceremony-brand{font-family:var(--font-display);font-size:28px;font-weight:700;color:#fffc;margin:12px 0;letter-spacing:3px}.ceremony-sub{font-size:16px;color:#ffffff80;margin-top:12px;letter-spacing:1px}.closing-sub{color:#b829dd99}.ceremony-spotlights{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.ceremony-spot{position:absolute;width:200px;height:100vh;top:0;opacity:.08;animation:spotlightSweep 6s ease-in-out infinite}.spot-left{left:10%;background:linear-gradient(180deg,var(--theme-primary, #00d4ff),transparent 80%);transform-origin:top center;animation-delay:0s}.spot-right{right:10%;background:linear-gradient(180deg,#ff0080,transparent 80%);transform-origin:top center;animation-delay:2s}.spot-center{left:50%;transform:translate(-50%);background:linear-gradient(180deg,#00ff88,transparent 60%);animation-delay:4s;width:300px;opacity:.05}@keyframes spotlightSweep{0%,to{transform:rotate(-20deg);opacity:.03}25%{opacity:.1}50%{transform:rotate(20deg);opacity:.06}75%{opacity:.1}}.ceremony-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ceremony-spark{position:absolute;bottom:0;width:3px;height:3px;background:var(--theme-primary, #00d4ff);border-radius:50%;box-shadow:0 0 6px var(--theme-primary, #00d4ff);animation:sparkRise linear infinite}@keyframes sparkRise{0%{transform:translateY(0) scale(0);opacity:0}10%{opacity:1;transform:scale(1)}90%{opacity:.8}to{transform:translateY(-100vh) scale(.5);opacity:0}}.closing-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.closing-star{position:absolute;background:#fff;border-radius:50%;animation:starTwinkle ease-in-out infinite alternate}@keyframes starTwinkle{0%{opacity:.1;transform:scale(.8);box-shadow:0 0 2px #ffffff4d}50%{opacity:.9;transform:scale(1.2);box-shadow:0 0 8px #b829dd80}to{opacity:.2;transform:scale(.9);box-shadow:0 0 4px #ff00804d}}.djc-ceremony-bar{display:flex;align-items:center;gap:8px;padding:5px 14px;background:#ffffff04;border-bottom:1px solid var(--rb-border);flex-wrap:wrap;flex-shrink:0}.djc-ceremony-btns{display:flex;gap:4px}.djc-ceremony-btn{font-size:11px!important;padding:5px 10px!important;border-radius:6px!important;font-weight:600!important;transition:all .2s}.djc-ceremony-btn.opening{background:var(--bg-glass);border:2px solid var(--border-glass);color:var(--text-secondary);transition:all .2s}.djc-ceremony-btn.opening:hover{border-color:#ffffff4d;color:var(--text-primary)}.djc-ceremony-btn.opening.active{background:#00d4ff26;border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-weight:700;animation:btnActiveBlink 1.2s ease-in-out infinite}.djc-ceremony-btn.closing{background:var(--bg-glass);border:2px solid var(--border-glass);color:var(--text-secondary);transition:all .2s}.djc-ceremony-btn.closing:hover{border-color:#ffffff4d;color:var(--text-primary)}.djc-ceremony-btn.closing.active{background:#b829dd26;border:2px solid var(--neon-purple);color:var(--neon-purple);font-weight:700;animation:btnActiveBlink 1.2s ease-in-out infinite}@keyframes btnActiveBlink{0%,to{box-shadow:0 0 8px currentColor,0 0 16px currentColor;opacity:1}50%{box-shadow:0 0 20px currentColor,0 0 40px currentColor;opacity:.85}}.djc-ceremony-timer{display:flex;align-items:center;gap:3px;margin-left:auto}.djc-ceremony-timer .djc-preset{padding:4px 8px!important;font-size:11px!important}.djc-ceremony-timer .input{width:42px!important;padding:4px 3px!important;font-size:12px!important}.ceremony-timer{font-family:var(--font-display);font-size:48px;font-weight:900;color:var(--theme-primary, #00d4ff);margin:16px 0;letter-spacing:4px;text-shadow:0 0 20px var(--theme-glow, rgba(0,212,255,.3))}.closing-timer-text{color:#b829dd;text-shadow:0 0 20px rgba(184,41,221,.3)}.dtable-played{position:relative;overflow:visible;background:#ff640014!important;border:2px solid rgba(255,80,0,.6)!important;animation:fireGlow 1s ease-in-out infinite,fireBurnAway 40s ease-in forwards}.dtable-played:before,.dtable-played:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:6px;pointer-events:none;z-index:-1}.dtable-played:before{background:linear-gradient(90deg,#ff3c0080,#ffa00099,#ff3c0080,#ffc80080,#ff3c0080);background-size:300% 100%;animation:fireFlames 1.5s ease-in-out infinite;filter:blur(4px)}.dtable-played:after{background:linear-gradient(0deg,rgba(255,60,0,.4),rgba(255,120,0,.2),transparent 60%);animation:fireRise 2s ease-in-out infinite alternate;filter:blur(6px)}@keyframes fireGlow{0%,to{box-shadow:0 0 10px #ff500066,0 0 25px #ff780033,inset 0 0 10px #ff3c001a}50%{box-shadow:0 0 20px #ff500099,0 0 45px #ff78004d,0 0 60px #ffc80026,inset 0 0 15px #ff3c0026}}@keyframes fireFlames{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fireRise{0%{opacity:.4;transform:scaleY(.8)}to{opacity:.8;transform:scaleY(1.2)}}@keyframes fireBurnAway{0%{filter:brightness(1)}75%{filter:brightness(1);transform:scale(1)}85%{filter:brightness(1.5) saturate(2);box-shadow:0 0 40px #ff5000cc,0 0 80px #ff780080}92%{filter:brightness(2) saturate(3);transform:scale(1.03);box-shadow:0 0 60px #ff5000,0 0 100px #ffa000b3}to{filter:brightness(3) saturate(0);transform:scale(.9);opacity:0}}.dtable-played .dtable-song{color:#f80!important;text-shadow:0 0 8px rgba(255,120,0,.5)}.dtable-played .dtable-votes{color:#f60!important}.dtable-played-label{font-size:13px;font-weight:800;color:#f60;margin-top:2px;letter-spacing:1px;text-transform:uppercase;animation:fireTextPulse .6s ease-in-out infinite;text-shadow:0 0 10px rgba(255,100,0,.6)}@keyframes fireTextPulse{0%,to{opacity:1;color:#f60}50%{opacity:.8;color:#fa0}}.socket-warning{position:fixed;top:0;left:0;right:0;z-index:9999;padding:8px 16px;background:#ff3c3cd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{opacity:1}50%{opacity:.8}}.btn-played{background:#00d4ff26!important;border:1px solid var(--neon-cyan)!important;color:var(--neon-cyan)!important;font-size:12px!important}.btn-played:hover{background:#00d4ff4d!important}.music-mode-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;overflow:hidden}.mm-border-frame{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:3px solid var(--mm-c1, #fff);border-radius:12px;pointer-events:none;z-index:3;animation:mmBorderBlink 1.5s ease-in-out infinite;box-shadow:0 0 15px var(--mm-c1, #fff),0 0 30px var(--mm-c2, #fff),inset 0 0 15px var(--mm-c1, #fff),inset 0 0 30px var(--mm-c2, #fff)}@keyframes mmBorderBlink{0%,to{opacity:1;box-shadow:0 0 15px var(--mm-c1),0 0 30px var(--mm-c2),inset 0 0 15px var(--mm-c1),inset 0 0 30px var(--mm-c2)}50%{opacity:.5;box-shadow:0 0 25px var(--mm-c1),0 0 50px var(--mm-c3),inset 0 0 25px var(--mm-c1),inset 0 0 50px var(--mm-c3)}}.mm-line{width:400px;height:2px;margin:20px auto;transform-origin:center}.mm-title{font-family:var(--font-display);font-size:100px;font-weight:900;line-height:1;letter-spacing:8px;margin:0}.mm-subtitle{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:4px;margin-top:8px}.mm-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}.mm-img-arabesk{opacity:.4;animation:mmArabesk 18s ease-in-out infinite alternate;filter:sepia(.2) brightness(.9)}@keyframes mmArabesk{0%{transform:scale(1);opacity:.35}50%{transform:scale(1.06) translateY(-1%);opacity:.45}to{transform:scale(1.02) translateY(1%);opacity:.38}}.mm-img-rock{opacity:.45;animation:mmRock 4s ease-in-out infinite;filter:contrast(1.1) brightness(.85)}@keyframes mmRock{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.08);opacity:.55}}.mm-img-90s{opacity:.4;animation:mm90s 12s ease-in-out infinite alternate;filter:saturate(1.3) brightness(.9)}@keyframes mm90s{0%{transform:scale(1) rotate(-.5deg);opacity:.35;filter:saturate(1.3) hue-rotate(0deg)}50%{transform:scale(1.05) rotate(.5deg);opacity:.5;filter:saturate(1.5) hue-rotate(15deg)}to{transform:scale(1.02) rotate(-.3deg);opacity:.4;filter:saturate(1.3) hue-rotate(-10deg)}}.mm-img-delight{opacity:.38;animation:mmDelight 20s ease-in-out infinite alternate;filter:brightness(.85) saturate(1.2)}@keyframes mmDelight{0%{transform:scale(1) translate(0);opacity:.35}33%{transform:scale(1.04) translate(.5%,-.5%);opacity:.42}66%{transform:scale(1.02) translate(-.5%,.5%);opacity:.38}to{transform:scale(1.05) translateY(-.3%);opacity:.4}}.mm-img-tech{opacity:.45;animation:mmTech 8s linear infinite;filter:brightness(1.1) contrast(1.1)}@keyframes mmTech{0%{transform:scale(1);opacity:.4;filter:brightness(1.1) contrast(1.1)}25%{transform:scale(1.03);opacity:.55;filter:brightness(1.3) contrast(1.2)}50%{transform:scale(1);opacity:.4;filter:brightness(1.1) contrast(1.1)}75%{transform:scale(1.04);opacity:.5;filter:brightness(1.2) contrast(1.15)}to{transform:scale(1);opacity:.4;filter:brightness(1.1) contrast(1.1)}}.mm-img-latino{opacity:.42;animation:mmLatino 6s ease-in-out infinite;filter:saturate(1.3) brightness(.9)}@keyframes mmLatino{0%,to{transform:scale(1) translateY(0);opacity:.38}30%{transform:scale(1.05) translateY(-1.5%);opacity:.5}60%{transform:scale(1.02) translateY(.5%);opacity:.42}80%{transform:scale(1.06) translateY(-1%);opacity:.48}}.mm-img-rap{opacity:.45;animation:mmRap 5s ease-in-out infinite;filter:contrast(1.2) brightness(.8)}@keyframes mmRap{0%,to{transform:scale(1) translate(0);opacity:.4}20%{transform:scale(1.06) translate(-.5%);opacity:.55}40%{transform:scale(1.03) translate(.5%);opacity:.45}60%{transform:scale(1.08) translate(-.3%);opacity:.55}80%{transform:scale(1.04) translate(.3%);opacity:.42}}.djc-mmode-btn{font-size:10px!important;padding:4px 8px!important;background:var(--bg-glass);border:2px solid var(--border-glass);color:var(--text-secondary);transition:all .2s}.djc-mmode-btn:hover{border-color:#ffffff4d;color:var(--text-primary);background:var(--bg-glass-strong)}.djc-mmode-btn.active{background:#00ff881f;border:2px solid #00ff88;color:#0f8;font-weight:700;animation:btnActiveBlink 1.2s ease-in-out infinite}.djc-dj-photos-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.djc-djphoto-label{font-size:10px;color:var(--rb-text-dim, var(--text-secondary));font-weight:600}.djc-djphoto-btn{display:flex;align-items:center;gap:5px;padding:3px 8px!important;font-size:10px!important;background:var(--bg-glass);border:2px solid var(--border-glass)!important;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s}.djc-djphoto-btn:hover{border-color:#ffffff4d!important;background:var(--bg-glass-strong)}.djc-djphoto-btn.active{border-color:#0f8!important;color:#0f8;background:#00ff881a;animation:btnActiveBlink 1.2s ease-in-out infinite}.djc-djphoto-thumb{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.15)}.djc-djphoto-btn.active .djc-djphoto-thumb{border-color:#0f8;box-shadow:0 0 8px #0f86}.mm-dj-photos{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 50px;z-index:5;pointer-events:none}.mm-dj-card{display:flex;flex-direction:column;align-items:center;gap:8px}.mm-dj-left,.mm-dj-right{align-self:flex-end}.mm-dj-img-wrap{width:150px;height:150px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.5);box-shadow:0 0 15px rgba(var(--theme-primary-rgb, 0, 212, 255),.5),0 0 30px rgba(var(--theme-primary-rgb, 0, 212, 255),.2),inset 0 0 10px #0006;animation:djPhotoGlow 3s ease-in-out infinite;position:relative}.mm-dj-img{width:100%;height:100%;object-fit:cover;object-position:center top}.mm-dj-name{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5),0 2px 6px rgba(0,0,0,.8);letter-spacing:1px;text-transform:uppercase}@keyframes djPhotoGlow{0%,to{box-shadow:0 0 15px #ffffff4d,0 0 30px #00d4ff33;border-color:#ffffff80}50%{box-shadow:0 0 20px #ffffff80,0 0 40px #00d4ff59,0 0 60px #00d4ff1a;border-color:#ffffffb3}}.mm-dj-live-badge{display:flex;align-items:center;gap:5px;background:#dc1414e6;color:#fff;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:800;letter-spacing:1.5px;padding:4px 10px;border-radius:6px;box-shadow:0 0 10px #f009,0 0 20px #ff00004d;animation:liveBadgePulse 2s ease-in-out infinite}.mm-dj-live-dot{width:7px;height:7px;border-radius:50%;background:#f33;box-shadow:0 0 6px red,0 0 12px red;animation:liveDotBlink 1s ease-in-out infinite;flex-shrink:0}@keyframes liveDotBlink{0%,to{opacity:1;box-shadow:0 0 6px red,0 0 12px red}50%{opacity:.2;box-shadow:0 0 2px red}}@keyframes liveBadgePulse{0%,to{box-shadow:0 0 10px #f009,0 0 20px #ff00004d}50%{box-shadow:0 0 15px #f00c,0 0 30px #f006}}@media(max-width:600px){.dj-stats{gap:6px}.stat-value{font-size:20px}.dj-actions .btn{min-width:100px;font-size:11px;padding:10px 12px}.djc-toolbar{gap:8px}.djc-stats-strip{margin-left:0;gap:8px}.djc-stat-val{font-size:15px}.djc-countdown-group{flex-wrap:wrap}}@media(min-width:1200px){.display-content{padding:32px 60px}.podium-card.rank-1 .podium-song{font-size:22px}.podium-card.rank-1 .podium-art,.podium-card.rank-1 .podium-art-placeholder{width:100px;height:100px}.countdown-timer{font-size:170px}}@media(min-width:1800px){.display-content{padding:40px 80px}.countdown-timer{font-size:220px}.podium-card.rank-1 .podium-art,.podium-card.rank-1 .podium-art-placeholder{width:120px;height:120px}}