@import"https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--bg-dark: #000000;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--glass-bg: rgba(20, 20, 20, .6);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .15);--glass-shadow: 0 20px 50px rgba(0, 0, 0, .5);--sidebar-shadow: 10px 0 30px rgba(0, 0, 0, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .55);--panel-bg: rgba(20, 20, 20, .8);--dropdown-bg: #1a1a1a;--accent-primary: #0A84FF;--accent-secondary: #5E5CE6;--accent-glow: 0 0 20px rgba(10, 132, 255, .6);--gradient-primary: linear-gradient(135deg, #0A84FF 0%, #5E5CE6 100%);--danger: #FF453A;--success: #32D74B;--radius-lg: 24px;--radius-md: 16px;--radius-pill: 999px;--font-main: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=light]{--bg-dark: #f5f5f7;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .12);--glass-highlight: rgba(0, 0, 0, .05);--glass-shadow: 0 10px 40px rgba(0, 0, 0, .08);--sidebar-shadow: 2px 0 15px rgba(0, 0, 0, .05);--text-primary: #1d1d1f;--text-secondary: #515154;--panel-bg: rgba(255, 255, 255, .95);--dropdown-bg: #ffffff;--accent-primary: #007AFF;--accent-secondary: #5856D6;--accent-glow: 0 0 15px rgba(0, 122, 255, .2);--bubble-me: #007AFF;--bubble-partner: #e9e9eb;--input-bg: rgba(0, 0, 0, .05)}:root{--bubble-me: #0A84FF;--bubble-partner: rgba(255, 255, 255, .1);--input-bg: rgba(0, 0, 0, .2)}[data-theme=future]{--bg-dark: transparent;--glass-bg: rgba(0, 243, 255, .05);--glass-border: rgba(0, 243, 255, .3);--glass-highlight: rgba(255, 0, 255, .2);--glass-shadow: 0 0 30px rgba(0, 243, 255, .15);--text-primary: #ffffff;--text-secondary: rgba(0, 243, 255, .7);--accent-primary: #00f3ff;--accent-secondary: #ff00ff;--accent-glow: 0 0 25px rgba(0, 243, 255, .6);--gradient-primary: linear-gradient(135deg, #00f3ff 0%, #ff00ff 100%);--radius-lg: 16px;--radius-md: 8px;--radius-pill: 50px;--danger: #ff0033;--success: #00ff66;font-family:"Orbitron",var(--font-main)}[data-theme=nature]{--bg-dark: transparent;--glass-bg: rgba(20, 40, 25, .65);--glass-border: rgba(100, 200, 100, .3);--glass-highlight: rgba(255, 255, 200, .15);--text-primary: #e8f5e9;--text-secondary: #a5d6a7;--text-muted: rgba(255, 255, 255, .5);--accent-primary: #66bb6a;--accent-secondary: #ffa726;--accent-glow: 0 4px 15px rgba(102, 187, 106, .4);--success: #66bb6a;--danger: #ef5350;--radius-lg: 24px;--radius-md: 16px;--radius-pill: 50px;font-family:Nunito,Segoe UI,sans-serif}[data-theme=snow]{--bg-dark: transparent;--glass-bg: rgba(220, 225, 235, .12);--glass-border: rgba(255, 255, 255, .3);--glass-highlight: rgba(255, 255, 255, .5);--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: rgba(255, 255, 255, .5);--accent-primary: #93c5fd;--accent-secondary: #0284c7;--accent-glow: 0 0 15px rgba(147, 197, 253, .4);--radius-lg: 12px;--radius-md: 8px;--radius-pill: 20px;font-family:Quicksand,sans-serif}[data-theme=cyberpunk]{--bg-dark: transparent;--glass-bg: rgba(0, 0, 0, .85);--glass-border: rgba(252, 238, 10, .4);--glass-highlight: rgba(255, 0, 60, .3);--glass-shadow: 0 0 40px rgba(252, 238, 10, .15);--text-primary: #fcee0a;--text-secondary: rgba(0, 243, 255, .8);--accent-primary: #fcee0a;--accent-secondary: #ff003c;--accent-glow: 0 0 30px rgba(252, 238, 10, .5);--gradient-primary: linear-gradient(135deg, #fcee0a 0%, #ff003c 100%);--radius-lg: 12px;--radius-md: 8px;--radius-pill: 50px;--danger: #ff003c;--success: #00ff9f;font-family:Orbitron,monospace}[data-theme=heavyrain]{--bg-dark: transparent;--glass-bg: rgba(15, 20, 35, .7);--glass-border: rgba(100, 150, 255, .3);--glass-highlight: rgba(255, 255, 255, .1);--glass-shadow: 0 15px 45px rgba(0, 0, 0, .5);--text-primary: #f0f4ff;--text-secondary: rgba(150, 180, 255, .7);--accent-primary: #4A90E2;--accent-secondary: #50E3C2;--accent-glow: 0 0 15px rgba(74, 144, 226, .4);font-family:var(--font-main)}[data-theme=connecting]{--bg-dark: #02060f;--glass-bg: rgba(0, 243, 255, .05);--glass-border: rgba(0, 243, 255, .2);--glass-highlight: rgba(0, 243, 255, .1);--glass-shadow: 0 0 40px rgba(0, 243, 255, .15);--text-primary: #ffffff;--text-secondary: #00f3ff;--text-muted: rgba(0, 243, 255, .6);--accent-primary: #00f3ff;--accent-secondary: #0088ff;--accent-glow: 0 0 25px rgba(0, 243, 255, .6);--radius-lg: 12px;--radius-md: 6px;font-family:Outfit,Inter,sans-serif}[data-theme=gaming]{--bg-dark: #0a0510;--glass-bg: rgba(255, 0, 255, .08);--glass-border: rgba(255, 0, 255, .3);--glass-highlight: rgba(0, 243, 255, .2);--glass-shadow: 0 0 40px rgba(255, 0, 255, .15);--text-primary: #fff;--text-secondary: #ff00ff;--accent-primary: #ff00ff;--accent-secondary: #00f3ff;--accent-glow: 0 0 25px rgba(255, 0, 255, .6);--gradient-primary: linear-gradient(135deg, #ff00ff 0%, #00f3ff 100%);--radius-lg: 16px;--radius-md: 8px;font-family:Orbitron,sans-serif}[data-theme=sunset]{--bg-dark: transparent;--glass-bg: rgba(30, 10, 15, .7);--glass-border: rgba(234, 89, 78, .3);--glass-highlight: rgba(244, 139, 87, .2);--glass-shadow: 0 0 40px rgba(234, 89, 78, .15);--text-primary: #fff;--text-secondary: #F09A5A;--accent-primary: #CC5E4F;--accent-secondary: #F09A5A;--accent-glow: 0 0 25px rgba(204, 94, 79, .6);--gradient-primary: linear-gradient(135deg, #CC5E4F 0%, #F09A5A 100%);--radius-lg: 16px;--radius-md: 8px;font-family:Outfit,sans-serif}[data-theme=space]{--bg-dark: transparent;--glass-bg: rgba(10, 5, 30, .7);--glass-border: rgba(138, 43, 226, .3);--glass-highlight: rgba(0, 255, 255, .2);--glass-shadow: 0 0 40px rgba(138, 43, 226, .2);--text-primary: #ffffff;--text-secondary: #e0b0ff;--accent-primary: #8a2be2;--accent-secondary: #00ffff;--accent-glow: 0 0 25px rgba(138, 43, 226, .6);--gradient-primary: linear-gradient(135deg, #8a2be2 0%, #00ffff 100%);--radius-lg: 20px;--radius-md: 10px;font-family:Inter,sans-serif}[data-theme=ocean]{--bg-dark: transparent;--glass-bg: rgba(5, 20, 40, .75);--glass-border: rgba(0, 212, 255, .3);--glass-highlight: rgba(0, 255, 150, .2);--glass-shadow: 0 0 40px rgba(0, 212, 255, .15);--text-primary: #ffffff;--text-secondary: #80e5ff;--accent-primary: #00d4ff;--accent-secondary: #00ff96;--accent-glow: 0 0 25px rgba(0, 212, 255, .6);--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #00ff96 100%);--radius-lg: 24px;--radius-md: 12px;--radius-pill: 99px;font-family:Outfit,sans-serif}[data-theme=aurora]{--bg-dark: transparent;--glass-bg: rgba(10, 15, 30, .65);--glass-border: rgba(0, 255, 128, .3);--glass-highlight: rgba(0, 200, 255, .2);--glass-shadow: 0 0 40px rgba(0, 255, 128, .15);--text-primary: #ffffff;--text-secondary: #a0ffd0;--accent-primary: #00ff80;--accent-secondary: #00c8ff;--accent-glow: 0 0 25px rgba(0, 255, 128, .6);--gradient-primary: linear-gradient(135deg, #00ff80 0%, #00c8ff 100%);--radius-lg: 20px;--radius-md: 10px;font-family:Inter,sans-serif}[data-theme=auto]{--bg-dark: transparent;--glass-bg: rgba(20, 40, 25, .65);--glass-border: rgba(100, 200, 100, .3);--glass-highlight: rgba(255, 255, 200, .15);--text-primary: #e8f5e9;--text-secondary: #a5d6a7;--text-muted: rgba(255, 255, 255, .5);--accent-primary: #66bb6a;--accent-secondary: #ffa726;--accent-glow: 0 4px 15px rgba(102, 187, 106, .4);--success: #66bb6a;--danger: #ef5350;--radius-lg: 24px;--radius-md: 16px;--radius-pill: 50px;font-family:Nunito,Segoe UI,sans-serif}body{margin:0;padding:0;font-family:var(--font-main);background:var(--bg-dark);color:var(--text-primary);min-height:100dvh;overflow:hidden;-webkit-overflow-scrolling:touch}.fluid-overlay{position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:-5;background:radial-gradient(circle at 50% 50%,rgba(10,132,255,.15),transparent 40%),radial-gradient(circle at 20% 80%,rgba(94,92,230,.15),transparent 40%),radial-gradient(circle at 80% 20%,rgba(255,69,58,.08),transparent 40%);filter:blur(80px);animation:liquidMove 20s ease-in-out infinite alternate}[data-theme=future] .fluid-overlay,[data-theme=connecting] .fluid-overlay,[data-theme=gaming] .fluid-overlay,[data-theme=cyberpunk] .fluid-overlay,[data-theme=sunset] .fluid-overlay,[data-theme=space] .fluid-overlay,[data-theme=ocean] .fluid-overlay,[data-theme=nature] .fluid-overlay,[data-theme=snow] .fluid-overlay,[data-theme=heavyrain] .fluid-overlay{display:none}@keyframes liquidMove{0%{transform:translate(0) rotate(0)}50%{transform:translate(-50px,-20px) rotate(2deg)}to{transform:translate(20px,-50px) rotate(-2deg)}}.chat-tabs-container{background:var(--glass-bg);border-bottom:1px solid var(--glass-border)}.chat-tab-btn{color:var(--text-secondary)}.chat-tab-btn.active{color:var(--text-primary);background:var(--glass-highlight)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.glass-button{background:rgba(var(--accent-primary-rgb, 255, 255, 255),.05);border:1px solid var(--glass-border);color:var(--text-primary);padding:12px 24px;border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-main);font-weight:600;transition:all .3s cubic-bezier(.25,1,.5,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-button:hover{background:#ffffff26;transform:scale(1.05);box-shadow:0 0 15px #ffffff1a;border-color:var(--glass-highlight)}.glass-button:active{transform:scale(.95)}.icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background:var(--glass-highlight);color:var(--text-primary);transform:scale(1.1)}.icon-btn.danger:hover{background:#ff453a1a;color:var(--danger)}.glass-input{box-sizing:border-box;background:#0000000d;border:1px solid var(--glass-border);color:var(--text-primary);padding:14px 20px;border-radius:var(--radius-md);font-family:var(--font-main);outline:none;font-size:1rem;transition:all .3s ease}.glass-input:focus{border-color:var(--accent-primary);box-shadow:0 0 15px #00f3ff33}.mention-highlight{background:#00f3ff33;color:var(--accent-primary);font-weight:700;padding:2px 4px;border-radius:4px;border:1px solid rgba(0,243,255,.3)}.premium-slider{-webkit-appearance:none;appearance:none;width:calc(100% - 12px);margin:0 6px;height:4px;border-radius:4px;background:#ffffff14;outline:none;cursor:pointer;transition:all .3s ease}.premium-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 15px #ffffff4d;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.premium-slider::-webkit-slider-thumb:hover{transform:scale(1.3);background:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-secondary);opacity:.3;border-radius:10px}.loader-spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rotate-on-hover:hover{animation:rotate .6s cubic-bezier(.25,1,.5,1) forwards}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.jiggle-on-hover:hover{animation:jiggle .4s cubic-bezier(.25,1,.5,1)}@keyframes jiggle{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.1) rotate(-3deg)}}.left-sidebar-container{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);z-index:900;display:flex;pointer-events:none}.left-sidebar-container>*{pointer-events:auto}.sidebar-handle{width:20px;height:100%;position:absolute;right:-20px;top:0;cursor:e-resize;display:flex;flex-direction:column;align-items:center;justify-content:center}.handle-bar{width:4px;height:40px;background:#fff3;border-radius:4px}.sidebar-content{flex:1;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;padding:20px;box-shadow:10px 0 30px #00000080;height:100%;overflow-y:auto}.sidebar-section{margin-bottom:24px}.sidebar-section h3{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:12px;padding-left:8px}.sidebar-list{display:flex;flex-direction:column;gap:4px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s;background:transparent;border:none;width:100%;text-align:left;font-family:inherit;font-size:.9rem}.sidebar-item:hover,.sidebar-item.active{background:#ffffff1a;color:var(--text-primary)}.sidebar-item.active{background:#ffffff26;font-weight:600}.sidebar-item svg{min-width:18px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-item .friend-avatar{position:relative;width:28px;height:28px;border-radius:50%;background:var(--glass-highlight);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-primary)}.friend-item .friend-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.status-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:2px solid #222}.status-dot.online{background:#4ade80}.status-dot.offline{background:#666}.empty-msg{font-size:.8rem;color:var(--text-secondary);padding:0 10px;font-style:italic}.slide-in-right{animation:slideInRight .3s cubic-bezier(.25,1,.5,1) forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}:root{--sidebar-width: 320px;--sidebar-handle-width: 24px;--sidebar-content-width: calc(var(--sidebar-width) - var(--sidebar-handle-width));--header-height: 60px;--mobile-nav-height: 60px}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media(max-width:768px){html{font-size:14px}.mobile-only{display:flex!important}.desktop-only{display:none!important}body{overflow-x:hidden;position:fixed;width:100%}}.main-menu-container{display:flex;height:100vh;width:100%;overflow:hidden;background:transparent;transition:background .5s ease;position:relative}.main-menu-sidebar{width:var(--sidebar-width);height:100%;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:25px;box-shadow:var(--sidebar-shadow);z-index:10;transition:transform .3s ease}.main-menu-content{flex:1;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:800px}@media(max-width:768px){.main-menu-container{flex-direction:column}.main-menu-sidebar{width:100%;height:auto;padding:15px;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);flex-direction:row;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;z-index:100;background:#0a0a0af2}.main-menu-content{padding:80px 20px 20px;justify-content:flex-start}.dashboard-grid{grid-template-columns:1fr;max-width:100%}.glass-panel{padding:20px!important}}.party-room-container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden;position:relative}.party-header{position:absolute;top:0;left:0;width:100%;padding:20px;display:flex;justify-content:center;pointer-events:none;z-index:10}.participant-grid{flex:1;padding:4rem;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:3rem;overflow-y:auto;position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent}.chat-sidebar{position:fixed;top:20px;right:25px;width:370px;height:calc(100vh - 40px);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);z-index:200;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;padding:0;overflow:hidden;transition:all .3s ease}.control-dock{position:absolute;bottom:3rem;left:calc(50% + var(--sidebar-offset, 0px) / 2);transform:translate(-50%);z-index:10015;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.party-header{padding:15px;justify-content:flex-start}.participant-grid{padding:6rem 1rem 8rem!important;gap:1rem!important;align-content:flex-start!important}.control-dock{bottom:1.5rem!important;width:95%;max-width:400px}.control-dock .glass-panel{padding:.8rem 1rem!important;gap:.5rem!important;justify-content:space-around;width:100%;box-sizing:border-box;display:flex}.control-dock button{transform:scale(.9);padding:8px!important}.chat-sidebar{top:0;right:0;width:100%;height:100%;border-radius:0;background:#0f0f14fa;z-index:300}}.chat-window-expanded{position:fixed!important;bottom:0!important;right:0!important;width:calc(100vw - var(--sidebar-width))!important;height:100vh!important;z-index:10005!important;border-radius:0!important}.chat-maximized .control-dock{position:fixed!important;left:10px!important;bottom:20px!important;top:auto!important;transform:none!important;width:auto!important;z-index:10020!important;transition:all .3s ease}.chat-maximized .control-bar-inner{flex-direction:column!important;padding:1.5rem .8rem!important;gap:1.2rem!important;border-radius:40px!important;height:auto!important}.chat-maximized .code-pill,.chat-maximized .control-divider,.chat-maximized .control-bar-inner>div:nth-child(1),.chat-maximized .control-bar-inner>div:nth-child(6),.chat-maximized .control-bar-inner>div:nth-child(7),.chat-maximized .control-bar-inner>div:nth-child(9){display:none!important}.chat-maximized .participant-grid{padding-right:calc(100vw - var(--sidebar-width) + 2rem)!important;justify-content:flex-start!important}.chat-maximized .participant-card{max-width:280px}.chat-maximized .audio-widget-container{right:auto!important;left:80px!important;bottom:20px!important;z-index:10010!important}.chat-maximized .party-room-container>div[style*=fixed]{z-index:10010!important}.chat-maximized .party-room-container .glass-panel[style*=fixed]{z-index:10010!important}@media(max-width:768px){.chat-window-expanded{width:100vw!important}}.main-menu-sidebar,.sidebar-content{box-sizing:border-box!important}.professional-mode{--accent-primary: #0062cc;--accent-secondary: #004a99;--accent-glow: none;--glass-bg: rgba(10, 10, 10, .95);--glass-border: rgba(255, 255, 255, .12);--radius-lg: 12px;--radius-md: 8px}.professional-mode .fluid-overlay,.professional-mode .space-overlay,.professional-mode .sunset-overlay,.professional-mode .nature-overlay{display:none!important}.professional-mode.party-room-container{background:#0a0a0b!important}.professional-mode .participant-deck h3{font-family:Inter,-apple-system,sans-serif!important;font-weight:500!important;letter-spacing:0px!important;text-shadow:none!important}.professional-mode [style*="animation: pulse-ring"]{animation:none!important;display:none!important}.professional-mode .control-bar-inner{background:#000000f2!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 10px 30px #000c!important}.professional-mode .code-pill{background:#222!important;border:1px solid #444!important;box-shadow:none!important}.professional-mode .chat-system-msg{color:var(--text-secondary)!important;font-style:italic;font-size:.8rem}.professional-mode{--accent-primary: #007AFF;--accent-secondary: #0056b3;--accent-glow: 0 0 0 transparent;--glass-bg: rgba(20, 20, 20, .95);--glass-highlight: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, #007AFF 0%, #0056b3 100%)}.professional-mode .fluid-overlay{display:none!important}.professional-mode .participant-deck{margin:1.2rem!important}.professional-mode .participant-talking-ring{animation:none!important;border:2px solid var(--accent-primary)!important;opacity:.8!important;box-shadow:none!important}.professional-mode .glass-panel{-webkit-backdrop-filter:blur(40px) saturate(100%);backdrop-filter:blur(40px) saturate(100%);background:var(--glass-bg)}.professional-mode h2,.professional-mode h3{font-family:Inter,-apple-system,sans-serif;letter-spacing:-.01em;font-weight:500}.professional-mode .chat-tabs-container button{text-transform:none;font-size:.95rem}.professional-mode .control-bar{border-top:1px solid var(--glass-border);background:#0a0a0afa!important}#root,.app-container{height:100dvh;width:100%;overflow:hidden;position:relative}@media(hover:none){.glass-button:hover,.icon-btn:hover,.sidebar-item:hover,.glass-panel:hover{transform:none!important;box-shadow:none!important}button:hover{background:initial}}@media(max-width:768px){body{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}button,[role=button],.icon-btn{min-width:44px;min-height:44px}.mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#0a0a0af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);padding:8px 0;padding-bottom:calc(8px + var(--safe-bottom));gap:0;align-items:stretch}.mobile-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;color:#ffffff73;font-size:.6rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;padding:8px 4px;transition:color .2s;min-height:56px}.mobile-bottom-nav button.active{color:var(--accent-primary)}.mobile-bottom-nav button svg{transition:transform .2s}.mobile-bottom-nav button.active svg{transform:scale(1.15)}.main-menu-content{padding:70px 16px calc(80px + var(--safe-bottom)) 16px!important}.main-menu-sidebar{transform:translateY(-100%)!important;position:fixed!important;height:auto!important}.mobile-top-bar{display:flex!important;position:fixed;top:0;left:0;right:0;z-index:500;padding:12px 20px;padding-top:calc(12px + var(--safe-top));background:#0a0a0ae6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);align-items:center;justify-content:space-between;gap:16px}.party-room-container{padding-bottom:var(--safe-bottom);--participant-size: 88px;--participant-margin: .5rem;--control-btn-size: 42px}.participant-grid{padding:4.5rem .5rem calc(6.5rem + var(--safe-bottom)) .5rem!important;gap:.5rem!important;grid-template-columns:repeat(auto-fill,minmax(var(--participant-size),1fr))!important;justify-items:center!important;align-content:flex-start!important}.control-dock{bottom:calc(.75rem + var(--safe-bottom))!important;width:95%!important;max-width:500px!important}.control-dock .glass-panel{padding:10px 12px!important}.chat-sidebar{top:0!important;right:0!important;width:100%!important;height:100dvh!important;border-radius:0!important;z-index:500!important}.voice-overlay-mobile{position:fixed!important;bottom:calc(5.5rem + var(--safe-bottom))!important;left:0!important;right:0!important;top:auto!important;flex-direction:row!important;justify-content:center!important;padding:0 12px!important;gap:8px!important;pointer-events:none;z-index:100}.auth-form-container{padding:20px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],textarea,select{font-size:16px!important}.modal-overlay .glass-panel,.settings-panel{width:100%!important;max-width:100%!important;min-height:50dvh!important;height:100dvh!important;border-radius:24px 24px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;flex-direction:column!important}.settings-sidebar{display:none!important}.settings-mobile-tabbar{display:flex!important}.settings-content{padding:16px!important;height:calc(100dvh - 120px)!important}.dashboard-grid{grid-template-columns:1fr!important;gap:12px!important}.sidebar-content,.chat-messages,.participant-grid,.main-menu-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.desktop-overlay-effect,.left-sidebar-container{display:none!important}@media(max-width:400px){.code-pill{display:none!important}}}@media(min-width:769px)and (max-width:1024px){.dashboard-grid{grid-template-columns:1fr 1fr;gap:16px}.main-menu-sidebar{width:260px!important;padding:20px!important}.participant-grid{padding:2rem 1.5rem 6rem!important;gap:1.5rem!important}.chat-sidebar{width:320px!important}}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 16px;margin:2px 8px;border-radius:10px;color:var(--text-dim);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.9rem;font-weight:500;-webkit-user-select:none;user-select:none;box-sizing:border-box}.sidebar-item:hover{background:var(--glass-hover);color:var(--text-primary);transform:translate(2px)}.sidebar-item.active{background:var(--glass-hover);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a}.sidebar-item.danger{color:#ff5252}.sidebar-item.danger:hover{background:#ff52521a;color:#ff8a80}.glass-btn-primary{background:linear-gradient(135deg,#5865f2cc,#5865f280);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);text-shadow:0 1px 2px rgba(0,0,0,.2)}.glass-btn-primary:hover{background:linear-gradient(135deg,#5865f2e6,#5865f2b3);box-shadow:0 0 15px #5865f266}.glass-btn{background:var(--glass-hover);color:var(--text-primary);border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.glass-btn:hover{background:var(--glass-hover);filter:brightness(1.1)}.glass-btn-danger{background:#ed4245cc;box-shadow:0 4px 15px #ed42454d}.glass-btn-danger-outline{border:1px solid rgba(237,66,69,.8);color:#ff5e5e}.glass-btn-danger-outline:hover{background:#ed42451a;box-shadow:0 0 15px #ed424533}.primary-btn{color:#fff;border:none;border-radius:6px;padding:8px 16px;font-weight:600;cursor:pointer;transition:all .2s}.edit-btn{border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:500;cursor:pointer}.danger-btn{color:#fff;border:none;border-radius:6px;padding:8px 16px;font-weight:600;cursor:pointer}.danger-btn-outline{background:transparent;border-radius:6px;padding:8px 16px;font-weight:600;cursor:pointer;transition:all .2s}.secondary-btn{background:transparent;color:var(--text-dim);border:none;font-weight:500;cursor:pointer}.secondary-btn:hover{text-decoration:underline}.settings-overlay{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:1000}.settings-panel{width:900px;max-width:95vw;height:620px;max-height:95vh;flex-direction:row;border-radius:24px;overflow:hidden;will-change:opacity,transform;flex-shrink:0}@media(max-width:768px){.settings-overlay{align-items:flex-end!important;justify-content:stretch!important}.settings-panel{width:100%!important;height:92dvh!important;max-width:100%!important;border-radius:24px 24px 0 0!important;flex-direction:column!important}.settings-sidebar{display:none!important}.settings-mobile-tabbar{display:flex!important;flex-direction:column}.settings-drag-handle{display:flex!important}.settings-content-area{padding:20px 18px!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}.settings-field-row-actions{flex-direction:column;align-items:stretch}.settings-confirm-modal{width:90vw!important;max-width:380px!important}.theme-card{width:90px!important;height:90px!important}}