:root{--bg-dark: #070312;--bg-card: rgba(18, 10, 36, .7);--bg-card-hover: rgba(28, 16, 54, .85);--bg-input: rgba(12, 6, 26, .8);--bg-body-gradient-1: rgba(168, 32, 255, .12);--bg-body-gradient-2: rgba(0, 243, 255, .1);--bg-body-gradient-3: rgba(255, 0, 85, .08);--neon-primary: #E8730C;--neon-pink: var(--neon-primary);--neon-cyan: #00f3ff;--neon-secondary: #00f3ff;--neon-purple: #a820ff;--neon-lime: #00ff75;--neon-yellow: #ffee00;--text-main: #f3f0ff;--text-muted: #9b8ec4;--text-dim: #5d5280;--border-glow-primary: rgba(232, 115, 12, .35);--border-glow-pink: var(--border-glow-primary);--border-glow-cyan: rgba(0, 243, 255, .35);--border-subtle: rgba(168, 32, 255, .2);--glass-blur: 16px;--glass-border-radius: 16px;--btn-secondary-bg: rgba(0, 243, 255, .1);--btn-secondary-color: #00f3ff;--btn-secondary-border: rgba(0, 243, 255, .35);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);overflow-x:hidden;min-height:100vh;background-image:radial-gradient(circle at 15% 15%,var(--bg-body-gradient-1) 0%,transparent 40%),radial-gradient(circle at 85% 85%,var(--bg-body-gradient-2) 0%,transparent 40%),radial-gradient(circle at 50% 50%,var(--bg-body-gradient-3) 0%,transparent 60%);background-attachment:fixed;transition:background-color .4s ease,color .4s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#07031280}::-webkit-scrollbar-thumb{background:#a820ff66;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-pink)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 8px 32px #0000005e;transition:border-color .3s ease,box-shadow .3s ease}.glass-panel:hover{border-color:#00f3ff4d}.glass-panel-pink{border-color:var(--border-glow-pink);box-shadow:0 0 20px #ff00551f}.glass-panel-cyan{border-color:var(--border-glow-cyan);box-shadow:0 0 20px #00f3ff1f}.glow-pink{color:var(--neon-pink);text-shadow:0 0 12px rgba(255,0,85,.6)}.glow-cyan{color:var(--neon-cyan);text-shadow:0 0 12px rgba(0,243,255,.6)}.glow-purple{color:var(--neon-purple);text-shadow:0 0 12px rgba(168,32,255,.6)}.btn-rave{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.05em;height:38px;padding:0 16px;white-space:nowrap;border-radius:10px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary{background:var(--neon-primary);color:#fff;box-shadow:0 0 20px var(--border-glow-primary)}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 0 30px var(--border-glow-primary)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-color);border:1px solid var(--btn-secondary-border);box-shadow:0 0 15px var(--btn-secondary-border)}.btn-secondary:hover{filter:brightness(1.2);transform:translateY(-2px)}.input-rave{width:100%;padding:14px 18px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-main);font-family:var(--font-body);font-size:.95rem;outline:none;transition:all .3s ease}.input-rave:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f3ff4d}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-pulse-glow{animation:pulse-glow 3s infinite ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080}@media (max-width: 868px){.main-grid-responsive{grid-template-columns:1fr!important}.topbar-responsive{flex-wrap:wrap;gap:8px!important;padding:8px 12px!important}}@media (max-width: 680px){.desktop-only-flex{display:none!important}.mobile-only-flex{display:flex!important}.user-info-responsive,.status-badge-responsive{display:none!important}}@media (min-width: 681px){.desktop-only-flex{display:flex!important}.mobile-only-flex{display:none!important}}:root{--player-min-h: 300px}@media (max-width: 680px){:root{--player-min-h: 180px}.player-stage{min-height:180px!important;height:52vw!important;max-height:240px!important}.yt-player-el,.yt-player-el iframe,#youtube-player-container,#youtube-player-container iframe{width:100%!important;height:100%!important;min-height:180px!important;max-height:240px!important}.player-mobile-compact{margin-bottom:0!important}.main-grid-responsive{grid-template-columns:1fr!important;gap:10px!important}.controls-bar-responsive{padding:10px 12px!important}.controls-row-responsive{flex-wrap:wrap!important;gap:10px!important}.left-controls-responsive{flex:1 1 auto!important;min-width:0!important}.title-info-responsive{min-width:0!important;flex:1!important}.right-controls-responsive{gap:6px!important}.room-container-responsive{padding:8px 10px!important;gap:8px!important}}.modal-overlay{z-index:600!important}