:root{--bg-base:#0d0f14;--bg-surface:#1c1f26;--bg-elevated:#1c1f26;--glass-weak:#1c1f268c;--glass-medium:#1c1f26bf;--glass-strong:#1c1f26e0;--text-primary:#fff;--text-secondary:#8e949a;--text-inverse:#000;--accent-primary:#007aff;--accent-hover:#00e5ff;--accent-glow:#00e5ff33;--danger:#ff3b30;--success:#00c853;--warning:#fc0;--error:#ff3b30;--border-color:#ffffff0d;--glass-bg:#1c1f26cc}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}:root{--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 48px #00000026;--shadow-glow:0 0 20px var(--accent-glow)}html.dark{--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 32px #0006}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.btn{font-family:var(--font-sans);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-primary);color:var(--text-inverse);box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 0 24px #3b82f64d}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--text-secondary)}.btn-ghost{color:var(--text-primary);background:0 0}.btn-ghost:hover{background:#ffffff0d}.btn-ghost:active{background:#ffffff1a}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.input-field{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:12px 16px;font-size:1rem}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.icon{text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}:root{--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);transition:background-color var(--transition-smooth), color var(--transition-smooth);overflow-x:hidden}#app{flex-direction:column;min-height:100dvh;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.auth-container{background:radial-gradient(circle at 100% 0,#3b82f61a,#0000 40%),radial-gradient(circle at 0 100%,#9333ea0d,#0000 40%);justify-content:center;align-items:center;width:100%;height:100dvh;display:flex}.auth-card{border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-md);text-align:center;animation:slideUpFade .5s var(--transition-smooth) both;padding:40px}.auth-logo{font-family:var(--font-display);background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-bottom:32px}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}@keyframes shimmerAnim{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.shimmer{background:var(--bg-card);background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0);background-repeat:no-repeat;background-size:200px 100%;animation:1.5s linear infinite shimmerAnim}.premium-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-smooth);box-shadow:0 4px 24px #0003}.premium-glass-hover:hover{box-shadow:0 8px 32px var(--accent-glow);border-color:#00e5ff4d;transform:translateY(-4px)}.gradient-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.progress-bar-container{background:var(--bg-base);border-radius:4px;width:100%;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-hover));height:100%;box-shadow:0 0 10px var(--accent-glow);transition:width .8s cubic-bezier(.25,1,.5,1)}.btn-icon-hover{transition:transform var(--transition-fast), color var(--transition-fast)}.btn-icon-hover:hover{transform:scale(1.1);color:var(--accent-hover)!important}.topbar-logo{flex-shrink:0;align-items:center;gap:10px;display:flex;overflow:hidden}.topbar-brand{white-space:nowrap;overflow:hidden;font-size:1.4rem!important}.topbar-separator{background:var(--border-color);flex-shrink:0;width:1px;height:28px}@media (width<=768px),(hover:none) and (pointer:coarse){.app-container{flex-direction:column!important}.app-body{padding-bottom:70px!important}.sidebar-text,.sidebar-header,.sidebar-nav-group-title,.topbar-brand,.topbar-separator,.sidebar-toggle-btn,.sidebar-toggle-area{display:none!important}.app-sidebar{border-right:none!important;border-top:1px solid var(--border-color)!important;z-index:1000!important;background:var(--bg-surface)!important;flex-direction:row!important;width:100vw!important;height:70px!important;position:fixed!important;bottom:0!important;left:0!important}.sidebar-nav{flex-direction:row!important;justify-content:space-around!important;align-items:center!important;width:100%!important;padding:0!important;overflow:hidden!important}.sidebar-nav .nav-btn{background:0 0!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;padding:8px!important}.sidebar-nav .sidebar-icon{margin:0!important;font-size:1.5rem!important}.auth-card{width:calc(100% - 32px)!important;margin:16px!important;padding:20px!important}.modal-content,[role=dialog]>div{width:90vw!important;max-width:100%!important;max-height:90vh!important;padding:16px!important}.grid-2col{grid-template-columns:1fr!important}.topbar-search{width:100%!important;max-width:150px!important}.topbar-user-text{display:none!important}.chats-left{border-right:none!important;width:100%!important}.chats-left.hidden-on-mobile,.chats-right.hidden-on-mobile,.desktop-only{display:none!important}}.mobile-only{display:none!important}@media (width<=768px),(hover:none) and (pointer:coarse){.mobile-only{display:flex!important}}