@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap";.intro-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#050505}.remote-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:4rem;background:radial-gradient(ellipse at 40% 50%,#111,#050505 70%);padding:2rem}.tv-frame{display:flex;flex-direction:column;align-items:center}.tv-screen{width:420px;height:300px;background:#0a0a0a;border:8px solid #1a1a1a;border-radius:16px 16px 8px 8px;box-shadow:inset 0 0 40px #000c,0 4px 30px #0009;position:relative;overflow:hidden}.tv-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #222;border-radius:8px;pointer-events:none}.tv-off .tv-off-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#222;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #ffffff08}.tv-stand{width:120px;height:16px;background:linear-gradient(to bottom,#1a1a1a,#111);border-radius:0 0 8px 8px;margin-top:-2px}.remote{display:flex;flex-direction:column;align-items:center;gap:1.2rem;cursor:pointer}.remote-body{width:140px;padding:1.2rem 1rem 1.5rem;background:linear-gradient(170deg,#2a2a2a,#1a1a1a 40%,#111);border-radius:14px 14px 20px 20px;border:1px solid #333;box-shadow:0 8px 30px #0009,inset 0 1px #ffffff0f;display:flex;flex-direction:column;align-items:center;gap:.7rem;transition:transform .2s ease,box-shadow .2s ease}.remote:hover .remote-body{transform:translateY(-3px);box-shadow:0 12px 40px #000c,inset 0 1px #ffffff14}.remote-top{width:100%;display:flex;justify-content:center;padding-bottom:.3rem}.remote-ir{width:28px;height:6px;background:#1a0505;border-radius:3px;border:1px solid #2a1010}.power-btn{width:44px;height:44px;border-radius:50%;border:2px solid #333;background:#111;color:#444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.power-btn svg{width:20px;height:20px}.power-btn.on{border-color:#c0392b;color:#e74c3c;box-shadow:0 0 12px #e74c3c66,0 0 30px #e74c3c26}.remote:hover .power-btn{border-color:#e74c3c;color:#e74c3c;box-shadow:0 0 16px #e74c3c80}.remote-label{font-family:Inter,sans-serif;font-size:.5rem;color:#444;letter-spacing:3px;font-weight:600}.remote-buttons{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:0 .3rem}.remote-btn-row{display:flex;gap:.35rem;justify-content:center}.remote-mini-btn{width:22px;height:10px;background:#1e1e1e;border-radius:3px;border:1px solid #2a2a2a}.remote-mini-btn.wide{width:36px}.remote-dpad{display:flex;flex-direction:column;align-items:center;gap:0;margin:.2rem 0}.dpad-up,.dpad-down{width:18px;height:14px;background:#1e1e1e;border:1px solid #2a2a2a}.dpad-up{border-radius:4px 4px 0 0}.dpad-down{border-radius:0 0 4px 4px}.dpad-row{display:flex}.dpad-left,.dpad-right{width:14px;height:18px;background:#1e1e1e;border:1px solid #2a2a2a}.dpad-left{border-radius:4px 0 0 4px}.dpad-right{border-radius:0 4px 4px 0}.dpad-center{width:18px;height:18px;background:#252525;border:1px solid #2a2a2a}.remote-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:100%;padding:0 .2rem}.num-btn{height:16px;background:#1a1a1a;border:1px solid #282828;border-radius:3px;font-family:Inter,sans-serif;font-size:.5rem;color:#3a3a3a;display:flex;align-items:center;justify-content:center}.num-btn:last-child{grid-column:2}.click-msg{font-family:Rajdhani,sans-serif;font-size:.8rem;color:#555;letter-spacing:2px;display:flex;align-items:center;gap:.5rem;animation:msg-pulse 2s infinite ease-in-out}.click-arrow{color:#e74c3c;font-size:.6rem;animation:arrow-bounce 1.5s infinite ease-in-out}@keyframes msg-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes arrow-bounce{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.crt-boot{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.crt-line-h{position:absolute;width:100%;height:2px;background:#fffc;box-shadow:0 0 20px #ffffff80,0 0 60px #fff3;animation:crt-h-expand .8s ease-out forwards;top:50%;transform:translateY(-50%)}.crt-line-v{position:absolute;width:2px;height:100%;background:#fff9;box-shadow:0 0 15px #ffffff4d;animation:crt-v-expand .6s ease-out .3s forwards;left:50%;transform:translate(-50%);opacity:0}.crt-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;animation:crt-flash-anim .4s ease-out 1s forwards}@keyframes crt-h-expand{0%{width:0;left:50%}to{width:100%;left:0}}@keyframes crt-v-expand{0%{height:0;top:50%;opacity:1}to{height:100%;top:0;opacity:1}}@keyframes crt-flash-anim{0%{opacity:0}30%{opacity:.9}to{opacity:1}}.static-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.static-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:opacity 2s ease}.static-screen.clearing .static-canvas{opacity:0}.crt-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:2;transition:opacity 2s ease}.static-screen.clearing .crt-scanlines{opacity:0}.crt-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:3;transition:opacity 2s ease}.static-screen.clearing .crt-vignette{opacity:0}.emerging-logo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;animation:logo-emerge 2s ease-out forwards}.emerge-el{font-family:Rajdhani,sans-serif;font-size:2rem;font-weight:500;color:#1a1a1a;letter-spacing:8px;opacity:0;animation:text-appear .8s ease .3s forwards}.emerge-zuaque{font-family:Rajdhani,sans-serif;font-size:4rem;font-weight:700;color:#1a1a1a;letter-spacing:10px;opacity:0;animation:text-appear .8s ease .5s forwards}.emerge-sub{display:flex;align-items:center;gap:.6rem;opacity:0;animation:text-appear .8s ease .8s forwards}.emerge-tagline{font-family:Lora,serif;font-style:italic;font-size:1rem;color:#888}.emerge-divider{color:#ccc;font-size:.8rem}.emerge-radio{font-family:Rajdhani,sans-serif;font-size:.8rem;font-weight:600;color:#1a1a1a;letter-spacing:6px}@keyframes logo-emerge{0%{background:transparent}to{background:#f5f4f0}}@keyframes text-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.remote-screen{flex-direction:column;gap:2rem}.tv-screen{width:280px;height:200px}.tv-stand{width:80px}.remote-body{width:120px;padding:1rem .8rem 1.2rem}.emerge-zuaque{font-size:2.5rem;letter-spacing:6px}.emerge-el{font-size:1.3rem}}.player{width:100%;max-width:600px;margin:0 auto}.player-body{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.live-banner{display:flex;align-items:center;gap:.6rem;padding:.5rem 1.2rem;background:#ff2d2d1a;border:1px solid rgba(255,45,45,.25);border-radius:50px}.live-dot-pulse{width:10px;height:10px;background:#ff2d2d;border-radius:50%;animation:pulse-dot-live 1s infinite;box-shadow:0 0 8px #ff2d2d80}@keyframes pulse-dot-live{0%,to{opacity:1}50%{opacity:.4}}.live-text{font-size:.7rem;font-weight:800;color:#ff2d2d;letter-spacing:.15em}.live-dj{font-size:.8rem;color:#ccc}.player-cover-wrap{width:180px;height:180px;border-radius:50%;overflow:hidden;box-shadow:0 0 40px #ff6b3526,0 0 80px #0006;border:3px solid rgba(255,255,255,.08)}.player-cover{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .3s}.player-cover.spinning{animation:spin-disc 8s linear infinite}.player-cover-empty{background:#1a1a25;display:flex;align-items:center;justify-content:center;color:#444}.player-cover-empty svg{width:60px;height:60px}.player-cover-live{background:linear-gradient(135deg,#1a0a0a,#2a0000);display:flex;align-items:center;justify-content:center;color:#ff2d2d}.player-cover-live svg{width:64px;height:64px}.player-cover-live.pulse-live{animation:pulse-mic 2s ease-in-out infinite}@keyframes pulse-mic{0%,to{box-shadow:0 0 20px #ff2d2d33}50%{box-shadow:0 0 50px #ff2d2d80}}@keyframes spin-disc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-info{text-align:center}.now-label{font-size:.65rem;font-weight:700;letter-spacing:.3em;color:#ff6b35;margin-bottom:.4rem}.track-title{font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:.02em}.track-artist{font-size:.95rem;color:#aaa;margin-top:.15rem}.track-meta-line{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.78rem;color:#666;margin-top:.35rem}.track-meta-dot{width:3px;height:3px;border-radius:50%;background:#444}.player-controls{margin:.25rem 0}.play-btn{width:64px;height:64px;border-radius:50%;border:none;background:linear-gradient(135deg,#ff6b35,#ff9f1c);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 20px #ff6b354d}.play-btn:hover{transform:scale(1.08);box-shadow:0 6px 30px #ff6b3566}.play-btn svg{width:28px;height:28px}.play-btn.playing{background:linear-gradient(135deg,#ff9f1c,#ff6b35)}.play-btn.live{background:linear-gradient(135deg,#ff2d2d,#c00);box-shadow:0 4px 20px #ff2d2d4d}.play-btn.live:hover{box-shadow:0 6px 30px #ff2d2d80}.player-extras{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.volume-control{display:flex;align-items:center;gap:.5rem;flex:1}.vol-icon{width:20px;height:20px;color:#888;flex-shrink:0}.volume-slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:#2a2a3a;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#ff6b35;cursor:pointer}.listeners{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#666;flex-shrink:0}.listeners svg{width:16px;height:16px}@media(max-width:480px){.player-cover-wrap{width:140px;height:140px}.track-title{font-size:1.15rem}.play-btn{width:56px;height:56px}}.playlist{width:100%;background:var(--zuaque-bg-card);border:1px solid var(--zuaque-cream)}.playlist-header{display:flex;align-items:center;border-bottom:1px solid var(--zuaque-cream)}.playlist-header-bar{width:3px;height:28px;background:var(--zuaque-black);margin-left:1.25rem}.playlist-title{font-family:var(--font-logo);font-size:.75rem;font-weight:600;letter-spacing:5px;color:var(--zuaque-black);padding:.9rem .8rem}.playlist-empty{color:var(--zuaque-gray-light);text-align:center;padding:2.5rem;font-family:var(--font-tagline);font-style:italic;font-size:.9rem}.playlist-tracks{display:flex;flex-direction:column}.playlist-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.04);transition:background .2s ease;cursor:pointer}.playlist-item:last-child{border-bottom:none}.playlist-item:hover{background:var(--zuaque-cream)}.track-number{color:var(--zuaque-gray-light);font-family:var(--font-logo);font-size:.8rem;font-weight:600;width:24px;text-align:center;letter-spacing:1px}.track-divider{width:1px;height:24px;background:var(--zuaque-cream)}.track-details{flex:1;display:flex;flex-direction:column;gap:.1rem}.track-name{font-family:var(--font-body);font-weight:500;font-size:.9rem;color:var(--zuaque-black)}.track-artist-name{font-family:var(--font-tagline);font-style:italic;color:var(--zuaque-gray);font-size:.8rem}.track-duration{color:var(--zuaque-gray-light);font-size:.8rem;font-family:var(--font-logo);font-variant-numeric:tabular-nums;letter-spacing:1px}.header{position:sticky;top:0;z-index:100;background:var(--zuaque-white)}.header-content{padding:1.2rem 2rem;max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;flex-direction:column}.logo-main{display:flex;align-items:baseline;gap:.4rem;line-height:1;font-family:var(--font-logo)}.logo-el{font-size:1.6rem;font-weight:500;color:var(--zuaque-black);letter-spacing:6px}.logo-zuaque{font-size:2.4rem;font-weight:700;color:var(--zuaque-black);letter-spacing:8px}.logo-sub{display:flex;align-items:center;gap:.6rem;margin-top:.1rem}.logo-tagline{font-family:var(--font-tagline);font-style:italic;font-size:.9rem;color:var(--zuaque-gray);font-weight:400}.logo-divider{color:var(--zuaque-gray-light);font-size:.8rem}.logo-radio{font-family:var(--font-logo);font-size:.75rem;font-weight:600;color:var(--zuaque-black);letter-spacing:6px}.header-line{height:2px;background:var(--zuaque-black)}.header-right{display:flex;align-items:center}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border:1.5px solid;font-family:var(--font-logo);font-size:.7rem;font-weight:600;letter-spacing:3px}.status-badge.live{border-color:var(--zuaque-black);color:var(--zuaque-black)}.status-badge.offline{border-color:var(--zuaque-gray-light);color:var(--zuaque-gray)}.status-dot{width:7px;height:7px;border-radius:50%}.status-badge.live .status-dot{background:var(--zuaque-black);animation:pulse-live 1.5s infinite}.status-badge.offline .status-dot{background:var(--zuaque-gray-light)}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.2}}@media(max-width:600px){.header-content{padding:.8rem 1rem;flex-direction:column;gap:.6rem;align-items:flex-start}.logo-el{font-size:1.2rem}.logo-zuaque{font-size:1.8rem}}.visualizer{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:40px;width:100%;max-width:500px;padding:0 1rem}.viz-bar{flex:1;max-width:6px;height:3px;background:var(--zuaque-gray-light);border-radius:1px;transition:height .1s ease}.visualizer.active .viz-bar{animation:viz-pulse infinite ease-in-out alternate}.visualizer:not(.active) .viz-bar{height:2px;opacity:.3}@keyframes viz-pulse{0%{height:3px;opacity:.2;background:var(--zuaque-gray-light)}to{height:38px;opacity:.7;background:var(--zuaque-black)}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--zuaque-white)}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1.5rem;gap:2rem;max-width:800px;margin:0 auto;width:100%}.footer{text-align:center;padding:2rem;color:var(--zuaque-gray);font-size:.75rem;border-top:1px solid var(--zuaque-cream);font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase}.admin-wrap{min-height:100vh;background:#0a0a0f;color:#e0e0e0;font-family:Inter,Segoe UI,sans-serif}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#888}.admin-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:2rem}.admin-login-logo{display:flex;flex-direction:column;align-items:center;gap:.25rem}.admin-logo-el{font-size:.9rem;font-weight:300;letter-spacing:.5em;color:#888}.admin-logo-zuaque{font-size:2rem;font-weight:800;letter-spacing:.15em;background:linear-gradient(135deg,#ff6b35,#ff9f1c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-logo-sub{font-size:.75rem;letter-spacing:.4em;color:#666;margin-top:.5rem}.admin-login-form{display:flex;flex-direction:column;gap:1rem;width:320px}.admin-input{background:#151520;border:1px solid #2a2a3a;color:#e0e0e0;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}.admin-input:focus{border-color:#ff6b35}.admin-error{color:#f44;font-size:.85rem;text-align:center}.admin-back-link{color:#666;text-decoration:none;font-size:.85rem}.admin-back-link:hover{color:#ff6b35}.admin-btn{padding:.7rem 1.4rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.admin-btn.primary{background:linear-gradient(135deg,#ff6b35,#ff9f1c);color:#fff}.admin-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ff6b354d}.admin-btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-btn.ghost{background:transparent;color:#aaa;border:1px solid #2a2a3a}.admin-btn.ghost:hover{border-color:#ff6b35;color:#ff6b35}.admin-btn.danger-ghost{background:transparent;color:#888;border:1px solid #2a2a3a}.admin-btn.danger-ghost:hover{border-color:#f44;color:#f44}.admin-btn.small{padding:.35rem .7rem;font-size:.8rem}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid #1a1a25;background:#0d0d14}.admin-header-left{display:flex;align-items:center;gap:.5rem}.admin-badge{background:#ff6b35;color:#fff;font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;letter-spacing:.1em;margin-left:.5rem}.admin-header-right{display:flex;gap:.75rem}.admin-main{max-width:1000px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.admin-section{background:#111118;border:1px solid #1a1a25;border-radius:12px;padding:1.5rem}.section-title{font-size:1rem;font-weight:700;color:#ccc;margin:0 0 1rem;letter-spacing:.05em;text-transform:uppercase}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header .section-title{margin:0}.file-input{display:none}.upload-form-grid{display:grid;grid-template-columns:200px 1fr;gap:1.5rem}.upload-cover-area{display:flex;flex-direction:column}.cover-label{display:block;width:200px;height:200px;border-radius:10px;overflow:hidden;cursor:pointer;border:2px dashed #2a2a3a;transition:border-color .2s}.cover-label:hover{border-color:#ff6b35}.cover-preview{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#555}.cover-placeholder svg{width:48px;height:48px}.cover-placeholder span{font-size:.75rem}.upload-fields{display:flex;flex-direction:column;gap:.75rem}.field-row{display:flex;flex-direction:column;gap:.25rem}.field-label{font-size:.75rem;color:#888;letter-spacing:.05em;text-transform:uppercase}.field-row-double{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.file-select-row{display:flex}.file-select-btn{display:block;padding:.75rem 1rem;background:#151520;border:1px solid #2a2a3a;border-radius:8px;color:#888;font-size:.85rem;cursor:pointer;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:border-color .2s}.file-select-btn:hover{border-color:#ff6b35;color:#ccc}.upload-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #1a1a25}.upload-status{font-size:.85rem;color:#ff9f1c}.now-playing-card{display:flex;align-items:center;gap:1.25rem;padding:1rem;background:#ff6b350a;border:1px solid rgba(255,107,53,.12);border-radius:12px}.np-cover{width:80px;height:80px;border-radius:8px;object-fit:cover;flex-shrink:0}.np-cover-empty{background:#1a1a25;display:flex;align-items:center;justify-content:center;color:#444}.np-cover-empty svg{width:32px;height:32px}.np-info{display:flex;flex-direction:column;gap:.2rem}.np-title{font-size:1.15rem;font-weight:700;color:#fff}.np-artist{font-size:.9rem;color:#bbb}.np-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#666;margin-top:.15rem}.np-dot{width:3px;height:3px;border-radius:50%;background:#444}.empty-state{text-align:center;color:#555;padding:2rem}.tracks-list{display:flex;flex-direction:column;gap:.5rem}.track-card{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:10px;border:1px solid #1a1a25;transition:background .15s}.track-card:hover{background:#ffffff05}.track-card.current{background:#ff6b350a;border-color:#ff6b3533}.track-cover{width:56px;height:56px;border-radius:6px;object-fit:cover;flex-shrink:0}.track-cover-empty{background:#1a1a25;display:flex;align-items:center;justify-content:center;color:#444}.track-cover-empty svg{width:24px;height:24px}.track-info{flex:1;min-width:0}.playing-badge{display:inline-block;font-size:.6rem;font-weight:700;background:#ff6b35;color:#fff;padding:.15rem .4rem;border-radius:3px;letter-spacing:.1em;margin-bottom:.15rem}.track-title{font-size:.95rem;font-weight:600;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:.8rem;color:#999}.track-meta{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:#555;margin-top:.1rem}.meta-dot{width:3px;height:3px;border-radius:50%;background:#333}.track-actions{display:flex;gap:.35rem;flex-shrink:0}.track-edit-fields{flex:1;display:flex;flex-direction:column;gap:.4rem}.edit-input{background:#0a0a0f;border:1px solid #2a2a3a;color:#e0e0e0;padding:.4rem .6rem;border-radius:4px;font-size:.85rem;width:100%;outline:none;box-sizing:border-box}.edit-input:focus{border-color:#ff6b35}.edit-row-double{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.edit-actions{display:flex;gap:.35rem;margin-top:.25rem}@media(max-width:768px){.admin-header{flex-direction:column;gap:.75rem;padding:1rem}.admin-main{padding:1rem}.upload-form-grid{grid-template-columns:1fr}.upload-cover-area{align-items:center}.cover-label{width:160px;height:160px}.track-card{flex-wrap:wrap}.track-actions{width:100%;justify-content:flex-end}}.admin-btn.live-link{background:linear-gradient(135deg,#ff2d2d,#c00);color:#fff;border:none}.admin-btn.live-link:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ff2d2d4d}.live-wrap{min-height:100vh;background:#080810;color:#e0e0e0;font-family:Inter,Segoe UI,sans-serif}.live-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#888}.live-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:2rem}.live-login-logo{display:flex;flex-direction:column;align-items:center;gap:.25rem}.ll-el{font-size:.8rem;font-weight:300;letter-spacing:.5em;color:#888}.ll-zuaque{font-size:1.8rem;font-weight:800;letter-spacing:.15em;background:linear-gradient(135deg,#ff2d2d,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ll-sub{font-size:.7rem;letter-spacing:.4em;color:#666;margin-top:.5rem}.live-login-form{display:flex;flex-direction:column;gap:1rem;width:300px}.live-input{background:#111118;border:1px solid #2a2a3a;color:#e0e0e0;padding:.7rem 1rem;border-radius:8px;font-size:.9rem;outline:none;width:100%;box-sizing:border-box}.live-input:focus{border-color:#ff2d2d}select.live-input{cursor:pointer}.live-error{color:#f44;font-size:.85rem;text-align:center}.live-btn{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}.live-btn.primary{background:linear-gradient(135deg,#ff2d2d,#ff6b35);color:#fff}.live-btn.ghost-sm{background:transparent;color:#888;border:1px solid #222;padding:.4rem .8rem;font-size:.8rem}.live-btn.ghost-sm:hover{border-color:#ff2d2d;color:#ff2d2d}.live-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid #151520;background:#0a0a12}.live-header-left{display:flex;align-items:center;gap:.4rem}.live-badge{background:#ff2d2d;color:#fff;font-size:.55rem;font-weight:700;padding:.15rem .45rem;border-radius:3px;letter-spacing:.1em;margin-left:.5rem}.live-header-right{display:flex;gap:.5rem}.live-main{max-width:700px;margin:0 auto;padding:2rem 1.5rem}.live-status-bar{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1rem;border-radius:12px;margin-bottom:2rem}.live-status-bar.off-air{background:#111118;border:1px solid #1a1a25}.live-status-bar.on-air{background:#ff2d2d14;border:1px solid rgba(255,45,45,.25);animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{border-color:#ff2d2d40}50%{border-color:#ff2d2d80}}.status-indicator{display:flex;align-items:center;gap:.5rem}.on-air-dot{width:12px;height:12px;background:#ff2d2d;border-radius:50%;animation:pulse-dot 1s infinite;box-shadow:0 0 10px #ff2d2d80}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.on-air-text{font-size:1.1rem;font-weight:800;color:#ff2d2d;letter-spacing:.15em}.off-air-dot{width:12px;height:12px;background:#444;border-radius:50%}.off-air-text{font-size:1rem;font-weight:600;color:#666;letter-spacing:.1em}.status-timer{font-size:1.5rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;font-family:Courier New,monospace}.status-listeners{display:flex;align-items:center;gap:.3rem;color:#aaa;font-size:.9rem}.status-listeners svg{width:18px;height:18px}.live-status-msg{text-align:center;padding:.6rem 1rem;margin-bottom:1rem;background:#ff9f1c1a;border:1px solid rgba(255,159,28,.2);border-radius:8px;color:#ff9f1c;font-size:.85rem}.live-section{background:#0d0d15;border:1px solid #1a1a25;border-radius:14px;padding:2rem}.pre-live{display:flex;flex-direction:column;align-items:center;gap:2rem}.pre-live-fields{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.field{display:flex;flex-direction:column;gap:.3rem}.field label{font-size:.75rem;color:#888;letter-spacing:.05em;text-transform:uppercase}.go-live-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 3rem;background:linear-gradient(135deg,#ff2d2d,#c00);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:800;letter-spacing:.1em;cursor:pointer;transition:all .3s;box-shadow:0 4px 30px #ff2d2d4d}.go-live-btn:hover{transform:scale(1.05);box-shadow:0 6px 40px #ff2d2d80}.go-live-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.go-live-btn svg{width:28px;height:28px}.on-live{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.vu-meter-section{width:100%}.vu-label{font-size:.65rem;font-weight:700;letter-spacing:.15em;color:#666;margin-bottom:.5rem;text-align:center}.vu-meter{width:100%;height:24px;background:#111;border-radius:4px;overflow:hidden;border:1px solid #222}.vu-bar{height:100%;transition:width .05s linear}.vu-fill{height:100%;border-radius:2px}.vu-fill.cool{background:linear-gradient(90deg,#00c853,#76ff03)}.vu-fill.warm{background:linear-gradient(90deg,#76ff03,#ffea00)}.vu-fill.hot{background:linear-gradient(90deg,#ffea00,#ff2d2d)}.mixer-row{display:flex;align-items:center;gap:1rem;width:100%;max-width:500px}.mixer-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:#888;width:60px;text-align:right}.mixer-slider{-webkit-appearance:none;flex:1;height:6px;border-radius:3px;background:#222;outline:none}.mixer-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;cursor:pointer}.mic-slider::-webkit-slider-thumb{background:#ff6b35}.music-slider::-webkit-slider-thumb{background:#0af}.mixer-value{font-size:.85rem;color:#aaa;width:40px;text-align:right;font-variant-numeric:tabular-nums}.music-section{width:100%;background:#0a0a12;border:1px solid #1a1a25;border-radius:10px;padding:1rem}.music-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.music-title{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#666;text-transform:uppercase}.music-stop-btn{background:#1a1a25;color:#f44;border:1px solid #ff4444;padding:.3rem .8rem;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer}.music-stop-btn:hover{background:#f44;color:#fff}.music-now{font-size:.85rem;color:#0af;margin-bottom:.5rem}.music-tracks{display:flex;flex-wrap:wrap;gap:.4rem}.music-track-btn{background:#151520;border:1px solid #2a2a3a;color:#aaa;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s}.music-track-btn:hover{border-color:#0af;color:#0af}.music-track-btn.active{background:#00aaff1a;border-color:#0af;color:#0af}.music-empty{color:#444;font-size:.8rem}.show-info{text-align:center}.show-dj{font-size:1.2rem;font-weight:700;color:#fff}.show-name{font-size:.9rem;color:#888}.stop-live-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 2.5rem;background:#1a1a25;color:#ff2d2d;border:2px solid #ff2d2d;border-radius:50px;font-size:1rem;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:all .2s}.stop-live-btn:hover{background:#ff2d2d;color:#fff}.stop-live-btn svg{width:22px;height:22px}@media(max-width:600px){.live-main{padding:1rem}.live-section{padding:1.5rem 1rem}.go-live-btn{padding:1rem 2rem;font-size:1rem}.status-timer{font-size:1.2rem}}.music-loop-btn{background:#1a1a25;color:#888;border:1px solid #2a2a3a;padding:.3rem .8rem;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.music-loop-btn:hover{border-color:#0af;color:#0af}.music-loop-btn.active{background:#00aaff26;border-color:#0af;color:#0af}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,system-ui,sans-serif;background:#f5f4f0;color:#1a1a1a;min-height:100vh;overflow-x:hidden}:root{--zuaque-black: #1a1a1a;--zuaque-dark: #111111;--zuaque-white: #f5f4f0;--zuaque-cream: #eae8e3;--zuaque-gray: #888;--zuaque-gray-light: #d0cec9;--zuaque-accent: #1a1a1a;--zuaque-highlight: #333;--zuaque-bg-card: #ffffff;--font-logo: "Rajdhani", "Century Gothic", sans-serif;--font-tagline: "Lora", "Georgia", serif;--font-body: "Inter", "Segoe UI", sans-serif}::selection{background:var(--zuaque-black);color:var(--zuaque-white)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--zuaque-cream)}::-webkit-scrollbar-thumb{background:var(--zuaque-gray-light);border-radius:3px}