:root{--bg-primary:#080512;--bg-secondary:#0f0a22;--bg-gradient:linear-gradient(135deg, #080512 0%, #150d32 100%);--card-bg:#181230a6;--card-border:#ffffff14;--card-hover-border:#ff2d7a4d;--text-primary:#fff;--text-secondary:#9aa0c4;--text-muted:#676c8c;--color-primary:#ff2a85;--color-primary-rgb:255, 42, 133;--color-secondary:#8b5cf6;--color-secondary-rgb:139, 92, 246;--color-success:#00f0ff;--color-success-rgb:0, 240, 255;--color-orange:#f59e0b;--color-danger:#ef4444;--font-brand:"Outfit", "Inter", sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--border-radius-circle:50%;--shadow-neon:0 0 15px #ff2a854d;--shadow-neon-secondary:0 0 15px #8b5cf64d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-body);background-attachment:fixed;justify-content:center;align-items:flex-start;min-height:100vh;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#08051280}::-webkit-scrollbar-thumb{border-radius:var(--border-radius-sm);background:#8b5cf64d}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}h1,h2,h3,h4{font-family:var(--font-brand);letter-spacing:-.02em}p{color:var(--text-secondary);line-height:1.6}.version-commit-link{color:var(--color-success);text-decoration:none}.version-commit-link:hover,.version-commit-link:focus-visible{text-decoration:underline}.app-container{width:100%;max-width:1300px;margin:0 auto;padding:20px}.hidden{display:none!important}.text-center{text-align:center}.blinking{animation:1.2s ease-in-out infinite blink}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(16px);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);padding:24px;box-shadow:0 10px 30px #0006}.glass-card:hover{border-color:#ffffff1f}.btn{font-family:var(--font-brand);border-radius:var(--border-radius-md);cursor:pointer;transition:transform var(--transition-fast), filter var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:700;display:inline-flex}.btn:active{transform:scale(.98)}.btn-block{width:100%;display:flex}#confirm-request-btn,#join-room-btn,#create-room-btn{text-shadow:0 1px 2px #0006;background:#ff2a85;border:1px solid #ffffff40;font-weight:800;box-shadow:0 0 15px #ff2a8573;color:#fff!important}#confirm-request-btn:hover,#join-room-btn:hover,#create-room-btn:hover{background:#ff5da3;transform:translateY(-1px);box-shadow:0 0 25px #ff5da3b3}.btn-primary{color:#080512;background:#00f0ff;border:1px solid #ffffff4d;font-weight:800;box-shadow:0 0 15px #00f0ff73}.btn-primary:hover{color:#080512;background:#fff;transform:translateY(-1px);box-shadow:0 0 25px #ffffffb3}.btn-success{background:linear-gradient(135deg, var(--color-success) 0%, #00b4c0 100%);color:#080512;box-shadow:0 4px 15px #00f0ff4d}.btn-success:hover{filter:brightness(1.1);box-shadow:0 4px 20px #00f0ff80}.btn-secondary{color:var(--text-primary);background:#ffffff14;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff1f}.btn-text{color:var(--color-primary);font-size:.9rem;font-family:var(--font-brand);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-weight:500}.btn-text:hover{color:#ff5da3}.btn .btn-text{color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit}.icon-btn-secondary{color:var(--text-primary);border-radius:var(--border-radius-circle);cursor:pointer;width:38px;height:38px;transition:background var(--transition-fast), transform var(--transition-fast);background:#ffffff14;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.icon-btn-secondary:hover{background:#ffffff26;transform:scale(1.05)}.btn-back-home{color:var(--text-secondary);border-radius:var(--border-radius-circle);cursor:pointer;width:38px;height:38px;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;display:flex}.btn-back-home:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d;transform:translateY(-1px)}.btn-back-home:active{transform:scale(.97)}.input-group{width:100%;margin-bottom:16px}.input-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.input-group label .required{color:var(--color-primary)}.input-group label .optional{color:var(--text-muted);text-transform:none;font-size:.75rem}input[type=text],select.custom-select{width:100%;color:var(--text-primary);border-radius:var(--border-radius-md);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#08051299;border:1px solid #ffffff1a;outline:none;padding:12px 16px;font-size:1rem}input[type=text]:focus,select.custom-select:focus{border-color:var(--color-secondary);box-shadow:0 0 12px #8b5cf640}select.custom-select{appearance:none;cursor:pointer;padding-left:42px}select.custom-select option{color:#fff;background:#140b2a}.input-with-action{align-items:center;gap:8px;display:flex}.input-with-action input{flex-grow:1}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{padding-left:42px}.input-wrapper .input-icon{color:var(--text-muted);pointer-events:none;font-size:1.1rem;position:absolute;left:16px}#login-view{border-radius:var(--border-radius-lg);border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(20px);max-width:480px;margin:40px auto;padding:36px;box-shadow:0 20px 50px #0009}.brand-header{text-align:center;margin-bottom:24px}.logo-icon{color:var(--color-primary);text-shadow:var(--shadow-neon);margin-bottom:8px;font-size:2.8rem}.brand-header h1{background:linear-gradient(90deg,#fff 30%,#ff2a85 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:2.6rem;font-weight:800}body.light-theme .brand-header h1{background:linear-gradient(to right, var(--text-primary) 30%, var(--color-primary) 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-header .subtitle{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:.9rem}.section-title{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;margin-top:20px;margin-bottom:12px;padding-bottom:8px;display:flex}.step-num{border-radius:var(--border-radius-circle);background:var(--color-secondary);color:#fff;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex}.section-title h3{color:var(--text-primary);font-size:.95rem;font-weight:600}.profile-setup{align-items:center;gap:20px;margin-bottom:12px;display:flex}.avatar-preview-wrapper{position:relative}.avatar-circle{border-radius:var(--border-radius-circle);background:linear-gradient(135deg, var(--color-secondary) 0%, #6366f1 100%);width:72px;height:72px;transition:transform var(--transition-normal);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:2.2rem;display:flex;box-shadow:0 4px 15px #0000004d}.avatar-preview-wrapper .icon-btn-secondary{background:var(--color-primary);border:none;width:28px;height:28px;font-size:.75rem;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 8px #0000004d;color:#fff!important}.avatar-preview-wrapper .upload-avatar-trigger-btn{background:var(--color-secondary);left:-4px;right:auto}.avatar-selector-grid{border-radius:var(--border-radius-md);background:#08051266;border:1px solid #ffffff0d;grid-template-columns:repeat(6,1fr);gap:8px;max-height:145px;margin-bottom:20px;padding:8px;display:grid;overflow-y:auto}.avatar-selector-grid::-webkit-scrollbar{width:4px}.avatar-selector-grid::-webkit-scrollbar-track{background:0 0}.avatar-selector-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.avatar-selector-grid::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.avatar-option{aspect-ratio:1;border-radius:var(--border-radius-sm);cursor:pointer;width:100%;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:0 0;border:2px solid #0000;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.avatar-option:hover{background:#ffffff0d;transform:scale(1.1)}.avatar-option.selected{border-color:var(--color-primary);background:#ff2a8526;box-shadow:0 0 8px #ff2a8533}.tab-container{border-radius:var(--border-radius-md);background:#08051299;border:1px solid #ffffff0d;margin-bottom:16px;padding:4px;display:flex}.tab-btn{color:var(--text-secondary);font-family:var(--font-brand);cursor:pointer;transition:background var(--transition-normal), color var(--transition-normal);background:0 0;border:none;border-radius:12px;flex:1;padding:8px;font-size:.9rem;font-weight:600}.tab-btn.active{color:var(--text-primary);background:#ffffff14}.tab-content{display:none}.tab-content.active{animation:fadeIn var(--transition-normal);display:block}.create-room-info{border-left:3px solid var(--color-secondary);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;background:#8b5cf60d;margin-bottom:20px;padding:12px}.create-room-info p{color:var(--text-secondary);font-size:.82rem}.room-header{background:var(--card-bg);border-bottom:1px solid var(--card-border);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(20px);z-index:120;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:20px;padding:12px 20px;display:grid;position:relative;box-shadow:0 4px 20px #0003}.header-left{align-items:center;gap:16px;display:flex}.room-logo{color:var(--color-primary);text-shadow:var(--shadow-neon);align-items:center;gap:8px;font-size:1.3rem;display:flex}.room-logo .brand-text{font-family:var(--font-brand);color:#fff;font-weight:800}.room-badge{cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(135deg,#8b5cf626 0%,#ff2a8526 100%);border:1px solid #8b5cf64d;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.room-badge:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 0 10px #ff2a8533}.badge-label{color:var(--text-secondary);font-size:.72rem;font-weight:500}.badge-value{font-family:var(--font-brand);color:#fff;letter-spacing:.05em;font-size:.9rem;font-weight:700}.room-badge i{color:var(--color-primary);font-size:.75rem}.header-center{justify-content:center;display:flex}.online-users-wrapper{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:12px;padding:4px 12px;display:flex}.online-users-list{align-items:center;display:flex}.online-avatar{border-radius:var(--border-radius-circle);background:var(--color-secondary);width:28px;height:28px;transition:transform var(--transition-fast);border:2px solid #0f0a22;justify-content:center;align-items:center;margin-left:-8px;font-size:.95rem;display:flex;overflow:hidden}.online-avatar:first-child{margin-left:0}.online-count{color:var(--text-secondary);font-size:.78rem;font-weight:600}.header-right{justify-content:flex-end;align-items:center;display:flex}.profile-widget{color:var(--text-primary);font-family:var(--font-brand);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);text-align:right;background:#ffffff0a;border:1px solid #ffffff14;border-radius:30px;flex-shrink:0;align-items:center;gap:10px;padding:6px 12px;display:flex}.profile-widget:hover{border-color:var(--color-primary);background:#ffffff14}.widget-name{font-size:.85rem;font-weight:700;display:block}.widget-id{color:var(--text-muted);font-family:monospace;font-size:.7rem;display:block}.avatar-circle-sm{border-radius:var(--border-radius-circle);background:var(--color-secondary);justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.admin-menu-container{margin-right:12px;display:inline-block;position:relative}.admin-dropdown-menu{border-radius:var(--border-radius-md);z-index:130;-webkit-backdrop-filter:blur(20px);background:#0f0a22;border:1px solid #8b5cf640;flex-direction:column;gap:4px;min-width:195px;margin-top:8px;padding:8px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #000000b3,0 0 15px #8b5cf633}.dropdown-label{font-size:.72rem;font-family:var(--font-brand);text-transform:uppercase;color:var(--color-success);border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;margin-bottom:4px;padding:8px 12px;font-weight:700;display:flex}.dropdown-item{color:var(--text-primary);font-family:var(--font-body);cursor:pointer;text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:.85rem;font-weight:500;display:flex}.dropdown-item:hover{color:var(--color-primary);background:#ff2a8526}.dropdown-item i{width:16px;color:var(--text-secondary)}.dropdown-item:hover i{color:var(--color-primary)}.room-main-grid{grid-template-columns:360px 1fr 340px;align-items:start;gap:20px;display:grid}.grid-col{flex-direction:column;gap:20px;display:flex}.card-header{margin-bottom:16px}.card-header h2{color:#fff;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;display:flex}.card-header h2 i{color:var(--color-primary)}.card-subtitle{color:var(--text-secondary);margin-top:3px;font-size:.78rem}.request-form{margin-bottom:16px}.submit-btn{margin-top:8px;position:relative;overflow:hidden}.btn-glow{background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.submit-btn:hover .btn-glow{transition:all .75s ease-in-out;left:100%}.suggestions-container h4{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:8px;font-size:.75rem}.suggestions-tags{flex-wrap:wrap;gap:6px;display:flex}.suggestion-tag{color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;padding:5px 10px;font-size:.75rem}.suggestion-tag:hover{color:#fff;background:#ff2a851a;border-color:#ff2a854d}.members-container{flex-direction:column;gap:8px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.member-row{transition:background var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.member-row:hover{background:#ffffff0a}.member-info{align-items:center;gap:10px;min-width:0;display:flex}.member-avatar{border-radius:var(--border-radius-circle);background:#ffffff0f;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.1rem;display:flex;overflow:hidden}.member-text{min-width:0}.member-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex;overflow:hidden}.member-id-label{color:var(--text-muted);font-family:monospace;font-size:.68rem}.badge-host{color:var(--color-orange);background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;padding:1px 4px;font-size:.65rem;font-weight:700}.badge-mod{color:var(--color-success);background:#00f0ff26;border:1px solid #00f0ff4d;border-radius:4px;padding:1px 4px;font-size:.65rem;font-weight:700}.member-actions{gap:4px;display:flex}.member-action-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:4px 8px;font-size:.72rem}.member-action-btn:hover{color:#c084fc;background:#8b5cf626;border-color:#8b5cf64d}.member-action-btn.btn-action-kick:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.enlarged-playing{background:linear-gradient(135deg,#140a2acc 0%,#2a0a44cc 100%);border:1px solid #ff2a8540;flex-direction:column;gap:12px;padding:16px 20px;display:flex;box-shadow:0 0 25px #ff2a851a}.playing-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.accompaniment-btn{color:var(--color-success);transition:all var(--transition-fast);background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.accompaniment-btn:hover{background:var(--color-success);color:#080512;box-shadow:0 0 15px #00f0ff66}.playing-content-wrapper{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.playing-music-note-large{border-radius:var(--border-radius-circle);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex;box-shadow:0 4px 12px #ff2a8559}.playing-details-large{flex-grow:1;min-width:0}.playing-title-large{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 10px #ffffff1a;margin-bottom:2px;font-size:1.35rem;font-weight:800;overflow:hidden}.playing-singer-large{color:#c084fc;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:.92rem;font-weight:500;overflow:hidden}.playing-meta-info{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.playing-request-by-large{color:var(--text-secondary);font-size:.85rem}.badge-user{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:#fff;text-shadow:none;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 0 10px #ff2a854d}.playing-reaction-summary{gap:10px;display:flex}.stat-reaction{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;display:flex}.reaction-emoji{font-size:.9rem}.music-visualizer-large{flex-shrink:0;align-items:flex-end;gap:4px;height:36px;padding:0 10px;display:flex}.music-visualizer-large span{background:var(--color-primary);border-radius:2px;width:4px;animation:1s ease-in-out infinite alternate visualize;display:block}.music-visualizer-large span:first-child{height:10%;animation-delay:.1s}.music-visualizer-large span:nth-child(2){background:var(--color-secondary);height:40%;animation-delay:.3s}.music-visualizer-large span:nth-child(3){height:80%;animation-delay:.5s}.music-visualizer-large span:nth-child(4){background:var(--color-secondary);height:60%;animation-delay:.2s}.music-visualizer-large span:nth-child(5){height:30%;animation-delay:.4s}.music-visualizer-large span:nth-child(6){height:70%;animation-delay:.15s}.music-visualizer-large span:nth-child(7){background:var(--color-secondary);height:90%;animation-delay:.35s}.music-visualizer-large span:nth-child(8){height:20%;animation-delay:.55s}.audience-actions-panel{background:#00000040;border:1px solid #ffffff0a;border-radius:14px;margin-top:10px;padding:16px}.audience-action-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:10px;font-size:.78rem;font-weight:600;display:block}.reaction-buttons-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.btn-reaction-gift{color:#fff;font-family:var(--font-brand);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;display:flex}.btn-reaction-gift:hover{border-color:var(--color-primary);background:#ff2a851f;transform:translateY(-2px);box-shadow:0 4px 12px #ff2a8533}.btn-reaction-gift:active{transform:translateY(0)}.gift-emoji{font-size:1.1rem}.btn-reaction-mute{color:var(--text-secondary);cursor:pointer;width:34px;height:34px;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.btn-reaction-mute:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.btn-reaction-mute:active{transform:scale(.95)}.btn-reaction-mute.muted{color:#ef4444;background:#ef444426;border-color:#ef44444d}.dedicate-tag{color:#c084fc;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:4px;align-items:center;gap:3px;margin-left:6px;padding:1px 6px;font-size:.72rem;font-weight:600;display:inline-flex}.playlist-card-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.playlist-tabs{gap:8px;display:flex}.playlist-tab-btn{color:var(--text-muted);font-family:var(--font-brand);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:8px 16px;font-size:1.05rem;font-weight:700;display:flex}.playlist-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.playlist-tab-btn .counter-badge{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff08;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:700}.playlist-tab-btn.active .counter-badge{color:var(--color-primary);background:#ff2a8526;border-color:#ff2a8540}.queue-actions{gap:8px;display:flex}.btn-action{font-family:var(--font-brand);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #ffffff14;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;display:flex}.btn-action:active{transform:scale(.97)}.btn-action-orange{color:var(--color-orange);background:#f59e0b1f;border-color:#f59e0b40}.btn-action-orange:hover{background:var(--color-orange);color:#080512;box-shadow:0 0 12px #f59e0b66}.btn-action-purple{color:#c084fc;background:#8b5cf61f;border-color:#8b5cf640}.btn-action-purple:hover{background:var(--color-secondary);color:#fff;box-shadow:0 0 12px #8b5cf666}.playlist-container{flex-direction:column;gap:6px;max-height:480px;padding:10px 0;display:flex;overflow-y:auto}.song-card{transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;align-items:center;padding:8px 12px;display:flex}.song-card:hover{background:#ffffff0d;border-color:#ffffff14}.song-index-col{width:32px;color:var(--text-muted);font-family:var(--font-brand);justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.song-details-col{flex-grow:1;min-width:0;margin-right:12px}.song-details-col.song-single-row{flex-wrap:wrap!important;align-items:center!important;gap:4px 8px!important;display:flex!important}.song-details-col.song-single-row .song-title-text{vertical-align:middle;max-width:220px;display:inline-block}.song-details-col.song-single-row .song-singer-text{vertical-align:middle;max-width:150px;margin:0;display:inline-block}.song-details-col.song-single-row .song-requester-row{vertical-align:middle;align-items:center!important;gap:6px!important;margin-top:0!important;display:inline-flex!important}.song-divider{color:var(--text-muted);opacity:.4;-webkit-user-select:none;user-select:none;font-size:.8rem}.song-title-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.song-title-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.song-singer-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.song-requester-row{color:var(--text-muted);align-items:center;gap:8px;margin-top:2px;font-size:.82rem;display:flex}.song-requester-avatar{vertical-align:middle;background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;display:inline-flex;overflow:hidden}.song-requester-name{color:var(--text-primary);font-size:.88rem;font-weight:600}.song-accompaniment-link{color:var(--color-success);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.song-accompaniment-link:hover{text-decoration:underline}.song-actions-col{gap:4px;display:flex}.action-icon-btn{cursor:pointer;width:34px;height:34px;color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.action-icon-btn:hover{color:#fff;background:#ffffff0f}.action-icon-btn.pin-active{color:var(--color-orange)}.action-icon-btn.pin-active:hover{color:#fbbf24;background:#f59e0b1a}.action-icon-btn.delete-btn:hover{color:var(--color-danger);background:#ef44441a}.song-card.pinned-song{border-left:3px solid var(--color-orange);background:linear-gradient(90deg,#f59e0b0d 0%,#ffffff05 100%);border-color:#f59e0b26 #ffffff0a #ffffff0a #f59e0b80}.song-card.pinned-song:hover{border-color:#f59e0b4d #ffffff14 #ffffff14 #f59e0bcc}.pin-badge{color:var(--color-orange);font-size:.7rem;font-family:var(--font-brand);text-transform:uppercase;background:#f59e0b26;border-radius:4px;padding:1px 6px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;animation:fadeIn var(--transition-fast);background:#04030ad9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-secondary);border-radius:var(--border-radius-lg);width:100%;max-width:440px;animation:scaleUp var(--transition-normal);border:1px solid #ffffff1a;overflow:hidden;box-shadow:0 20px 40px #0009}.modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{font-size:1.15rem;font-weight:700}.close-modal-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1}.close-modal-btn:hover{color:#fff}.modal-body{padding:24px;line-height:1.6}.modal-body .section-label{text-transform:uppercase;color:var(--text-secondary);margin-top:24px;margin-bottom:12px;font-size:.8rem;font-weight:600;display:block}.modal-footer{background:#0003;border-top:1px solid #ffffff0d;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.notification-center{z-index:200;flex-direction:column;gap:10px;width:calc(100vw - 48px);max-width:360px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1px solid var(--card-border);border-radius:var(--border-radius-md);color:#fff;animation:slideInRight var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141028f2;align-items:center;gap:12px;padding:12px 18px;font-size:.85rem;display:flex;box-shadow:0 10px 25px #00000080}.toast-icon{font-size:1rem}.toast-add .toast-icon{color:var(--color-success)}.toast-pin .toast-icon{color:var(--color-orange)}.toast-delete .toast-icon{color:var(--color-danger)}.toast-shuffle .toast-icon{color:var(--color-secondary)}.toast-next .toast-icon{color:var(--color-success)}.toast-dedicate .toast-icon{color:#c084fc}.toast-text{flex-grow:1}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1rem}.toast-close:hover{color:#fff}.floating-reaction-container{pointer-events:none;z-index:90;width:100vw;height:100vh;position:fixed;bottom:0;left:0;overflow:hidden}@media (width<=768px){.floating-reaction-container{width:100vw;height:100vh}}.floating-emoji{opacity:.9;-webkit-user-select:none;user-select:none;--emoji-scale:3;font-size:2.2rem;animation:3.2s ease-in-out forwards floatUp;position:absolute;bottom:-150px}@media (width<=768px){.floating-emoji{--emoji-scale:2.2;bottom:-80px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes visualize{0%{height:10%}to{height:100%}}.spin-animation{animation:8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse-glow{animation:2s ease-in-out infinite alternate pulse-glow}@keyframes pulse-glow{0%{box-shadow:0 4px 15px #8b5cf633}to{box-shadow:0 4px 25px #8b5cf699,0 0 10px #ff2a8533}}@keyframes floatUp{0%{opacity:0;transform:translate(0)scale(.5)}10%{opacity:1;transform:translateX(var(--drift-1)) scale(1.1)}50%{transform:translateX(var(--drift-2)) scale(1)}to{transform:translateX(var(--drift-3)) scale(.8);opacity:0;bottom:100%}}.hidden-desktop{display:none!important}@media (width<=1280px){.room-main-grid{grid-template-columns:320px 1fr;gap:16px}.notifications-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);z-index:220;-webkit-backdrop-filter:blur(20px);flex-direction:column;width:380px;max-width:calc(100vw - 48px);max-height:550px;padding:16px;position:fixed;bottom:90px;right:24px;overflow-y:auto;box-shadow:0 10px 30px #0009,0 0 15px #ff2a8526;display:none!important}.notifications-section.open-on-mobile,.hidden-desktop{display:flex!important}}@media (width<=980px){.room-main-grid{grid-template-columns:1fr;gap:16px}}@media (width<=680px){.room-header{grid-template-columns:1fr;gap:8px}.header-left{flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.header-center,.header-right{justify-content:flex-start;width:100%}.room-badge{flex-shrink:0;justify-content:flex-start}#login-view{margin:20px auto;padding:20px}.reaction-buttons-grid{grid-template-columns:repeat(2,1fr)}.playlist-card-header{flex-direction:column;align-items:flex-start;gap:12px}.queue-actions{justify-content:space-between;width:100%}.admin-menu-container{width:100%;margin-bottom:8px;margin-right:0}.admin-dropdown-menu{width:100%;box-shadow:none;margin-top:4px;position:relative;top:0}}body.light-theme{--bg-primary:#f5f6fa;--bg-secondary:#fff;--bg-gradient:linear-gradient(135deg, #e2e8f0 0%, #f1f5f9 100%);--card-bg:#ffffffbf;--card-border:#00000014;--card-hover-border:#8b5cf640;--text-primary:#1e1b4b;--text-secondary:#475569;--text-muted:#94a3b8;--color-primary:#db2777;--color-secondary:#7c3aed;--color-success:#0f766e;--color-orange:#d97706;--shadow-neon:0 0 15px #db277726;--shadow-neon-secondary:0 0 15px #7c3aed26}body.light-theme .glass-card,body.light-theme .room-header{box-shadow:0 4px 16px #0000000f}body.light-theme .card-header h2,body.light-theme .playing-title-large,body.light-theme .song-title-text,body.light-theme .room-logo .brand-text,body.light-theme .badge-value,body.light-theme .member-name,body.light-theme .modal-header h3{color:var(--text-primary)}body.light-theme .suggestions-container h4,body.light-theme .input-group label{color:var(--text-secondary)}body.light-theme input[type=text],body.light-theme select.custom-select{color:var(--text-primary);background:#ffffffe6;border:1px solid #0000001f}body.light-theme input[type=text]:focus,body.light-theme select.custom-select:focus{border-color:var(--color-secondary);box-shadow:0 0 12px #7c3aed33}body.light-theme select.custom-select option{color:var(--text-primary);background:#fff}body.light-theme .tab-container,body.light-theme .avatar-selector-grid{background:#0000000a;border:1px solid #0000000f}body.light-theme .tab-btn.active{color:var(--text-primary);background:#0000000f}body.light-theme .enlarged-playing{background:linear-gradient(135deg,#fdf4ffe6 0%,#f5f3ffe6 100%);border:1px solid #db277740;box-shadow:0 10px 30px #db27771a}body.light-theme .playing-music-note-large{box-shadow:0 6px 20px #db27774d}body.light-theme .playlist-tab-btn.active .counter-badge{color:var(--color-primary);background:#db27771a;border-color:#db277733}body.light-theme .audience-actions-panel{background:#00000008;border:1px solid #0000000a}body.light-theme .btn-reaction-gift{color:var(--text-primary);background:#fffc;border:1px solid #00000014}body.light-theme .btn-reaction-gift:hover{border-color:var(--color-primary);background:#db27770f}body.light-theme .btn-reaction-mute{color:var(--text-secondary);background:#fffc;border:1px solid #00000014}body.light-theme .btn-reaction-mute:hover{color:var(--text-primary);background:#00000008}body.light-theme .btn-reaction-mute.muted{color:#ef4444!important;background:#ef44441a!important;border-color:#ef444433!important}body.light-theme .dedicate-tag{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed33}body.light-theme .suggestion-tag{background:#00000008;border:1px solid #0000000d}body.light-theme .suggestion-tag:hover{color:var(--color-primary);background:#db27770f}body.light-theme .song-card,body.light-theme .member-row{background:#00000005;border:1px solid #0000000a}body.light-theme .song-card:hover,body.light-theme .member-row:hover{background:#0000000a}body.light-theme .action-icon-btn:hover{color:var(--text-primary);background:#0000000a}body.light-theme .toast{color:var(--text-primary);background:#fffffffa;border:1px solid #00000014;box-shadow:0 10px 25px #00000026}body.light-theme .toast-close{color:var(--text-muted)}body.light-theme .toast-close:hover{color:var(--text-primary)}body.light-theme .toast-history-trigger{background:#fff;border-color:#00000014;box-shadow:0 4px 15px #00000026,0 0 10px #db27771a}body.light-theme .toast-history-trigger:hover{border-color:var(--color-primary);background:#fff;box-shadow:0 6px 20px #0000001f,0 0 15px #db277740}body.light-theme .admin-dropdown-menu{background:var(--bg-secondary);border:1px solid #00000014;box-shadow:0 10px 30px #0000001a,0 0 15px #00000008}body.light-theme .dropdown-label{border-bottom-color:#00000014}.notification-center{bottom:90px}.toast-history-trigger{border-radius:var(--border-radius-circle);background:var(--bg-secondary);border:1px solid var(--card-border);width:50px;height:50px;color:var(--color-primary);box-shadow:0 4px 15px #0006, var(--shadow-neon);cursor:pointer;z-index:210;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px}.toast-history-trigger:hover{background:var(--bg-secondary);border-color:var(--color-primary);transform:scale(1.08);box-shadow:0 6px 20px #00000080,0 0 15px #ff2a8566}.toast-history-trigger i{font-size:1.3rem}.history-badge{background:var(--color-danger);color:#fff;font-family:var(--font-brand);border:1px solid #080512;border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:700;position:absolute;top:-2px;right:-2px}.toast-history-panel{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--border-radius-md);z-index:220;width:420px;max-height:550px;animation:scaleUp var(--transition-normal);flex-direction:column;display:flex;position:fixed;bottom:90px;right:24px;overflow:hidden;box-shadow:0 10px 30px #0009,0 0 15px #ff2a8526}.toast-history-header{background:#0000001a;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.toast-history-header h4{color:var(--text-primary);align-items:center;gap:6px;font-size:.88rem;display:flex}.close-history-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.4rem}.close-history-btn:hover{color:#fff}.toast-history-list{flex-direction:column;flex-grow:1;gap:8px;min-height:150px;padding:12px;display:flex;overflow-y:auto}.history-toast-item{color:var(--text-secondary);background:#ffffff03;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:.85rem;display:flex}body.light-theme .history-toast-item{color:var(--text-primary);background:#00000003}.toast-badge-add{color:#10b981;background:#10b98126}.toast-badge-pin{color:#f59e0b;background:#f59e0b26}.toast-badge-delete{color:#ef4444;background:#ef444426}.toast-badge-shuffle{color:#8b5cf6;background:#8b5cf626}.toast-badge-next{color:#3b82f6;background:#3b82f626}.toast-badge-dedicate{color:#ec4899;background:#ec489926}.toast-badge-system{color:var(--text-secondary);background:#ffffff1a}.no-history-msg{text-align:center;color:var(--text-muted);padding:40px 0;font-size:.8rem}.toast-history-footer{background:#0000001a;border-top:1px solid #ffffff0f;padding:8px 12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px 0;display:grid}.stats-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;padding:16px}body.light-theme .stats-card{background:#00000005;border-color:#0000000a}.stats-card h3{color:var(--color-primary);border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:6px;font-size:.9rem;display:flex}body.light-theme .stats-card h3{border-bottom-color:#0000000f}.stats-list{flex-direction:column;gap:10px;display:flex}.stats-item{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.stats-bar-wrapper{background:#ffffff0d;border-radius:3px;flex-grow:1;height:6px;margin:0 10px;position:relative;overflow:hidden}body.light-theme .stats-bar-wrapper{background:#0000000f}.stats-bar{background:linear-gradient(90deg, var(--color-secondary), var(--color-primary));border-radius:3px;height:100%}.stats-name{white-space:nowrap;text-overflow:ellipsis;width:70px;color:var(--text-secondary);font-weight:500;overflow:hidden}body.light-theme .stats-name{color:var(--text-primary)}.stats-val{text-align:right;width:40px;color:var(--color-success);font-family:monospace;font-weight:700}.empty-stats-msg{text-align:center;color:var(--text-muted);padding:30px 0;font-size:.78rem}.dropdown-item-danger{color:var(--color-danger)!important}.dropdown-item-danger:hover{color:#f87171!important;background:#ef444426!important}.dropdown-item-danger i{color:var(--color-danger)!important}.dropdown-item-danger:hover i{color:#f87171!important}.toast-filter-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.toast-filter-btn:hover:not(.active){color:#fff;background:#ffffff1a}.toast-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 10px #ff2a854d}body.light-theme .toast-filter-btn{color:var(--text-secondary);background:#0000000a;border:1px solid #00000014}body.light-theme .toast-filter-btn:hover:not(.active){color:var(--text-primary);background:#00000014}body.light-theme .toast-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.stats-card-main-val{font-size:1.8rem;font-weight:800;font-family:var(--font-brand);background:linear-gradient(135deg, #fff 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:8px}body.light-theme .stats-card-main-val{background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stats-card-sub-val{color:var(--text-muted);margin-bottom:12px;font-size:.82rem}.history-room-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .2s,border-color .2s;display:flex}.history-room-item:hover{background:#ffffff0f;border-color:#ffffff1f}.history-room-item .room-number{color:var(--text-primary);font-size:.95rem;font-weight:700;font-family:var(--font-display)}body.light-theme .history-room-item{background:#00000005;border:1px solid #0000000f}body.light-theme .history-room-item:hover{background:#0000000a;border-color:#0000001a}.corner-egg-icon{color:#ffffff26;cursor:pointer;z-index:90;width:28px;height:28px;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:12px;left:12px}.corner-egg-icon:hover{color:#fff9;background:#ffffff1a;border-color:#fff3;box-shadow:0 0 10px #ffffff1a}body.light-theme .corner-egg-icon{color:#00000026;background:#00000008;border-color:#0000000d}body.light-theme .corner-egg-icon:hover{color:#00000080;background:#00000014;border-color:#00000026;box-shadow:0 0 10px #0000000d}.singing-turn-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#080512b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}.singing-turn-overlay.fade-out{animation:.3s ease-in reverse forwards fadeIn}.singing-turn-card{text-align:center;background:#181230f2;border:1px solid #ff2a854d;border-radius:24px;width:90%;max-width:420px;padding:40px;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards cardEntrance;transform:translateY(20px)scale(.95);box-shadow:0 20px 50px #000c,0 0 30px #ff2a8533}body.light-theme .singing-turn-card{background:#fffffff2;border:1px solid #db27774d;box-shadow:0 20px 50px #00000026,0 0 30px #db277726}.singing-icon{color:#fff;background:linear-gradient(135deg,#ff2a85,#ff7300);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:2.2rem;display:flex;box-shadow:0 0 20px #ff2a8599}.singing-turn-card h2{font-size:1.8rem;font-family:var(--font-display);background:linear-gradient(135deg,#00f0ff,#ff2a85);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px}body.light-theme .singing-turn-card h2{background:linear-gradient(135deg,#0d9488,#db2777);-webkit-background-clip:text;background-clip:text}.singing-turn-card p{color:var(--text-muted);margin:0 0 15px;font-size:.95rem}.singing-turn-card .song-info{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;margin-bottom:20px;padding:15px;font-size:1.15rem;font-weight:700}body.light-theme .singing-turn-card .song-info{background:#00000008;border:1px solid #00000014}@keyframes cardEntrance{to{transform:translateY(0)scale(1)}}body.light-theme .avatar-circle,body.light-theme .avatar-circle-sm{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%)!important;border-color:#bae6fd!important}body.light-theme .online-avatar{background:#f1f5f9!important;border-color:#fff!important}body.light-theme .member-avatar,body.light-theme .avatar-option,body.light-theme .song-requester-avatar{background:#f1f5f9!important}body.light-theme .badge-user{background:linear-gradient(135deg,#0d9488 0%,#db2777 100%)!important;box-shadow:0 0 10px #db277733!important}body.compact-mode{--font-scale:.92}body.compact-mode,body.compact-mode button,body.compact-mode input,body.compact-mode select,body.compact-mode textarea{font-size:92%!important}body.compact-mode .room-main-grid,body.compact-mode .grid-col{gap:12px!important}body.compact-mode .glass-card{border-radius:8px!important;padding:14px 16px!important}body.compact-mode .song-card{border-radius:6px!important;padding:5px 8px!important}body.compact-mode .playlist-container{gap:4px!important;padding:6px 0!important}body.compact-mode .room-header{padding:10px 16px!important}body.compact-mode .avatar-circle-sm{width:28px!important;height:28px!important;font-size:.95rem!important}body.compact-mode .avatar-circle-md{width:42px!important;height:42px!important;font-size:1.3rem!important}body.compact-mode .profile-widget{gap:8px!important;padding:4px 8px!important}body.compact-mode .widget-name{font-size:.82rem!important}body.compact-mode .widget-id{font-size:.72rem!important}body.compact-mode .now-playing-panel{padding:14px 16px!important}body.compact-mode .playing-music-note-large{font-size:2.2rem!important}body.compact-mode .playing-title-large{font-size:1.15rem!important}body.compact-mode .playing-singer-large{font-size:.88rem!important}body.compact-mode .input-wrapper input{padding:8px 12px 8px 36px!important}body.compact-mode .input-wrapper .input-icon{left:10px!important}body.compact-mode .input-group{margin-bottom:10px!important}body.compact-mode .btn{padding:8px 16px!important}body.compact-mode .reaction-buttons-grid button{padding:8px!important;font-size:.85rem!important}body.compact-mode .toast-history-list{max-height:400px!important}body.compact-mode .history-toast-item{margin-bottom:6px!important;padding:8px 10px!important}@keyframes slideInTopAnim{0%{opacity:0;background:#f59e0b4d;transform:translateY(-30px)}to{opacity:1;background:var(--card-bg);transform:translateY(0)}}.slide-in-top-anim{animation:.6s cubic-bezier(.25,.46,.45,.94) both slideInTopAnim}.toast-filter-link{color:var(--text-muted);padding:4px 8px;font-size:.9rem;text-decoration:none;transition:all .2s}.toast-filter-link:hover{color:var(--text-primary)}.toast-filter-link.active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);font-weight:600}.plain-list{box-shadow:none!important;background:0 0!important;border:none!important}.brand-header h1 span{-webkit-text-fill-color:#ffffff80!important;color:#ffffff80!important}body.light-theme .brand-header h1 span{-webkit-text-fill-color:#00000080!important;color:#00000080!important}.room-logo .brand-text span{opacity:.5!important}body.light-theme .room-logo .brand-text span{color:#00000080!important;opacity:.7!important}.lang-switch-lobby{z-index:10;background:#08051266;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;top:16px;right:16px}.lang-switch-lobby .lang-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:12px;padding:2px 8px;font-size:.78rem;font-weight:600}.lang-switch-lobby .lang-btn:hover{color:var(--color-primary);background:#ffffff0d}.lang-switch-lobby .lang-btn.active{color:var(--color-success);background:#00f0ff26;border:1px solid #00f0ff40}.lang-switch-lobby .lang-divider{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:.8rem}