*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#e0e0e0;background-color:#011627;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg-deep: #010f1c;--bg-primary: #011627;--bg-elevated: #0a1f33;--bg-surface: #0d2847;--bg-surface-hover: #132f50;--border: #1a3a5c;--border-light: #243f5c;--accent: #46c1ed;--accent-glow: rgba(70, 193, 237, .15);--accent-orange: #F5A623;--accent-orange-glow: rgba(245, 166, 35, .2);--text-primary: #f0f4f8;--text-secondary: #b0c4d8;--text-muted: #7a8da0;--text-disabled: #4a6278;--danger: #ef4444;--success: #22c55e;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--accent-glow);--transition: .2s cubic-bezier(.4, 0, .2, 1)}body{margin:0;min-height:100vh;background:var(--bg-deep)}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh;padding-bottom:72px;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-deep) 100%)}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:1.5rem 1rem}.page{padding:.5rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none;gap:.4rem}.btn:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-light)}.btn-primary{background:var(--accent-orange);border-color:transparent;color:#011627;font-weight:600;box-shadow:0 2px 8px var(--accent-orange-glow)}.btn-primary:hover{background:#e0950e;box-shadow:0 4px 16px var(--accent-orange-glow);transform:translateY(-1px)}.btn-danger{background:var(--danger);border-color:transparent;color:#fff}.btn-danger:hover{background:#dc2626}.btn-secondary{background:transparent;border-color:var(--accent);color:var(--accent)}.btn-secondary:hover{background:var(--accent);color:var(--bg-primary)}.btn-sm{padding:.3rem .7rem;font-size:.75rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2a5a8c}::selection{background:var(--accent);color:var(--bg-primary)}a{color:var(--accent)}@media(max-width:768px){.main-content{padding:.75rem .5rem}.app{padding-bottom:68px}.btn{min-height:44px;padding:.6rem 1rem;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-sm{min-height:36px;padding:.35rem .7rem;font-size:.8rem}input,select,textarea{font-size:16px!important}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}}@media(max-width:400px){.main-content{padding:.5rem .25rem}.btn{font-size:.8rem}h2{font-size:1.2rem}h3{font-size:1rem}}@supports (padding: env(safe-area-inset-bottom)){.stream-player{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}.app{padding-bottom:calc(72px + env(safe-area-inset-bottom))}@media(max-width:768px){.app{padding-bottom:calc(68px + env(safe-area-inset-bottom))}}}.header{background:#0a1f33f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:0 1.25rem;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top,0px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(70,193,237,.2)}.ios-app .header{padding-top:50px}@supports (padding-top: env(safe-area-inset-top)){.ios-app .header{padding-top:max(env(safe-area-inset-top),50px)}}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px;gap:1rem}.header-logo{display:flex;align-items:center;text-decoration:none;z-index:110;flex-shrink:0}.logo-text{font-size:1.4rem;font-weight:900;font-family:Impact,Arial Black,sans-serif;letter-spacing:2px;text-transform:lowercase;background:linear-gradient(135deg,#ff8c42,#ff6b9d,#c44dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(255,107,157,.3));transition:filter .3s}.logo-text:hover{filter:drop-shadow(0 0 14px rgba(255,107,157,.5))}.header-nav{display:flex;gap:.25rem}.header-nav a{color:var(--text-muted, #7a8da0);text-decoration:none;font-size:.85rem;font-weight:500;padding:.4rem .75rem;border-radius:var(--radius-sm, 6px);transition:all .2s}.header-nav a:hover{color:var(--accent, #46c1ed);background:#46c1ed14}.mobile-auth{display:none}.header-auth,.user-menu{display:flex;align-items:center;gap:.75rem}.user-name{font-weight:500;font-size:.85rem;color:var(--text-secondary, #b0c4d8)}.user-role{background:linear-gradient(135deg,var(--accent, #46c1ed),#3ba8d4);color:#011627;padding:.15rem .5rem;border-radius:20px;font-size:.65rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.auth-links{display:flex;gap:.5rem}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;z-index:110;padding:8px}.hamburger span{display:block;width:22px;height:2px;background:var(--text-secondary, #b0c4d8);border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.menu-backdrop{display:none}@media(max-width:768px){.header{padding:0 .75rem}.header-inner{height:54px}.logo-text{font-size:1.2rem}.hamburger{display:flex}.header-auth{display:none}.header-nav{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:#0a1f33f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);flex-direction:column;padding:90px 1.5rem 2rem;padding-top:calc(90px + env(safe-area-inset-top,0px));gap:0;z-index:105;transition:right .35s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 40px #0009;overflow-y:auto}.header-nav.open{right:0}.header-nav a{font-size:1.05rem;padding:.9rem .5rem;border-radius:0;border-bottom:1px solid rgba(26,58,92,.5);color:var(--text-secondary, #b0c4d8)}.header-nav a:hover{background:transparent;color:var(--accent, #46c1ed)}.header-nav a:last-of-type{border-bottom:none}.mobile-auth{display:flex;flex-direction:column;gap:.6rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(70,193,237,.2)}.mobile-user-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.mobile-logout{width:100%;justify-content:center}.mobile-auth-btn{width:100%;justify-content:center;padding:.6rem 1rem!important;font-size:.95rem!important}.menu-backdrop{display:block;position:fixed;inset:0;background:#010f1cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:104}}.footer{background:transparent;color:var(--text-muted, #7a8da0);padding:1.5rem 1rem;text-align:center;font-size:.8rem;margin-top:auto;border-top:1px solid rgba(26,58,92,.3)}.footer-inner{max-width:1200px;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.5rem}.footer-links a{color:var(--text-muted, #7a8da0);text-decoration:none;font-size:.8rem;transition:color .2s}.footer-links a:hover{color:var(--accent, #46c1ed)}.footer-copy{margin:0;opacity:.7}.stream-player{position:fixed;bottom:0;left:0;right:0;background:#0a1f33eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;display:flex;align-items:center;padding:0 1.25rem;gap:.85rem;z-index:200;height:72px;border-top:1px solid rgba(70,193,237,.15)}.stream-player:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(70,193,237,.4),transparent)}.player-toggle{background:var(--accent-orange, #F5A623);border:none;color:#011627;width:44px;height:44px;border-radius:50%;font-size:1.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;-webkit-tap-highlight-color:transparent;font-weight:700;box-shadow:0 2px 12px #f5a62340}.player-toggle:hover{transform:scale(1.08);box-shadow:0 4px 20px #f5a62359}.player-toggle:active{transform:scale(.93)}.player-cover{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #0006}.player-info{flex:1;min-width:0}.player-status{font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted, #7a8da0);display:flex;align-items:center;gap:.4rem;font-weight:600;margin-bottom:.15rem}.live-dot{width:7px;height:7px;background:var(--accent-orange, #F5A623);border-radius:50%;animation:pulse 1.5s infinite;box-shadow:0 0 6px #f5a62380}.now-playing{font-size:.88rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary, #f0f4f8)}.player-volume{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.volume-icon{font-size:.85rem}.volume-slider{width:80px;accent-color:var(--accent, #46c1ed);height:4px}.listener-count{font-size:.8rem;color:var(--text-muted, #7a8da0);flex-shrink:0}@media(max-width:768px){.stream-player{padding:0 .75rem;gap:.6rem;height:68px}.player-toggle{width:40px;height:40px;font-size:1rem}.player-cover{width:42px;height:42px;border-radius:6px}.now-playing{font-size:.82rem}.player-volume{display:none}.listener-count{font-size:.75rem}}.cookie-banner{position:fixed;bottom:60px;left:50%;transform:translate(-50%);background:#0a1f33;border:1px solid #1a3a5c;border-radius:8px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;z-index:300;max-width:600px;box-shadow:0 4px 20px #00000080}.cookie-banner p{margin:0;color:#b0c4d8;font-size:.85rem}.home-page{display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - 200px);padding:1rem}.player-hero{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:520px;padding:0 .5rem 1rem;overflow:visible}.turntable{position:relative;width:92vw;max-width:500px;overflow:visible}.turntable-body{display:block;width:100%;height:auto}.svg-btn{transition:opacity .15s}.svg-btn:hover{opacity:.85}.svg-btn:active{opacity:.7}.strobe-dot{fill:#ffffff0f;transition:fill .5s}.strobe-dot.active{fill:#ffffff59;animation:strobePulse .08s steps(2) infinite}@keyframes strobePulse{0%,to{fill:#ffffff59}50%{fill:#ffffff1f}}.tonearm-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.vinyl-on-platter{position:absolute;left:10.71%;top:19.32%;width:66.67%;height:63.64%;border-radius:50%;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.vinyl-on-platter.scratching{cursor:grabbing;animation:none!important}.vinyl-on-platter.spinning{animation:spin 3.6s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-base{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,transparent 18%,rgba(140,60,160,.1) 18.5%,transparent 19.5%),radial-gradient(circle,transparent 23%,rgba(80,50,120,.07) 23.5%,transparent 24.5%),radial-gradient(circle,transparent 28%,rgba(255,107,157,.04) 28.5%,transparent 29.5%),radial-gradient(circle,transparent 33%,rgba(100,60,140,.08) 33.5%,transparent 34.5%),radial-gradient(circle,transparent 38%,rgba(160,80,200,.05) 38.5%,transparent 39.5%),radial-gradient(circle,transparent 43%,rgba(80,40,120,.06) 43.5%,transparent 44.5%),radial-gradient(circle,transparent 48%,rgba(255,140,66,.03) 48.5%,transparent 49.5%),radial-gradient(circle,transparent 53%,rgba(120,60,160,.06) 53.5%,transparent 54.5%),radial-gradient(circle,transparent 58%,rgba(90,50,130,.05) 58.5%,transparent 59.5%),radial-gradient(circle,transparent 63%,rgba(140,80,180,.04) 63.5%,transparent 64.5%),radial-gradient(circle,transparent 68%,rgba(100,60,150,.04) 68.5%,transparent 69.5%),radial-gradient(circle,transparent 73%,rgba(120,70,170,.05) 73.5%,transparent 74.5%),radial-gradient(circle,transparent 78%,rgba(80,50,130,.03) 78.5%,transparent 79.5%),radial-gradient(circle,transparent 83%,rgba(255,107,157,.02) 83.5%,transparent 84.5%),radial-gradient(circle,transparent 88%,rgba(100,50,130,.03) 88.5%,transparent 89.5%),radial-gradient(circle,transparent 93%,rgba(80,40,110,.02) 93.5%,transparent 94.5%),radial-gradient(circle,#1e142e,#18102a 35%,#120c22 65%,#0c0816);overflow:hidden;position:relative}.vinyl-base:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 200deg,transparent 0deg,rgba(255,107,157,.04) 30deg,rgba(196,77,255,.04) 60deg,rgba(255,140,66,.03) 90deg,transparent 120deg,transparent 200deg,rgba(77,232,194,.03) 240deg,rgba(160,80,200,.04) 280deg,transparent 320deg);pointer-events:none}.vinyl-base:after{content:"";position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:linear-gradient(140deg,transparent 36%,rgba(255,255,255,.012) 42%,rgba(255,255,255,.035) 50%,rgba(255,255,255,.012) 58%,transparent 64%);pointer-events:none}.platter-brand{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-size:2.2rem;font-weight:900;color:#ffffff08;letter-spacing:6px;font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;pointer-events:none;z-index:1;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.015)}.vinyl-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38%;height:38%;border-radius:50%;overflow:hidden;border:2.5px solid rgba(255,140,66,.3);box-shadow:0 0 20px #000c,inset 0 0 10px #0000004d,0 0 30px #ff6b9d0d;z-index:2}.vinyl-label img{width:100%;height:100%;object-fit:cover}.vinyl-label-placeholder{width:100%;height:100%;background:linear-gradient(145deg,#ff8c42,#e06b2a 40%,#c44dff);display:flex;align-items:center;justify-content:center}.vinyl-label-text{color:#1a1228;font-weight:900;font-size:.85rem;text-align:center;letter-spacing:2px;line-height:1.3;text-transform:uppercase;font-family:Impact,Arial Black,sans-serif}.vinyl-hole{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6%;height:6%;border-radius:50%;background:radial-gradient(circle,#1a1228,#0f0a1a);border:1px solid rgba(90,69,112,.4);z-index:3}.track-info{text-align:center;max-width:100%}.track-title{color:#f0e6ff;font-size:1.5rem;font-weight:700;margin:0;line-height:1.3;letter-spacing:-.01em}.track-artist{color:#9b8ab5;font-size:1rem;margin:.3rem 0 0;font-weight:400}.show-badge{background:#2d1f3d99;border:1px solid rgba(255,140,66,.2);border-radius:24px;padding:.45rem 1.2rem;font-size:.8rem;color:#c4b8d4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.show-label{color:#ff8c42;font-weight:600}.live-badge{display:flex;align-items:center;gap:.5rem;color:#ff6b9d;font-weight:700;font-size:.8rem;letter-spacing:2.5px;text-shadow:0 0 12px rgba(255,107,157,.3)}.live-dot{width:8px;height:8px;background:#ff6b9d;border-radius:50%;animation:pulse 1.5s infinite;box-shadow:0 0 8px #ff6b9d80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.play-btn{width:76px;height:76px;border-radius:50%;border:none;background:linear-gradient(145deg,#ff8c42,#e06b2a);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #ff8c424d,0 0 #ff8c4200;-webkit-tap-highlight-color:transparent}.play-btn:hover{transform:scale(1.06);box-shadow:0 8px 32px #ff8c4266,0 0 0 6px #ff8c4214}.play-btn:active{transform:scale(.94)}.play-icon{width:34px;height:34px;fill:#1a1228}.volume-row{display:flex;align-items:center;gap:.6rem;width:200px}.vol-icon{font-size:1rem;flex-shrink:0}.vol-slider{flex:1;accent-color:#c44dff;height:4px}.error-badge{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:.6rem 1.2rem;font-size:.85rem;color:#ef4444;text-align:center}.history-toggle{background:#2d1f3d66;border:1px solid rgba(90,69,112,.6);border-radius:24px;padding:.5rem 1.2rem;color:#9b8ab5;font-size:.82rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}.history-toggle:hover{color:#c44dff;border-color:#c44dff4d;background:#c44dff0d}.chevron{width:16px;height:16px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.chevron.open{transform:rotate(180deg)}.song-history{width:100%;display:flex;flex-direction:column;gap:.35rem}.history-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .7rem;border-radius:10px;background:#1a122880;border:1px solid rgba(90,69,112,.3);transition:all .15s}.history-item:hover{background:#2d1f3d99;border-color:#5a457080}.history-cover{width:42px;height:42px;border-radius:6px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 6px #0000004d}.history-cover-placeholder{width:42px;height:42px;border-radius:6px;background:linear-gradient(135deg,#2d1f3d,#1a1228);flex-shrink:0}.history-info{display:flex;flex-direction:column;min-width:0;gap:.1rem}.history-title{color:#f0e6ff;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-artist{color:#9b8ab5;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-tracks{width:100%;display:flex;flex-direction:column;gap:.35rem}.top-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .7rem;border-radius:10px;background:#1a122880;border:1px solid rgba(90,69,112,.3);transition:all .15s}.top-item:hover{background:#2d1f3d99;border-color:#5a457080}.top-rank{color:#ff8c42;font-weight:800;font-size:.95rem;width:22px;text-align:center;flex-shrink:0;font-variant-numeric:tabular-nums}.top-cover{width:38px;height:38px;border-radius:6px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 6px #0000004d}.top-cover-placeholder{width:38px;height:38px;border-radius:6px;background:linear-gradient(135deg,#2d1f3d,#1a1228);flex-shrink:0}.top-info{display:flex;flex-direction:column;min-width:0;gap:.1rem}.top-title{color:#f0e6ff;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-artist{color:#9b8ab5;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.home-page{min-height:calc(100vh - 180px);padding:.5rem .5rem 1rem}.turntable{width:92vw;max-width:420px}.track-title{font-size:1.25rem}.track-artist{font-size:.9rem}.play-btn{width:68px;height:68px}.play-icon{width:30px;height:30px}.volume-row{display:none}.vinyl-label-text{font-size:.75rem}.platter-brand{font-size:1.6rem;letter-spacing:4px}}@media(max-width:400px){.turntable{width:95vw;max-width:340px}.player-hero{gap:1.25rem}.track-title{font-size:1.15rem}.vinyl-label-text{font-size:.65rem}.platter-brand{font-size:1.3rem;letter-spacing:3px}}.chat-window{background:#0a1f33;border-radius:8px;display:flex;flex-direction:column;height:calc(100vh - 200px);max-height:600px;overflow:hidden}.chat-header{padding:.75rem 1rem;border-bottom:1px solid #1a3a5c;display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0;font-size:1rem;color:#fff}.chat-count{font-size:.75rem;color:#7a8da0}.chat-messages{flex:1;overflow-y:auto;padding:.5rem 1rem;display:flex;flex-direction:column;gap:.35rem}.chat-message{display:flex;align-items:baseline;gap:.4rem;font-size:.85rem;line-height:1.4}.chat-author{font-weight:600;color:#46c1ed;white-space:nowrap;flex-shrink:0}.chat-badge{font-size:.6rem;padding:.1rem .3rem;border-radius:3px;margin-left:.25rem;text-transform:uppercase;vertical-align:middle}.chat-badge-admin{background:#f5a623;color:#011627}.chat-badge-moderator{background:#46c1ed;color:#011627}.chat-badge-speaker{background:#1a3a5c;color:#fff}.chat-text{color:#ddd;word-break:break-word}.chat-delete{background:none;border:none;color:#4a6278;cursor:pointer;font-size:.75rem;padding:0 .25rem;flex-shrink:0}.chat-delete:hover{color:#c33}.chat-input-form{display:flex;gap:.5rem;padding:.5rem;border-top:1px solid #1a3a5c}.chat-name-input{width:100px;flex-shrink:0}.chat-text-input{flex:1}.chat-name-input,.chat-text-input{background:#011627;border:1px solid #1a3a5c;color:#fff;padding:.4rem .6rem;border-radius:4px;font-size:.85rem}.chat-send{background:#f5a623;color:#011627;border:none;padding:.4rem 1rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600}.chat-send:hover{background:#e0950e}@media(max-width:768px){.chat-window{height:320px;border-radius:8px}.chat-header{padding:.5rem .75rem}.chat-messages{padding:.4rem .6rem}.chat-message{font-size:.8rem}.chat-input-form{flex-wrap:wrap;gap:.4rem;padding:.4rem}.chat-name-input{width:80px;font-size:.8rem;padding:.5rem}.chat-text-input{flex:1;min-width:0;font-size:.8rem;padding:.5rem}.chat-send{padding:.5rem .75rem;font-size:.8rem;-webkit-tap-highlight-color:transparent}}.song-requests{background:#0a1f33;border-radius:8px;padding:1rem}.song-requests h3{color:#fff;margin:0 0 .75rem}.request-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.request-form input{flex:1;min-width:120px;background:#011627;border:1px solid #1a3a5c;color:#fff;padding:.4rem .6rem;border-radius:4px;font-size:.85rem}.request-status{color:#6bff8b;font-size:.8rem;margin:.25rem 0}.request-list{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.request-item{display:flex;justify-content:space-between;align-items:center;padding:.35rem .5rem;border-radius:4px;font-size:.8rem;background:#011627}.request-song{color:#b0c4d8}.request-badge{font-size:.65rem;padding:.1rem .4rem;border-radius:3px;text-transform:uppercase}.request-badge-pending{background:#1a3a5c;color:#46c1ed}.request-badge-played{background:#155d27;color:#fff}.request-badge-rejected{background:#5d1515;color:#fff}.schedule{padding:1rem 0}.schedule h2{color:#fff;margin-bottom:1rem}.schedule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.schedule-day{background:#0a1f33;border-radius:8px;padding:1rem}.schedule-day h3{color:#46c1ed;margin:0 0 .75rem;font-size:.95rem}.schedule-empty{color:#4a6278;font-size:.85rem}.schedule-show{background:#011627;padding:.6rem;border-radius:4px;margin-bottom:.5rem;border-left:3px solid #46c1ed}.schedule-show.adult-only{border-left-color:#f44}.show-time{font-size:.75rem;color:#7a8da0}.show-title{font-weight:600;color:#fff;font-size:.9rem;display:flex;align-items:center;gap:.4rem}.badge-18{background:#f44;color:#fff;font-size:.6rem;padding:.1rem .3rem;border-radius:3px}.show-host{font-size:.8rem;color:#7a8da0}@media(max-width:768px){.schedule-grid{grid-template-columns:1fr;gap:.75rem}.schedule-day{padding:.75rem}}.archive h2{color:#fff;margin-bottom:1rem}.archive-list{display:flex;flex-direction:column;gap:.75rem}.archive-episode{background:#0a1f33;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-left:3px solid #46c1ed}.archive-episode.adult-only{border-left-color:#f44}.episode-info h3{margin:0;color:#fff;font-size:1rem;display:flex;align-items:center;gap:.4rem}.episode-show{font-size:.8rem;color:#f5a623}.episode-desc{color:#7a8da0;font-size:.85rem;margin:.3rem 0}.episode-meta{font-size:.75rem;color:#4a6278}.episode-audio{height:32px}.archive-pagination{display:flex;gap:.4rem;margin-top:1rem;justify-content:center}.admin-dashboard{padding:1rem 0}.admin-dashboard h2{color:#fff;margin-bottom:1rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.tab{background:#0a1f33;border:1px solid #1a3a5c;color:#b0c4d8;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.85rem}.tab.active{background:#46c1ed;color:#011627;border-color:#46c1ed;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.stat-card{background:#0a1f33;padding:1rem;border-radius:8px;text-align:center}.stat-value{font-size:1.8rem;font-weight:700;color:#fff}.stat-value.live{color:#f5a623;animation:pulse 1.5s infinite}.stat-label{font-size:.8rem;color:#7a8da0;margin-top:.25rem}.user-table{overflow-x:auto}.user-table table{width:100%;border-collapse:collapse;font-size:.85rem}.user-table th{text-align:left;padding:.6rem;color:#7a8da0;border-bottom:1px solid #1a3a5c}.user-table td{padding:.6rem;color:#b0c4d8;border-bottom:1px solid #0a1f33}.user-table select{background:#011627;border:1px solid #1a3a5c;color:#fff;padding:.25rem .4rem;border-radius:4px;font-size:.8rem}.status-badge{padding:.1rem .4rem;border-radius:3px;font-size:.7rem;text-transform:uppercase}.status-pending{background:#1a3a5c;color:#46c1ed}.status-active{background:#155d27;color:#fff}.status-suspended{background:#5d1515;color:#fff}.action-buttons{display:flex;gap:.4rem}.log-list{display:flex;flex-direction:column;gap:.3rem}.log-entry{display:flex;gap:1rem;font-size:.8rem;padding:.4rem .6rem;background:#0a1f33;border-radius:4px}.log-time{color:#4a6278;min-width:140px}.log-user{color:#46c1ed;min-width:120px}.log-action{color:#b0c4d8;flex:1}.log-ip{color:#4a6278}.show-form{background:#0a1f33;border:1px solid #1a3a5c;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.show-form h3{color:#fff;margin:0 0 1rem;font-size:1rem}.form-grid{display:flex;flex-direction:column;gap:.75rem}.form-group label{display:block;color:#7a8da0;font-size:.8rem;margin-bottom:.25rem}.form-group input,.form-group textarea,.form-group select{width:100%;background:#011627;border:1px solid #1a3a5c;color:#fff;padding:.5rem;border-radius:4px;font-size:.85rem}.form-row{display:flex;gap:.75rem;align-items:flex-end}.checkbox-label{display:flex;align-items:center;gap:.4rem;color:#b0c4d8;font-size:.85rem;cursor:pointer}.form-actions{display:flex;gap:.5rem;margin-top:1rem}.show-list{display:flex;flex-direction:column;gap:.5rem}.show-card{display:flex;justify-content:space-between;align-items:center;background:#0a1f33;padding:.75rem 1rem;border-radius:8px;gap:1rem}.show-card-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.show-card-info strong{color:#fff;font-size:.95rem}.show-schedule{color:#46c1ed;font-size:.8rem}.show-desc{color:#7a8da0;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show-card-actions{display:flex;gap:.4rem;flex-shrink:0}.empty-state{color:#4a6278;text-align:center;padding:2rem}@media(max-width:768px){.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.4rem}.admin-tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;padding:.4rem .75rem;font-size:.8rem;flex-shrink:0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:.75rem}.stat-value{font-size:1.4rem}.user-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.user-table table{min-width:600px;font-size:.8rem}.log-entry{flex-direction:column;gap:.2rem;padding:.5rem}.log-time{min-width:unset;font-size:.7rem}.log-user{min-width:unset}.log-ip{font-size:.7rem}}.schools-manager{display:flex;flex-direction:column;gap:1.5rem}.schools-section{display:flex;flex-direction:column;gap:.5rem}.section-title{color:#c4b8d4;font-size:1rem;font-weight:600;margin:0;padding-bottom:.3rem;border-bottom:1px solid rgba(90,69,112,.3)}.pending-title{color:#ff8c42}.school-card{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;border-radius:10px;background:#1a122880;border:1px solid rgba(90,69,112,.3);transition:all .15s}.school-card:hover{background:#2d1f3d80;border-color:#5a457080}.school-pending{border-color:#ff8c424d;background:#ff8c420d}.school-pending:hover{border-color:#ff8c4280;background:#ff8c4214}.school-suspended{opacity:.6}.school-card-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.school-card-info strong{color:#f0e6ff;font-size:.95rem}.school-detail{color:#9b8ab5;font-size:.8rem}.school-detail code{background:#c44dff1a;padding:.1rem .4rem;border-radius:4px;font-family:Courier New,monospace;color:#c44dff;font-size:.8rem}.school-date{color:#6b5b7b;font-size:.75rem}.school-card-actions{flex-shrink:0;display:flex;gap:.4rem}.auth-container{display:flex;justify-content:center;padding:2rem 1rem}.auth-form{background:#0a1f33;padding:2rem;border-radius:8px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem}.auth-form-wide{max-width:560px}.auth-form h2{margin:0 0 .5rem;color:#fff}.auth-form label{display:flex;flex-direction:column;gap:.3rem;color:#b0c4d8;font-size:.85rem}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=date]{background:#011627;border:1px solid #1a3a5c;color:#fff;padding:.5rem .75rem;border-radius:4px;font-size:.9rem}.auth-form input:focus{outline:none;border-color:#46c1ed}.auth-form small{color:#7a8da0;font-size:.75rem}.form-row{display:flex;gap:1rem}.form-row>label{flex:1}.checkbox-label{flex-direction:row!important;align-items:center;gap:.5rem!important;font-size:.8rem!important}.checkbox-label a{color:#46c1ed}.auth-error{background:#3d1515;color:#ff6b6b;padding:.5rem .75rem;border-radius:4px;font-size:.85rem}.auth-success{background:#153d1f;color:#6bff8b;padding:.5rem .75rem;border-radius:4px;font-size:.85rem}.auth-switch{text-align:center;color:#7a8da0;font-size:.85rem;margin:0}.auth-switch a{color:#46c1ed}@media(max-width:768px){.auth-container{padding:1rem .5rem}.auth-form{padding:1.25rem}.form-row{flex-direction:column;gap:.75rem}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=date]{padding:.6rem .75rem;font-size:16px}}.legal-page{max-width:700px;margin:0 auto;padding:2rem 1rem}.legal-page h1{color:#fff;border-bottom:2px solid #46c1ed;padding-bottom:.5rem;margin-bottom:1.5rem}.legal-page h2{color:#46c1ed;font-size:1.1rem;margin-top:1.5rem}.legal-page p,.legal-page li{color:#b0c4d8;line-height:1.6;font-size:.9rem}.legal-page ul{padding-left:1.5rem}.legal-page strong{color:#fff}.participant-list{background:#0a1f33;border-radius:8px;padding:1rem}.participant-list h3{color:#fff;margin:0 0 .75rem;font-size:1rem}.participant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.participant-card{background:#011627;border-radius:8px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:2px solid transparent;transition:border-color .3s}.participant-card.speaking{border-color:#46c1ed}.participant-card.speaking.muted{border-color:#4a6278}.participant-avatar{width:56px;height:56px;border-radius:50%;background:#0d2847;display:flex;align-items:center;justify-content:center;position:relative}.avatar-letter{font-size:1.4rem;font-weight:700;color:#fff}.audio-waves{position:absolute;inset:-4px;border-radius:50%;border:2px solid #46c1ed;animation:wave 1s ease-in-out infinite}@keyframes wave{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:0}}.participant-name{color:#b0c4d8;font-size:.85rem;text-align:center;display:flex;align-items:center;gap:.3rem}.you-badge{background:#46c1ed;color:#011627;font-size:.6rem;padding:.1rem .3rem;border-radius:3px;font-weight:600}.participant-status{font-size:1.1rem}.participant-actions{margin-top:.25rem}@media(max-width:768px){.participant-list{padding:.75rem}.participant-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.participant-card{padding:.5rem}.participant-avatar{width:44px;height:44px}.avatar-letter{font-size:1.1rem}.participant-name{font-size:.75rem}}@media(max-width:400px){.participant-grid{grid-template-columns:repeat(3,1fr)}}.mic-controls{background:#0a1f33;border-radius:8px;padding:1rem;text-align:center}.mic-buttons{display:flex;align-items:center;justify-content:center;gap:1rem}.mic-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:#011627;border:2px solid #1a3a5c;color:#b0c4d8;padding:1rem 2rem;border-radius:12px;cursor:pointer;font-size:.85rem;transition:all .2s}.mic-btn.active{border-color:#46c1ed;color:#fff;background:#0d2847}.mic-btn.muted{border-color:#4a6278;color:#7a8da0}.mic-icon{font-size:2rem}.mic-request{color:#7a8da0;font-size:.9rem}.mic-request p{margin:0 0 .75rem}@media(max-width:768px){.mic-controls{padding:.75rem}.mic-btn{padding:.8rem 1.5rem;border-radius:10px;min-height:48px;-webkit-tap-highlight-color:transparent}.mic-btn:active{transform:scale(.96)}.mic-icon{font-size:1.6rem}.mic-buttons{gap:.75rem}}.moderator-panel{background:#0a1f33;border-radius:8px;padding:1rem;min-width:220px}.moderator-panel h3{margin:0 0 1rem;color:#46c1ed;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.mod-stats{display:flex;gap:1rem;margin-bottom:1rem}.mod-stat{display:flex;flex-direction:column;align-items:center;flex:1;background:#011627;border-radius:8px;padding:.6rem .4rem}.mod-stat-value{font-size:1.4rem;font-weight:700;color:#fff}.mod-stat-value.live{color:#f5a623;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mod-stat-label{font-size:.7rem;color:#7a8da0;text-transform:uppercase;letter-spacing:.5px;margin-top:.2rem}.mod-actions{display:flex;flex-direction:column;gap:.5rem}.mod-btn{width:100%;padding:.7rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.mod-btn.go-live{background:#f5a623;color:#011627}.mod-btn.go-live:hover{background:#e0950e}.mod-btn.stop-live{background:transparent;color:#f5a623;border:2px solid #F5A623}.mod-btn.stop-live:hover{background:#f5a6231a}.mod-btn.end-session{background:#1a3a5c;color:#7a8da0}.mod-btn.end-session:hover{background:#2a5a8c;color:#fff}@media(max-width:768px){.moderator-panel{min-width:unset}.mod-stats{gap:.5rem}.mod-stat-value{font-size:1.2rem}.mod-btn{min-height:48px;font-size:.9rem;-webkit-tap-highlight-color:transparent}.mod-btn:active{transform:scale(.97)}}.studio-room{padding:1rem 0}.studio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.studio-title-bar h2{color:#fff;margin:0}.room-code{color:#7a8da0;font-size:.8rem;font-family:monospace}.broadcast-indicator{padding:.4rem 1rem;border-radius:4px;font-weight:700;font-size:.9rem;letter-spacing:1px}.broadcast-indicator.live{background:#f5a623;color:#011627;animation:pulse 1.5s infinite}.broadcast-indicator.probe{background:#1a3a5c;color:#46c1ed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.studio-alert{background:#3d1515;color:#ff6b6b;padding:.5rem .75rem;border-radius:4px;font-size:.85rem;margin-bottom:1rem}.studio-error{text-align:center;padding:3rem 1rem;color:#b0c4d8}.studio-error h2{color:#fff}.studio-content{display:grid;grid-template-columns:1fr 300px;gap:1rem}.studio-main{display:flex;flex-direction:column;gap:1rem}@media(max-width:768px){.studio-room{padding:.5rem 0}.studio-header{flex-direction:column;align-items:flex-start;gap:.5rem}.studio-title-bar{display:flex;align-items:center;gap:.75rem;width:100%}.studio-title-bar h2{font-size:1.1rem}.broadcast-indicator{padding:.3rem .7rem;font-size:.75rem}.studio-content{grid-template-columns:1fr}}.join-room{max-width:420px;margin:2rem auto;background:#0a1f33;border-radius:12px;padding:2rem}.join-room h2{margin:0 0 1.5rem;text-align:center;color:#fff}.join-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.join-tab{flex:1;padding:.6rem;border:none;background:#011627;color:#7a8da0;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.join-tab.active{background:#46c1ed;color:#011627;font-weight:600}.join-error{background:#3a1a1a;color:#ff6b6b;padding:.6rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.85rem}.join-form{display:flex;flex-direction:column;gap:.8rem}.join-form label{font-size:.85rem;color:#7a8da0}.join-form input{padding:.7rem 1rem;border:2px solid #1a3a5c;background:#011627;color:#fff;border-radius:8px;font-size:1rem}.join-form input:focus{border-color:#46c1ed;outline:none}.join-form .btn-primary{margin-top:.5rem;padding:.8rem;font-size:1rem}.school-dashboard{max-width:800px;margin:2rem auto;padding:0 1rem}.school-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.school-header h2{margin:0;color:#fff}.school-city{display:block;font-size:.85rem;color:#7a8da0;margin-top:.2rem}.school-status{display:inline-block;font-size:.75rem;padding:.2rem .6rem;border-radius:4px;margin-top:.4rem;text-transform:uppercase;letter-spacing:.5px}.school-status.active{background:#1a3a1a;color:#4caf50}.school-status.pending{background:#3a3a1a;color:#ffb300}.school-status.suspended{background:#3a1a1a;color:#ff6b6b}.school-select{padding:.4rem .8rem;background:#011627;border:2px solid #1a3a5c;color:#fff;border-radius:6px}.school-empty{color:#7a8da0;text-align:center;margin:2rem 0}.school-actions{text-align:center}.school-notice{background:#2a2a1a;color:#ffb300;padding:.8rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.school-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.school-tab{padding:.5rem 1rem;border:none;background:#011627;color:#7a8da0;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.school-tab.active{background:#46c1ed;color:#011627;font-weight:600}.school-content{background:#0a1f33;border-radius:12px;padding:1.5rem}@media(max-width:768px){.school-dashboard{margin:1rem auto;padding:0 .5rem}.school-header{flex-direction:column;gap:.5rem}.school-header h2{font-size:1.2rem}.school-select{width:100%}.school-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.school-tabs::-webkit-scrollbar{display:none}.school-tab{flex-shrink:0;min-height:44px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.school-content{padding:1rem;border-radius:8px}.member-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.session-form{flex-direction:column}.session-form input[type=number]{width:100%!important}.invite-code{font-size:1.5rem;letter-spacing:3px}.invite-url-row{flex-direction:column}}.school-register{max-width:500px;margin:2rem auto;background:#0a1f33;border-radius:12px;padding:2rem}.school-register h2{margin:0 0 .5rem;color:#fff}.school-register-info{color:#7a8da0;font-size:.85rem;margin-bottom:1.5rem}.register-form{display:flex;flex-direction:column;gap:1rem}.register-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:#7a8da0}.register-form input{padding:.6rem .8rem;border:2px solid #1a3a5c;background:#011627;color:#fff;border-radius:6px;font-size:.95rem}.register-form input:focus{border-color:#46c1ed;outline:none}.form-error{background:#3a1a1a;color:#ff6b6b;padding:.6rem 1rem;border-radius:6px;font-size:.85rem;margin-bottom:.5rem}.form-success{background:#1a3a1a;color:#4caf50;padding:.6rem 1rem;border-radius:6px;font-size:.85rem;margin-bottom:.5rem}.register-form .btn-primary{margin-top:.5rem;padding:.8rem}.member-list h3,.session-manager h3,.invite-link h3{margin:0 0 1rem;color:#fff}.member-table{width:100%;border-collapse:collapse}.member-table th,.member-table td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid #1a3a5c}.member-table th{color:#7a8da0;font-size:.8rem;text-transform:uppercase}.member-table td{color:#b0c4d8;font-size:.9rem}.role-badge{font-size:.75rem;padding:.15rem .5rem;border-radius:4px}.role-badge.educator{background:#0d2847;color:#46c1ed}.role-badge.student{background:#1a3a1a;color:#81c784}.btn-danger{background:#c33!important;color:#fff!important}.session-form{display:flex;gap:.5rem;align-items:center}.session-form input[type=text]{flex:1;padding:.5rem .8rem;background:#011627;border:2px solid #1a3a5c;color:#fff;border-radius:6px}.session-form input[type=number]{padding:.5rem;background:#011627;border:2px solid #1a3a5c;color:#fff;border-radius:6px;text-align:center}.session-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.session-card{display:flex;justify-content:space-between;align-items:center;background:#011627;border-radius:8px;padding:.8rem 1rem}.session-card-info{display:flex;flex-direction:column;gap:.2rem}.session-card-info strong{color:#fff}.session-code{font-size:.8rem;color:#7a8da0;font-family:monospace}.session-status{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.session-status.live{color:#f5a623}.session-status.scheduled{color:#ffb300}.session-status.ended{color:#4a6278}.invite-code-display{text-align:center;margin:1rem 0}.invite-code{font-family:monospace;font-size:2rem;letter-spacing:4px;color:#f5a623;background:#011627;padding:.6rem 1.5rem;border-radius:8px}.invite-url-row{display:flex;gap:.5rem}.invite-url{flex:1;padding:.5rem .8rem;background:#011627;border:2px solid #1a3a5c;color:#7a8da0;border-radius:6px;font-size:.85rem}