@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary-hue: 220;--accent-cyan: #00d2ff;--accent-cyan-rgb: 0, 210, 255;--accent-purple: #9d4edd;--accent-purple-rgb: 157, 78, 221;--accent-emerald: #10b981;--accent-emerald-rgb: 16, 185, 129;--accent-rose: #f43f5e;--accent-rose-rgb: 244, 63, 94;--accent-amber: #f59e0b;--accent-amber-rgb: 245, 158, 11;--accent-indigo: #6366f1;--accent-indigo-rgb: 99, 102, 241;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Menlo, Monaco, Consolas, monospace;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.16, 1, .3, 1);--ease-elastic: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.6, .32, 1.6);--ease-in-out-smooth: cubic-bezier(.4, 0, .2, 1);--transition-fast: .18s var(--ease-smooth);--transition-normal: .28s var(--ease-smooth);--transition-slow: .45s var(--ease-smooth);--transition-bounce: .38s var(--ease-elastic);--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)}[data-theme=dark]{--color-scheme: dark;--bg-gradient: #000000;--bg-body: #000000;--glass-bg-ultra-light: rgba(255, 255, 255, .04);--glass-bg-subtle: rgba(255, 255, 255, .06);--glass-bg-base: #000000;--glass-bg-elevated: #0d0d11;--glass-bg-hover: rgba(255, 255, 255, .1);--glass-bg-active: rgba(255, 255, 255, .16);--glass-border: rgba(255, 255, 255, .1);--glass-border-light: rgba(255, 255, 255, .16);--glass-border-focus: rgba(0, 210, 255, .65);--glass-specular: inset 0 1px 1px 0 rgba(255, 255, 255, .15);--glass-specular-bottom: inset 0 -1px 1px 0 rgba(0, 0, 0, .8);--glass-shadow-sm: 0 4px 20px 0 rgba(0, 0, 0, .6);--glass-shadow-md: 0 16px 36px -4px rgba(0, 0, 0, .8);--glass-shadow-lg: 0 28px 70px -10px rgba(0, 0, 0, .95);--glass-shadow-glow: 0 0 40px -5px rgba(0, 210, 255, .25);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-inverse: #000000;--bubble-self-bg: #0284c7;--bubble-self-border: rgba(255, 255, 255, .25);--bubble-self-text: #ffffff;--bubble-peer-bg: #15151a;--bubble-peer-border: rgba(255, 255, 255, .08);--bubble-peer-text: #f4f4f5;--orb-1: radial-gradient(circle, rgba(99, 102, 241, .25) 0%, transparent 70%);--orb-2: radial-gradient(circle, rgba(0, 210, 255, .2) 0%, transparent 70%);--orb-3: radial-gradient(circle, rgba(168, 85, 247, .2) 0%, transparent 70%);--orb-4: radial-gradient(circle, rgba(16, 185, 129, .16) 0%, transparent 70%)}[data-theme=light]{--color-scheme: light;--bg-gradient: radial-gradient(circle at 10% 20%, #f0f4ff 0%, #e2e8f0 100%);--bg-body: #f8fafc;--glass-bg-ultra-light: rgba(255, 255, 255, .45);--glass-bg-subtle: rgba(255, 255, 255, .65);--glass-bg-base: rgba(255, 255, 255, .78);--glass-bg-elevated: rgba(255, 255, 255, .9);--glass-bg-hover: rgba(255, 255, 255, .95);--glass-bg-active: rgba(241, 245, 249, .98);--glass-border: rgba(255, 255, 255, .85);--glass-border-light: rgba(255, 255, 255, .95);--glass-border-focus: rgba(99, 102, 241, .65);--glass-specular: inset 0 1px 2px 0 rgba(255, 255, 255, 1);--glass-specular-bottom: inset 0 -1px 1px 0 rgba(148, 163, 184, .2);--glass-shadow-sm: 0 4px 16px 0 rgba(99, 102, 241, .08), 0 1px 3px rgba(0, 0, 0, .04);--glass-shadow-md: 0 12px 32px 0 rgba(99, 102, 241, .12), 0 4px 8px rgba(0, 0, 0, .04);--glass-shadow-lg: 0 24px 64px 0 rgba(99, 102, 241, .16), 0 8px 16px rgba(0, 0, 0, .06);--glass-shadow-glow: 0 0 35px -5px rgba(99, 102, 241, .25);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--bubble-self-bg: #0284c7;--bubble-self-border: rgba(255, 255, 255, .6);--bubble-self-text: #ffffff;--bubble-peer-bg: rgba(255, 255, 255, .85);--bubble-peer-border: rgba(226, 232, 240, .9);--bubble-peer-text: #0f172a;--orb-1: radial-gradient(circle, rgba(99, 102, 241, .35) 0%, transparent 70%);--orb-2: radial-gradient(circle, rgba(6, 182, 212, .35) 0%, transparent 70%);--orb-3: radial-gradient(circle, rgba(244, 114, 182, .3) 0%, transparent 70%);--orb-4: radial-gradient(circle, rgba(16, 185, 129, .25) 0%, transparent 70%)}.glass-panel{background:var(--glass-bg-base);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-md),var(--glass-specular),var(--glass-specular-bottom);border-radius:var(--radius-lg);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal);position:relative;overflow:hidden}.glass-card{background:var(--glass-bg-subtle);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-sm),var(--glass-specular);border-radius:var(--radius-md);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-light);transform:translateY(-4px) scale(1.01);box-shadow:var(--glass-shadow-md),0 0 20px #00d2ff1f,var(--glass-specular)}.glass-card-elevated{background:var(--glass-bg-elevated);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-lg),var(--glass-specular);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.glass-pill{background:var(--glass-bg-subtle);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-sm);border-radius:var(--radius-full);padding:6px 14px;display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-bounce)}.glass-pill:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:var(--glass-border-light);transform:translateY(-2px) scale(1.03)}.glass-input{background:var(--glass-bg-subtle);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px 18px;color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;box-shadow:inset 0 2px 4px #0000000d;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal);outline:none;width:100%}.glass-input::placeholder{color:var(--text-muted)}.glass-input:focus{background:var(--glass-bg-hover);border-color:var(--glass-border-focus);box-shadow:0 0 0 3px #00d2ff33,0 0 16px #00d2ff26,var(--glass-specular)}.glass-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:10px 20px;font-family:var(--font-sans);font-size:.92rem;font-weight:600;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease;position:relative;box-sizing:border-box}.glass-btn:hover{background:#ffffff24;border-color:#ffffff38}.glass-btn:active,.glass-btn-primary:active,.glass-btn-success:active,.glass-btn-danger:active,.glass-btn-icon:active{transform:scale(.97)!important;transition:transform 80ms ease!important}.glass-btn-primary{background:#0284c7;border:1px solid #0284c7;color:#fff;box-shadow:0 2px 8px #0284c740}.glass-btn-primary:hover{background:#0369a1;border-color:#0369a1;color:#fff}.glass-btn-success{background:#10b981;border:1px solid #10b981;color:#fff;box-shadow:0 2px 8px #10b98140}.glass-btn-success:hover{background:#059669;border-color:#059669;color:#fff}.glass-btn-danger{background:#ef4444;border:1px solid #ef4444;color:#fff;box-shadow:0 2px 8px #ef444440}.glass-btn-danger:hover{background:#dc2626;border-color:#dc2626;color:#fff}.glass-btn-icon{width:38px;height:38px;padding:0;border-radius:var(--radius-full)}.glass-btn-icon.sm{width:34px;height:34px}.glass-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid transparent}.badge-host{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b4d}.badge-peer{background:#00d2ff1f;color:var(--accent-cyan);border-color:#00d2ff40}.badge-online{background:#10b98126;color:#10b981;border-color:#10b9814d}.glass-modal-backdrop{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;visibility:hidden}.glass-modal-backdrop.active{display:flex!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important;animation:modalBackdropFadeIn .18s ease-out both}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopOut{0%{opacity:0;transform:scale(.82) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.glass-modal-content,.glass-modal-card{background:var(--glass-bg-elevated);backdrop-filter:blur(36px) saturate(200%);-webkit-backdrop-filter:blur(36px) saturate(200%);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-lg),var(--glass-specular);border-radius:var(--radius-xl);max-width:520px;width:100%;padding:24px;position:relative;box-sizing:border-box;transform-origin:center center}.glass-modal-backdrop.active .glass-modal-content,.glass-modal-backdrop.active .glass-modal-card,.glass-modal-backdrop.active .edit-field-sheet,.glass-modal-backdrop.active .contact-profile-card,.glass-modal-backdrop.active .room-settings-sheet,.glass-modal-backdrop.active .confirm-modal-content,.glass-modal-backdrop.active .profile-qr-card,.glass-modal-backdrop.active .qr-modal-content,.glass-modal-backdrop.active .help-guide-card,.glass-modal-backdrop.active .feedback-card,.glass-modal-backdrop.active .admission-queue-card{animation:modalPopOut .28s cubic-bezier(.175,.885,.32,1.15) both!important;will-change:transform,opacity}.lightbox-modal-backdrop{position:fixed;inset:0;z-index:99999;display:none;flex-direction:column;align-items:center;justify-content:center;padding:0;margin:0;opacity:0;pointer-events:none;visibility:hidden;background:#080a0fe0;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);transition:opacity .22s cubic-bezier(.16,1,.3,1);user-select:none;-webkit-user-select:none}[data-theme=light] .lightbox-modal-backdrop{background:#f8fafce0}.lightbox-modal-backdrop.active{display:flex!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}.lightbox-floating-bar{position:fixed;top:calc(20px + var(--safe-top));right:calc(20px + var(--safe-right));z-index:100001;display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;background:#161b24d1;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 10px 30px -4px #0006,0 0 0 1px #ffffff0d;animation:lightboxBarEnter .24s cubic-bezier(.16,1,.3,1)}[data-theme=light] .lightbox-floating-bar{background:#ffffffeb;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 30px -4px #0000001f,0 0 0 1px #0000000a}@keyframes lightboxBarEnter{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.lightbox-btn{width:38px;height:38px;border-radius:50%;border:none;background:transparent;color:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .16s ease;position:relative;text-decoration:none}[data-theme=light] .lightbox-btn{color:#1e293b}.lightbox-btn:hover{background:#ffffff1f;color:#38bdf8;transform:translateY(-1px)}[data-theme=light] .lightbox-btn:hover{background:#0000000f;color:#0284c7}.lightbox-btn:active{transform:scale(.94)}.lightbox-btn.copied{color:#10b981!important}.lightbox-btn-close:hover{color:#ef4444!important}.lightbox-bar-divider{width:1px;height:18px;background:#ffffff24;margin:0 4px}[data-theme=light] .lightbox-bar-divider{background:#0000001a}.lightbox-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:calc(64px + var(--safe-top)) 20px calc(24px + var(--safe-bottom)) 20px;box-sizing:border-box;cursor:zoom-out}#lightbox-img{max-width:min(92vw,1200px);max-height:min(84vh,calc(100dvh - 120px));object-fit:contain;border-radius:14px;cursor:default;transform:scale(.96);opacity:0;transition:transform .26s cubic-bezier(.16,1,.3,1),opacity .2s ease;box-shadow:0 24px 64px -12px #000000bf,0 0 0 1px #ffffff1a}[data-theme=light] #lightbox-img{box-shadow:0 20px 56px -12px #0000002e,0 0 0 1px #0000000f}.lightbox-modal-backdrop.active #lightbox-img{transform:scale(1);opacity:1}@media(max-width:600px){.lightbox-floating-bar{top:calc(14px + var(--safe-top));right:calc(14px + var(--safe-right));padding:4px 8px}.lightbox-btn{width:36px;height:36px}.lightbox-stage{padding:calc(56px + var(--safe-top)) 12px calc(16px + var(--safe-bottom)) 12px}#lightbox-img{max-width:96vw;max-height:calc(100dvh - 110px);border-radius:10px}}@media(max-width:900px){.ambient-canvas-wrapper{display:none!important}.ambient-orb{display:none!important;animation:none!important}.glass-panel,.lobby-master-card{background:#0e1016f5!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.glass-card,.glass-card-elevated{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.glass-btn,.glass-pill,.glass-badge,.glass-input{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.glass-modal-content{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.glass-modal-backdrop{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.chat-room-layout{background:#0a0c12f5!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}}@media(max-width:900px){[data-theme=light] .glass-panel,[data-theme=light] .lobby-master-card{background:#fffffff0!important}[data-theme=light] .chat-room-layout{background:#fffffff2!important}}.is-android-webview *,.is-android-webview *:before,.is-android-webview *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.is-android-webview .ambient-canvas-wrapper,.is-android-webview #ambient-3d-canvas,.is-android-webview .ambient-orb{display:none!important}.is-android-webview .app-header{background:#090b12!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.is-android-webview .glass-panel,.is-android-webview .lobby-master-card{background:#0e1017!important;border:1px solid rgba(255,255,255,.1)!important}.is-android-webview .glass-card,.is-android-webview .glass-card-elevated{background:#141620!important;border:1px solid rgba(255,255,255,.1)!important}.is-android-webview .chat-room-layout{background:#0a0c12!important;border:none!important;border-radius:0!important;outline:none!important;box-shadow:none!important}.is-android-webview .room-header{background:#0e1017!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.is-android-webview .chat-welcome-card{background:#12141c!important;border:1px solid rgba(255,255,255,.1)!important}.is-android-webview .chat-input-wrapper{background:#12141c!important;border-top:1px solid rgba(255,255,255,.08)!important}.is-android-webview .message-bubble{background:#181a24!important;border:1px solid rgba(255,255,255,.1)!important}.is-android-webview .message-row.self .message-bubble{background:#0284c7!important;border:1px solid rgba(255,255,255,.25)!important}.is-android-webview .glass-modal-backdrop{background:#000c!important}.is-android-webview .glass-modal-content,.is-android-webview .glass-modal-card,.is-android-webview .help-guide-sheet,.is-android-webview .feedback-sheet,.is-android-webview .edit-field-sheet,.is-android-webview .confirm-modal-content{background:#12141c!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important}[data-theme=light].is-android-webview .glass-modal-content,[data-theme=light].is-android-webview .glass-modal-card,[data-theme=light].is-android-webview .help-guide-sheet,[data-theme=light].is-android-webview .feedback-sheet,[data-theme=light].is-android-webview .edit-field-sheet,[data-theme=light].is-android-webview .confirm-modal-content{background:#fff!important;border:1px solid #cbd5e1!important;color:#0f172a!important}[data-theme=light].is-android-webview .app-header{background:#fff!important;border-bottom:1px solid rgba(0,0,0,.08)!important}[data-theme=light].is-android-webview .glass-panel,[data-theme=light].is-android-webview .lobby-master-card{background:#f8fafc!important;border:1px solid rgba(0,0,0,.08)!important}[data-theme=light].is-android-webview .chat-room-layout{background:#f8fafc!important;border:none!important;border-radius:0!important;outline:none!important;box-shadow:none!important}.is-android-webview .lightbox-modal-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0a0c12f5!important}[data-theme=light].is-android-webview .lightbox-modal-backdrop{background:#f8fafcf5!important}[data-theme=light].is-android-webview body.in-chat-room .app-header{background:#fff!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:0 2px 10px #0000000a!important}[data-theme=light].is-android-webview .message-bubble{background:#fffffff2!important;border:1px solid rgba(0,0,0,.08)!important;color:#0f172a!important}[data-theme=light].is-android-webview .message-row.self .message-bubble{background:#0284c7!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important}[data-theme=light].is-android-webview .chat-input-wrapper{background:#fff!important;border-top:1px solid rgba(0,0,0,.08)!important}[data-theme=light].is-android-webview .chat-welcome-card{background:#fffffff2!important;border:1px solid rgba(0,0,0,.08)!important}.is-android-webview .message-bubble{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none}*:focus,*:focus-visible{outline:none!important}button,input,textarea,a,div,span{-webkit-tap-highlight-color:transparent!important}html,body{width:100%;height:100%;height:var(--app-height, 100dvh);min-height:-webkit-fill-available;overflow:hidden;font-family:var(--font-sans);background-color:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none;user-select:none;touch-action:manipulation}#app{width:100%;height:100%;height:var(--app-height, 100dvh);min-height:-webkit-fill-available;display:flex;flex-direction:column;position:relative;z-index:1}*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.app-header{position:fixed;top:0;left:0;right:0;width:100%;height:calc(64px + var(--safe-top));min-height:calc(64px + var(--safe-top));padding-top:var(--safe-top);padding-left:calc(18px + var(--safe-left));padding-right:calc(18px + var(--safe-right));padding-bottom:0;display:flex;align-items:center;justify-content:space-between;border-radius:0;border:none;background:#090b12f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px #00000059;z-index:2000!important;transition:background .2s ease,box-shadow .2s ease;box-sizing:border-box;transform:translateZ(0)}[data-theme=light] .app-header{background:#fffffff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.07);box-shadow:0 2px 16px #0000000f}@media(min-width:901px){.app-header{height:calc(68px + var(--safe-top));min-height:calc(68px + var(--safe-top));padding-left:calc(32px + var(--safe-left));padding-right:calc(32px + var(--safe-right))}}.brand-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary);cursor:pointer;transition:transform var(--transition-fast)}.brand-logo:hover{transform:scale(1.03)}.brand-icon{width:36px;height:36px;border-radius:12px;background:transparent;border:1px solid rgba(0,210,255,.35);box-shadow:0 0 16px #00d2ff40;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-icon img{width:100%;height:100%;object-fit:cover;display:block}.brand-title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 40%,var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-tag{font-size:.65rem;padding:3px 8px;border-radius:var(--radius-full);background:#00d2ff1f;color:var(--accent-cyan);border:1px solid rgba(0,210,255,.3);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.header-center{display:flex;align-items:center;gap:12px}.header-actions{display:flex;align-items:center;gap:10px}.app-main{flex:1;display:flex;position:relative;overflow:hidden;height:100%;height:100dvh;min-height:0;width:100%}.screen-view{position:absolute;inset:0;width:100%;height:100%;display:none;opacity:0;pointer-events:none;transform:translate3d(0,8px,0);transition:opacity .26s var(--ease-smooth),transform .26s var(--ease-smooth);box-sizing:border-box;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:paint layout;will-change:opacity,transform}.screen-view.active{display:flex!important;opacity:1;pointer-events:auto!important;transform:translateZ(0)}#lobby-view{padding:calc(68px + var(--safe-top)) 16px calc(24px + var(--safe-bottom) + var(--keyboard-inset, 0px)) 16px;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;flex-direction:column;align-items:center;justify-content:flex-start!important;min-height:100%;height:100%;box-sizing:border-box;background:var(--bg-body);transition:padding-bottom .12s ease}@media(min-width:901px){#lobby-view{justify-content:flex-start!important;padding-top:calc(78px + var(--safe-top))}}#waiting-view{padding-top:calc(68px + var(--safe-top));padding-bottom:var(--safe-bottom);overflow:hidden;align-items:center;justify-content:center}#chat-room-view{padding:calc(56px + var(--safe-top)) 0 0 0!important;overflow:hidden;align-items:stretch;justify-content:flex-start;height:100%;width:100%;box-sizing:border-box;margin:0}@media(min-width:901px){#chat-room-view{padding:calc(68px + var(--safe-top)) 0 0 0!important}}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-container{position:fixed;top:calc(var(--safe-top, 0px) + 14px);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.glass-toast{pointer-events:auto;min-width:140px;max-width:min(90vw,400px);width:auto;padding:10px 18px;border-radius:20px;background:#121626f2;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border-light);box-shadow:0 8px 24px -4px #00000080;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text-primary);font-size:.85rem;font-weight:600;line-height:1.4;animation:toastPillEnter .24s var(--ease-elastic);transition:opacity .2s ease,transform .2s ease;white-space:normal!important;word-break:break-word!important;text-align:center;box-sizing:border-box}.glass-toast.hide{opacity:0;transform:translateY(-12px) scale(.95)}[data-theme=light] .glass-toast{background:#fff!important;color:#0f172a!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 30px -4px #0000001f,0 2px 8px #0000000a!important}[data-theme=light] .glass-toast .toast-title{color:#0f172a!important}[data-theme=light] .glass-toast svg{color:#0284c7!important}.glass-toast .toast-title{font-weight:600;font-size:.85rem;letter-spacing:.01em;white-space:normal!important;word-break:break-word!important}.glass-toast .toast-desc,.glass-toast .toast-close{display:none}@keyframes toastPillEnter{0%{opacity:0;transform:translateY(-14px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:110%;left:50%;transform:translate(-50%) translateY(4px);padding:5px 10px;background:var(--glass-bg-elevated);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);color:var(--text-primary);font-size:.75rem;font-weight:600;border-radius:var(--radius-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast);box-shadow:var(--glass-shadow-sm);z-index:1000}[data-tooltip]:hover:before{opacity:1;transform:translate(-50%) translateY(0)}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.pulse-glow{animation:pulseGlow 2.5s infinite ease-in-out}@media(max-width:768px){.app-header{top:0;left:0;right:0;width:100%;height:calc(52px + var(--safe-top));padding-top:var(--safe-top);padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right));padding-bottom:0;border-radius:0;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#090b12f0!important}[data-theme=light] .app-header{background:#fff!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:0 2px 10px #0000000a!important}.brand-icon{width:34px;height:34px}.brand-title{font-size:1.35rem;font-weight:800}.brand-tag{display:inline-flex;font-size:.62rem;padding:2px 8px;letter-spacing:.05em}.header-actions{gap:8px}.header-actions .glass-btn.sm{width:32px;height:32px}#lobby-view{padding:calc(62px + var(--safe-top)) 12px calc(76px + var(--safe-bottom)) 12px!important;justify-content:flex-start}#waiting-view{padding-top:calc(62px + var(--safe-top));padding-bottom:var(--safe-bottom)}#chat-room-view{padding:calc(56px + var(--safe-top)) 0 0 0!important}}.lobby-container{width:100%;max-width:1080px;margin:0 auto;padding:10px 20px 80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100%;position:relative;z-index:10}.lobby-hero{text-align:center;margin-top:20px;margin-bottom:40px;animation:heroFadeIn .6s var(--ease-smooth)}.lobby-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:var(--glass-bg-subtle);border:1px solid var(--glass-border-light);border-radius:var(--radius-full);font-size:.82rem;font-weight:600;color:var(--accent-cyan);margin-bottom:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 12px #00d2ff26;max-width:100%}.badge-text-desktop{display:inline}.badge-text-mobile{display:none}.hero-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:14px}.hero-title .gradient-text{background:linear-gradient(135deg,#00d2ff,#9d4edd,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:580px;margin:0 auto;line-height:1.6}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;width:100%;max-width:880px}@media(max-width:768px){.lobby-grid{grid-template-columns:1fr}}.lobby-card{padding:32px 28px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}.lobby-card:hover{transform:translateY(-5px);border-color:#00d2ff61;box-shadow:0 20px 45px -10px #0009,0 0 24px #00d2ff1f,var(--glass-specular)}.lobby-card:hover .lobby-card-icon{transform:scale(1.08) rotate(-4deg);transition:transform var(--transition-bounce)}.lobby-card-header{display:flex;align-items:center;gap:14px}.lobby-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--glass-bg-hover);border:1px solid var(--glass-border-light);box-shadow:var(--glass-specular);transition:transform var(--transition-bounce)}.lobby-card-icon.create{background:linear-gradient(135deg,#6366f140,#00d2ff40);color:var(--accent-cyan)}.lobby-card-icon.join{background:linear-gradient(135deg,#10b98140,#00d2ff40);color:var(--accent-emerald)}.lobby-card-title{font-size:1.35rem;font-weight:700;letter-spacing:-.01em}.lobby-card-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.45}.native-app-lobby{width:100%;animation:fadeIn .3s ease;box-sizing:border-box}@media(max-width:900px){.native-app-lobby{max-width:480px;margin:0 auto 80px!important;padding:12px 14px calc(360px + var(--safe-bottom)) 14px!important;display:flex;flex-direction:column;gap:20px}.lobby-hero-col{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.compact-hero{text-align:center;margin-bottom:2px}.native-title{font-size:clamp(1.5rem,5vw,2.05rem);font-weight:800;line-height:1.22;letter-spacing:-.02em;margin:10px 0 6px;text-align:center}.native-subtitle{font-size:.88rem;color:var(--text-secondary);line-height:1.45;max-width:380px;margin:0 auto;text-align:center}.native-trust-bar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.lobby-action-col{display:flex;flex-direction:column;align-items:center;width:100%}.minimal-credit-footer{text-align:center;margin-top:10px}}@media(min-width:901px){.native-app-lobby{max-width:1100px;margin:auto;padding:16px 40px;display:grid;grid-template-columns:1.15fr .95fr;gap:64px;align-items:center;justify-content:center}.lobby-hero-col{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:22px;transform:translateY(-24px)}.compact-hero{text-align:left;margin:0}.compact-hero .lobby-badge{margin-bottom:16px;align-self:flex-start}.native-title{font-size:clamp(2.3rem,3.2vw,3.1rem);font-weight:800;line-height:1.16;letter-spacing:-.03em;margin:0 0 14px;text-align:left}.native-subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.55;max-width:480px;margin:0 0 6px;text-align:left}.native-trust-bar{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin-top:4px}.lobby-action-col{display:flex;flex-direction:column;align-items:center;width:100%;transform:translateY(-24px)}}.lobby-master-card{width:100%;max-width:440px;border-radius:26px;background:var(--glass-bg-base);border:1px solid var(--glass-border);box-shadow:0 24px 60px #00000073,var(--glass-specular);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);padding:24px;display:flex;flex-direction:column;gap:20px;animation:fadeInScale .26s cubic-bezier(.16,1,.3,1);box-sizing:border-box;margin-bottom:0}@media(max-width:900px){.lobby-master-card{padding:18px 16px;border-radius:22px;gap:14px;margin-bottom:120px!important}}#create-room-btn{margin-top:8px;margin-bottom:0;min-height:46px;font-weight:700;font-size:.92rem}#join-room-btn{margin-top:8px;margin-bottom:0;min-height:46px;font-weight:700;font-size:.92rem;background:#10b981!important;border:1px solid #10b981!important;color:#fff!important;box-shadow:none!important}#join-room-btn:hover{background:#059669!important;border-color:#059669!important}@media(max-width:900px){#create-room-btn,#join-room-btn{margin-top:8px;margin-bottom:0!important}}.native-identity-widget{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--glass-border-light);width:100%}.identity-mode-row{display:flex;align-items:center;justify-content:center;width:100%}.identity-anon-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;background:#00d2ff14;border:1px solid rgba(0,210,255,.28);border-radius:var(--radius-full);color:var(--accent-cyan);font-size:.76rem;font-weight:700;letter-spacing:.02em;box-shadow:0 0 14px #00d2ff26;user-select:none}[data-theme=light] .identity-anon-badge{background:#00a0dc1a;border-color:#00a0dc59;color:#0284c7}.badge-pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan);animation:badgePulse 2s infinite ease-in-out}@keyframes badgePulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}.identity-mode-segmented{display:inline-flex;align-items:center;justify-content:center;background:#00000059;padding:3px;border-radius:var(--radius-full);border:1px solid var(--glass-border-light);gap:3px;max-width:100%}[data-theme=light] .identity-mode-segmented{background:#0000000f}.identity-mode-pill{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease;user-select:none;white-space:nowrap}.identity-mode-pill.active{background:var(--glass-bg-base);color:var(--text-primary);box-shadow:0 2px 10px #0000004d,0 0 10px #00d2ff33;border:1px solid var(--glass-border-light)}.identity-mode-pill:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.identity-mode-pill:active{transform:scale(.95)}.permanent-id-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#00d2ff17,#6366f112);border:1px solid rgba(0,210,255,.28);border-radius:var(--radius-md);animation:panelQuickFade .2s ease;min-width:0;width:100%;box-sizing:border-box}.permanent-id-meta{display:flex;align-items:center;gap:6px;overflow:hidden;min-width:0;flex:1 1 auto}.permanent-id-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan);flex-shrink:0}.permanent-id-title{font-size:.64rem;font-weight:700;letter-spacing:.05em;color:var(--accent-cyan);white-space:nowrap;flex-shrink:0}.permanent-id-text{font-size:.84rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dm-copy-link-btn{padding:5px 10px;font-size:.72rem;font-weight:600;gap:5px;border-color:#00d2ff59;color:var(--accent-cyan);background:#00d2ff1f;flex-shrink:0;white-space:nowrap}.dm-copy-link-btn:hover{background:#00d2ff40;border-color:var(--accent-cyan);color:#fff;transform:translateY(-1px)}.identity-main-row{display:flex;align-items:flex-end;gap:8px;width:100%}.identity-avatar-btn{position:relative;width:44px;height:44px;min-width:44px;border-radius:50%;font-size:1.25rem;display:flex;align-items:center;justify-content:center;align-self:flex-end;background:#0d0f17;border:2px solid var(--accent-cyan);box-shadow:0 0 16px #00d2ff66;cursor:pointer;transition:transform .22s cubic-bezier(.175,.885,.32,1.275),border-color .2s ease,box-shadow .2s ease;user-select:none;flex-shrink:0;padding:0;overflow:hidden}.avatar-current-emoji{font-size:1.22rem;line-height:1;display:flex;align-items:center;justify-content:center;user-select:none}.identity-avatar-btn:hover{transform:scale(1.08)}.identity-avatar-btn:active{transform:scale(.92)}.avatar-badge-edit{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--accent-cyan);color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006;border:1.5px solid #000}.identity-input-col{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0}.identity-label{display:flex;align-items:center;gap:5px;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700;margin:0 0 1px 2px}.identity-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan)}.identity-input-wrapper{position:relative;width:100%}.identity-text-input{background:#ffffff0f;border:1px solid var(--glass-border-light);border-radius:var(--radius-md);padding:0 10px;height:44px;font-size:.88rem;font-weight:700;color:var(--text-primary);width:100%;box-sizing:border-box;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);letter-spacing:-.01em;display:flex;align-items:center;min-width:0}[data-theme=light] .identity-text-input{background:#0000000a}.identity-text-input:focus{border-color:var(--accent-cyan);background:#ffffff1a;box-shadow:0 0 0 3px #00d2ff2e,0 0 16px #00d2ff33}.identity-actions-group{display:flex;align-items:center;gap:6px;align-self:flex-end;flex-shrink:0}.identity-action-btn{width:40px;height:44px;min-width:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--glass-bg-subtle);border:1px solid var(--glass-border-light);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0;box-shadow:var(--glass-shadow-sm)}.identity-action-btn:hover{background:var(--glass-bg-hover);border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-1px) scale(1.04);box-shadow:0 4px 12px #00d2ff40}.identity-action-btn:active{transform:scale(.92)}.avatar-ribbon-container{width:100%;overflow:hidden;padding-top:2px}.avatar-ribbon-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-behavior:smooth;touch-action:pan-x;overscroll-behavior-x:contain}.avatar-ribbon-scroll::-webkit-scrollbar{display:none;width:0}.avatar-opt-chip{width:36px;height:36px;min-width:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.05rem;background:#ffffff0d;border:1px solid var(--glass-border-light);cursor:pointer;transition:transform .18s cubic-bezier(.175,.885,.32,1.275),background .18s ease,border-color .18s ease,box-shadow .18s ease;user-select:none;scroll-snap-align:center;touch-action:manipulation}.avatar-opt-chip:hover{transform:scale(1.15);background:#ffffff1f;border-color:var(--accent-cyan)}.avatar-opt-chip:active{transform:scale(.88)!important}.avatar-opt-chip.selected{background:#00d2ff33;border-color:var(--accent-cyan);box-shadow:0 0 12px #00d2ff80;transform:scale(1.12)}.native-tab-switcher{display:flex;background:#00000059;padding:3px;border-radius:var(--radius-full);border:1px solid var(--glass-border-light);gap:3px;position:relative;width:100%;box-sizing:border-box}[data-theme=light] .native-tab-switcher{background:#0000000f}.native-tab-btn{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:color .18s ease,background .18s ease,box-shadow .18s ease;user-select:none;white-space:nowrap}.native-tab-btn svg{width:14px;height:14px;flex-shrink:0}.native-tab-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.native-tab-btn.active{background:var(--glass-bg-base);color:var(--text-primary);box-shadow:0 3px 12px #00000059,0 0 10px #00d2ff26;border:1px solid var(--glass-border-light);font-weight:700}.native-tab-btn:hover:not(.active){color:var(--text-primary);background:#ffffff0a}.native-tab-btn:active{transform:scale(.97)}@media(max-width:360px){.native-tab-btn{padding:7px 4px;gap:4px;font-size:.74rem}.native-tab-btn svg{width:12px;height:12px}}.master-panel-body{display:flex;flex-direction:column;gap:16px}.master-panel-body.is-active{display:flex!important;animation:panelQuickFade .14s ease forwards}.master-panel-body.is-hidden{display:none!important}@keyframes panelQuickFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;flex-direction:column;gap:3px}.panel-title{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.panel-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.4}.input-control-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.input-with-actions{display:flex;align-items:center!important;gap:8px}.input-with-actions .room-code-input{flex:1;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 16px!important;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.04em;display:flex!important;align-items:center!important;box-sizing:border-box!important}.input-with-actions .glass-btn-icon{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;border-radius:50%!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;box-sizing:border-box!important}.full-width-btn{width:100%;padding:13px 18px;border-radius:var(--radius-md);font-size:.96rem;font-weight:700;justify-content:center;margin-top:2px}.join-accent-btn,.dm-accent-btn{background:#0284c7!important;color:#fff!important;box-shadow:none!important}.recent-dms-section{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:12px;border-top:1px dashed var(--glass-border-light)}.recent-dms-header{display:flex;align-items:center;justify-content:space-between}.recent-dms-title{font-size:.7rem;font-weight:700;letter-spacing:.06em;color:var(--text-muted)}.clear-recent-dms-btn{background:transparent;border:none;color:var(--text-muted);font-size:.7rem;cursor:pointer;padding:2px 4px;transition:color .15s ease}.clear-recent-dms-btn:hover{color:var(--accent-rose)}.recent-dms-list{display:flex;flex-wrap:wrap;gap:6px}.recent-dm-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#ffffff0d;border:1px solid var(--glass-border-light);border-radius:var(--radius-full);color:var(--text-primary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);user-select:none}.recent-dm-chip:hover{background:#00d2ff26;border-color:var(--accent-cyan);color:#fff;transform:translateY(-1px)}.recent-dm-chip:active{transform:scale(.95)}.recent-dm-avatar{font-size:.95rem}.recent-dm-name{font-size:.78rem}.trust-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);background:var(--glass-bg-subtle);border:1px solid var(--glass-border-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:.76rem;font-weight:600;color:var(--text-secondary)}.minimal-credit-footer{margin-top:auto;padding:16px 20px 44px;margin-bottom:20px;text-align:center;opacity:.7;width:100%}.credit-text{font-size:.78rem;color:var(--text-muted);font-weight:500;letter-spacing:.02em}.waiting-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;text-align:center}.waiting-card{max-width:480px;width:100%;padding:40px 32px;display:flex;flex-direction:column;align-items:center;gap:22px;position:relative}.radar-wrapper{position:relative;width:110px;height:110px;display:flex;align-items:center;justify-content:center}.radar-circle{position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent-cyan);opacity:0;animation:radarWave 2.8s infinite cubic-bezier(.215,.61,.355,1)}.radar-circle:nth-child(2){animation-delay:.9s}.radar-circle:nth-child(3){animation-delay:1.8s}.radar-center-icon{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#6366f14d,#00d2ff4d);border:1px solid var(--glass-border-light);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:var(--accent-cyan);box-shadow:0 0 25px #00d2ff66;z-index:2}@keyframes radarWave{0%{transform:scale(.5);opacity:.9}to{transform:scale(1.8);opacity:0}}.waiting-title{font-size:1.4rem;font-weight:700}.waiting-desc{font-size:.92rem;color:var(--text-secondary);line-height:1.5}.room-id-highlight{font-family:var(--font-mono);font-weight:700;color:var(--accent-cyan);background:var(--glass-bg-hover);padding:4px 10px;border-radius:var(--radius-xs);border:1px solid var(--glass-border)}.admission-banner{background:linear-gradient(135deg,#6366f133,#00d2ff33);border:1px solid var(--glass-border-focus);box-shadow:0 8px 30px #00d2ff40,var(--glass-specular);border-radius:var(--radius-md);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;animation:admissionSlideDown .4s var(--ease-spring)}.admission-guest-info{display:flex;align-items:center;gap:12px}.guest-avatar{width:42px;height:42px;border-radius:50%;background:var(--glass-bg-hover);border:1px solid var(--glass-border-light);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.guest-details{display:flex;flex-direction:column}.guest-name{font-weight:700;font-size:.95rem}.guest-subtitle{font-size:.78rem;color:var(--text-secondary)}.admission-actions{display:flex;align-items:center;gap:8px}@keyframes admissionSlideDown{0%{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.admission-bell-btn{position:relative}.admission-counter{position:absolute;top:-4px;right:-4px;background:var(--accent-rose);color:#fff;font-size:.68rem;font-weight:800;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-body);animation:pulseGlow 1.8s infinite}.participants-drawer{position:fixed!important;right:0!important;top:0!important;bottom:0!important;width:320px!important;max-width:85vw!important;height:100vh!important;background:#000!important;border-left:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;visibility:hidden!important;pointer-events:none!important;display:flex!important;flex-direction:column!important;transform:translate(100%)!important;transition:transform .28s cubic-bezier(.16,1,.3,1),visibility .28s!important;z-index:1050!important;box-sizing:border-box!important}.participants-drawer.open,.participants-drawer.active{transform:translate(0)!important;visibility:visible!important;pointer-events:auto!important;box-shadow:-14px 0 45px #000000e0!important}[data-theme=light] .participants-drawer{background:#fff!important;border-left:1px solid #e2e8f0!important;box-shadow:none!important}[data-theme=light] .participants-drawer.open,[data-theme=light] .participants-drawer.active{box-shadow:-14px 0 45px #0f172a24!important}.participants-header{height:calc(64px + var(--safe-top))!important;min-height:calc(64px + var(--safe-top))!important;padding:var(--safe-top) 18px 0 18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#000!important;box-sizing:border-box!important;flex-shrink:0!important}[data-theme=light] .participants-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important;color:#0f172a!important}.participants-title{font-size:1.15rem!important;font-weight:800!important;color:var(--text-primary)!important;letter-spacing:-.02em!important}[data-theme=light] .participants-title{color:#0f172a!important}#mobile-participants-btn,.mobile-corner-participants-btn,#toggle-participants-btn{display:none!important}body.is-dm-chat .participants-drawer,body.is-dm-chat #participants-drawer,body.is-dm-chat #toggle-participants-btn,body.is-dm-chat #mobile-participants-btn,body.is-dm-chat .mobile-corner-participants-btn,body.is-dm-chat #chat-participants-sidebar{display:none!important;width:0!important;min-width:0!important;max-width:0!important;border:none!important;border-left:none!important;padding:0!important;margin:0!important;overflow:hidden!important;visibility:hidden!important;pointer-events:none!important}body.is-dm-chat .chat-main-area{width:100%!important;max-width:100%!important;flex:1 1 100%!important;border:none!important;border-radius:0!important;outline:none!important;box-shadow:none!important}@media(max-width:900px){#mobile-participants-btn,.mobile-corner-participants-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:6px 12px!important;border-radius:var(--radius-full)!important}}.chat-header-info{display:none;align-items:center;justify-content:space-between;width:100%;gap:12px;min-width:0}.chat-header-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.chat-header-peer-profile{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer;padding:4px 8px 4px 4px;border-radius:var(--radius-md);transition:all .16s ease;user-select:none}.chat-header-peer-profile:hover{background:#ffffff14}.chat-header-avatar-orb{width:34px;height:34px;border-radius:50%;background:#0d0f17;border:1.5px solid var(--accent-cyan);box-shadow:0 0 10px #00d2ff59;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-header-avatar-emoji{font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center}.header-back-btn{width:36px;height:36px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;cursor:pointer;color:var(--text-primary);background:var(--glass-bg-subtle, rgba(255, 255, 255, .06));border:1px solid var(--glass-border-subtle, rgba(255, 255, 255, .1))}.header-back-btn:hover{background:var(--glass-bg-hover, rgba(255, 255, 255, .12))}.chat-header-titles{display:flex;flex-direction:column;min-width:0;justify-content:center}.chat-header-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.chat-header-subtitle{font-size:.72rem;color:var(--text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.in-chat-room .brand-logo{display:none!important}body.in-chat-room .chat-header-info{display:flex!important}body.in-chat-room .app-header{background:#090b12f5!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 20px #00000059!important;z-index:2000!important}[data-theme=light] body.in-chat-room .app-header{background:#fff!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:0 2px 10px #0000000a!important;z-index:2000!important}[data-theme=light] .header-back-btn{color:#0f172a!important;background:#0000000d!important;border-color:#0000001a!important}[data-theme=light] .header-back-btn:hover{background:#00000014!important}[data-theme=light] .chat-header-call-actions .call-action-btn{color:#0284c7!important;background:#0000000d!important;border-color:#0000001a!important}body.in-chat-room .mobile-bottom-nav{display:none!important}.chat-header-call-actions{display:none;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.chat-header-call-actions .call-action-btn{width:34px!important;height:34px!important;border-radius:50%!important;color:var(--accent-cyan)!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.12)!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;transition:all .16s ease}.chat-header-call-actions .call-action-btn:hover{background:#00d2ff40!important;border-color:var(--accent-cyan)!important;color:#fff!important;transform:scale(1.05)}.thread-context-row{margin:2px 0 4px}.thread-context-tag{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;color:var(--accent-color, #70a1ff);background:#70a1ff1f;border:1px solid rgba(112,161,255,.25);padding:2px 8px;border-radius:var(--radius-full)}.badge-temp{background:#ffab0026!important;color:#ffab00!important;border-color:#ffab004d!important}.participants-header{padding:18px 20px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between}.participants-title{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:8px}.participants-list{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:8px}.participant-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-md);background:var(--glass-bg-ultra-light);border:1px solid transparent;transition:all var(--transition-fast)}.participant-item:hover{background:var(--glass-bg-hover);border-color:var(--glass-border)}.participant-meta{display:flex;align-items:center;gap:10px;overflow:hidden}.participant-avatar{width:36px;height:36px;border-radius:50%;background:var(--glass-bg-subtle);border:1px solid var(--glass-border-light);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.participant-name-col{display:flex;flex-direction:column;overflow:hidden}.participant-name{font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-ping{font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.ping-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-emerald)}.participant-action-card{max-width:380px!important;width:min(92vw,380px)!important;padding:18px 20px!important;border-radius:20px!important;background:#0c0e16fa!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 20px 50px #000000d9,0 0 20px #00d2ff14!important}.participant-action-body{display:flex;flex-direction:column;gap:12px;padding:10px 0 4px}.participant-actions-list{display:flex;flex-direction:column;gap:10px}.participant-action-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .18s ease;text-align:left;width:100%;color:var(--text-primary)}.participant-action-item:hover{background:#ffffff14;border-color:#00d2ff59;transform:translateY(-1px)}.participant-action-item.danger:hover{background:#ef44441f;border-color:#ef444466}.action-item-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-item-icon.crown-icon{background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#f59e0b}.action-item-icon.danger-icon{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#ef4444}.action-item-text{display:flex;flex-direction:column;gap:2px}.action-item-title{font-size:.92rem;font-weight:700;color:var(--text-primary)}.participant-action-item.danger .action-item-title{color:#ef4444}.action-item-desc{font-size:.74rem;color:var(--text-muted)}[data-theme=light] .participant-action-card{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 16px 40px #0f172a24!important}[data-theme=light] .participant-action-item{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .participant-action-item:hover{background:#f1f5f9}.qr-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px 0}.qr-canvas-wrapper{background:#fff;padding:16px;border-radius:var(--radius-lg);box-shadow:0 8px 30px #0003;display:inline-flex}.qr-canvas-wrapper canvas{display:block}.qr-room-code{font-family:var(--font-mono);font-size:1.3rem;font-weight:800;letter-spacing:.08em;color:var(--text-primary)}.confirm-modal-content{max-width:400px;width:min(400px,calc(100vw - 32px));text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px 28px;background:#11141f!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:28px!important;box-shadow:0 24px 60px #000000e6,0 0 40px #f43f5e33!important;box-sizing:border-box}[data-theme=light] .confirm-modal-content{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 24px 60px #00000026!important}[data-theme=light] .confirm-modal-title{color:#0f172a!important}[data-theme=light] .confirm-modal-desc{color:#475569!important}.confirm-modal-icon-wrap{width:52px;height:52px;border-radius:50%;background:#f43f5e1f;border:1px solid rgba(244,63,94,.3);color:var(--accent-rose);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #f43f5e40}.confirm-modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.confirm-modal-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.5;margin:0}.confirm-modal-actions{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:8px}.confirm-modal-actions .glass-btn{flex:1;padding:11px 18px;justify-content:center;border-radius:999px!important}#confirm-modal-cancel-btn{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.22);color:var(--text-primary);font-weight:700;border-radius:999px!important}#confirm-modal-cancel-btn:hover{background:#ffffff1f;border-color:#ffffff59}.scanner-modal-content{max-width:380px;text-align:center}.scanner-body{display:flex;flex-direction:column;align-items:center;gap:14px}.scanner-viewfinder{position:relative;width:240px;height:240px;border-radius:var(--radius-lg);overflow:hidden;background:#000;box-shadow:0 8px 32px #0006,var(--glass-specular);border:1.5px solid var(--glass-border-light)}.scanner-viewfinder video{width:100%;height:100%;object-fit:cover}.scanner-reticle{position:absolute;inset:20px;pointer-events:none}.reticle-corner{position:absolute;width:20px;height:20px;border-color:var(--accent-cyan);border-style:solid;border-width:0}.reticle-corner.top-left{top:0;left:0;border-top-width:3px;border-left-width:3px;border-top-left-radius:6px}.reticle-corner.top-right{top:0;right:0;border-top-width:3px;border-right-width:3px;border-top-right-radius:6px}.reticle-corner.bottom-left{bottom:0;left:0;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:6px}.reticle-corner.bottom-right{bottom:0;right:0;border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:6px}.scanner-laser-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),#ffffff,var(--accent-cyan),transparent);box-shadow:0 0 12px 2px var(--accent-cyan);animation:laserScan 2s infinite ease-in-out}@keyframes laserScan{0%{top:0%;opacity:.2}50%{top:100%;opacity:1}to{top:0%;opacity:.2}}.scanner-status-text{font-size:.85rem;color:var(--text-secondary);font-weight:500;margin:0}.scanner-fallback-row{display:flex;justify-content:center;width:100%}.upload-qr-btn{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;cursor:pointer}.emoji-item{transition:transform var(--transition-bounce),background var(--transition-fast)}.emoji-item:hover{transform:scale(1.3);z-index:2}@keyframes popoverSpring{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spinOnce{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-once{animation:spinOnce .45s var(--ease-elastic)!important}.room-settings-sheet{max-width:420px;width:calc(100% - 24px);max-height:88vh;overflow-y:auto;overscroll-behavior:contain;padding:18px 14px 20px;background:var(--glass-bg-base);backdrop-filter:blur(36px) saturate(190%);-webkit-backdrop-filter:blur(36px) saturate(190%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg);border-radius:24px!important;box-sizing:border-box}.settings-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--glass-border-light)}#close-settings-modal-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:50%!important}#close-settings-modal-btn svg{display:block;margin:auto}.settings-sheet-title{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.settings-sheet-title h3{font-size:1.12rem;font-weight:700;margin:0;letter-spacing:-.01em}.settings-grid-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%}.room-only-setting{display:none!important}body.in-chat-room .room-only-setting{display:flex!important}.settings-grid-card{display:flex;align-items:center;justify-content:flex-start;padding:10px 12px;border-radius:var(--radius-lg);background:var(--glass-bg-ultra-light);border:1px solid var(--glass-border-light);transition:all .18s cubic-bezier(.16,1,.3,1);user-select:none;box-sizing:border-box;min-height:48px;min-width:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.settings-grid-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-focus);transform:translateY(-1px)}.settings-grid-card:active{transform:scale(.97)}.settings-grid-card.is-active{background:#00d2ff14;border-color:#00d2ff61;box-shadow:0 0 12px #00d2ff1f}#settings-lock-toggle-card.is-active{background:#f59e0b1a;border-color:#f59e0b6b;box-shadow:0 0 12px #f59e0b24}#settings-screenshot-toggle-card.is-active{background:#f43f5e1a;border-color:#f43f5e6b;box-shadow:0 0 12px #f43f5e24}#settings-sound-toggle-card.is-active{background:#10b9811a;border-color:#10b9816b;box-shadow:0 0 12px #10b98124}#settings-theme-toggle-card.is-active{background:#6366f11a;border-color:#6366f16b;box-shadow:0 0 12px #6366f124}.settings-card-full{grid-column:1 / -1;padding:10px 14px;justify-content:space-between;cursor:default}.settings-card-full:hover{transform:none}.settings-card-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.settings-card-text{display:flex;flex-direction:column;gap:1px;min-width:0}.settings-card-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.settings-card-code{font-size:.95rem;font-weight:800;font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.04em}.settings-room-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.settings-room-actions .glass-btn-icon.sm{width:32px;height:32px;min-width:32px;border-radius:50%;padding:0}.settings-copy-badge-btn{padding:4px 10px!important;font-size:.76rem!important;font-weight:700!important;gap:4px!important;border-radius:var(--radius-full)!important}.settings-toggle-title{font-size:.84rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;letter-spacing:-.01em}.settings-option-icon{width:32px;height:32px;min-width:32px;border-radius:9px;background:var(--glass-bg-subtle);border:1px solid var(--glass-border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.settings-option-icon.sm{width:26px;height:26px;min-width:26px;border-radius:8px}.settings-option-icon.icon-cyan{background:#00d2ff1f;border-color:#00d2ff47;color:var(--accent-cyan)}.settings-option-icon.icon-amber{background:#f59e0b1f;border-color:#f59e0b47;color:#f59e0b}.settings-option-icon.icon-rose{background:#f43f5e1f;border-color:#f43f5e47;color:var(--accent-rose)}.settings-option-icon.icon-emerald{background:#10b9811f;border-color:#10b98147;color:var(--accent-emerald)}.settings-option-icon.icon-indigo{background:#6366f11f;border-color:#6366f147;color:var(--accent-indigo)}.settings-option-icon.danger-icon{background:#f43f5e24;border-color:#f43f5e52;color:var(--accent-rose)}.settings-leave-btn{background:#f43f5e14!important;border-color:#f43f5e47!important}.settings-leave-btn:hover{background:#f43f5e29!important;border-color:#f43f5e73!important;box-shadow:0 0 16px #f43f5e33}.settings-leave-title{font-weight:700;font-size:.84rem;color:var(--accent-rose);letter-spacing:-.01em}[data-theme=light] .room-settings-sheet{background:#fffffff0!important;border-color:#0000001a!important;box-shadow:0 20px 48px #0000001f,0 0 0 1px #0000000d!important}[data-theme=light] .settings-grid-card{background:#f8fafc!important;border-color:#e2e8f0!important}[data-theme=light] .settings-grid-card:hover{background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .settings-card-label{color:#64748b!important}[data-theme=light] .settings-card-code{color:#0284c7!important}[data-theme=light] .settings-toggle-title{color:#0f172a!important}[data-theme=light] .settings-leave-btn{background:#fff1f2!important;border-color:#fecdd3!important}[data-theme=light] .settings-leave-btn:hover{background:#ffe4e6!important;border-color:#fda4af!important}[data-theme=light] .settings-leave-btn .glass-badge{background:#e11d48!important;color:#fff!important;border-color:transparent!important}@media(max-width:768px){.room-settings-sheet{max-width:400px;width:calc(100% - 20px);margin:auto;border-radius:22px!important;padding:16px 12px 18px;max-height:90vh;animation:fadeInScale .24s cubic-bezier(.16,1,.3,1)}}.badge-pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan);animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.lobby-trust-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:28px;margin-bottom:10px;width:100%;max-width:880px}.trust-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--text-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--glass-shadow-sm);transition:all var(--transition-fast)}.trust-pill:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-light);color:var(--text-primary);transform:translateY(-1px)}.trust-dot{width:6px;height:6px;border-radius:50%}.trust-dot.cyan{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.trust-dot.indigo{background:var(--accent-indigo);box-shadow:0 0 8px var(--accent-indigo)}.trust-dot.emerald{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.trust-dot.purple{background:var(--accent-purple);box-shadow:0 0 8px var(--accent-purple)}.landing-section{width:100%;max-width:980px;margin-top:70px;display:flex;flex-direction:column;align-items:center}.section-header-center{text-align:center;margin-bottom:36px;max-width:680px}.section-eyebrow{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:8px}.section-title{font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--text-primary);margin-bottom:12px}.section-desc{font-size:.92rem;color:var(--text-secondary);line-height:1.6}.architecture-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.arch-card{padding:28px 22px;display:flex;flex-direction:column;position:relative;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg-base);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}.arch-card:hover{transform:translateY(-6px) scale(1.015);border-color:#00d2ff73;box-shadow:0 20px 45px -10px #000000b3,0 0 25px #00d2ff29,var(--glass-specular)}.arch-card:hover .arch-icon{transform:scale(1.12) rotate(-6deg);background:#00d2ff2e;border-color:#00d2ff73;transition:all var(--transition-bounce)}.arch-number{position:absolute;top:18px;right:20px;font-family:var(--font-mono);font-size:1.2rem;font-weight:800;color:#ffffff1f;user-select:none;transition:color var(--transition-normal)}.arch-card:hover .arch-number{color:#00d2ff59}.arch-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#00d2ff1a;border:1px solid rgba(0,210,255,.25);color:var(--accent-cyan);margin-bottom:16px;transition:all var(--transition-bounce)}.arch-title{font-size:1.12rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.arch-desc{font-size:.86rem;color:var(--text-secondary);line-height:1.55;flex:1;margin-bottom:18px}.arch-meta{padding-top:12px;border-top:1px solid var(--glass-border)}.arch-meta code{font-family:var(--font-mono);font-size:.72rem;color:var(--accent-cyan);background:#00d2ff14;padding:4px 8px;border-radius:var(--radius-xs);display:inline-block}.feature-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.feature-pillar{padding:24px 20px;display:flex;flex-direction:column;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg-subtle);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}.feature-pillar:hover{transform:translateY(-5px) scale(1.02);background:var(--glass-bg-hover);border-color:var(--glass-border-light);box-shadow:0 16px 36px -8px #0009,0 0 20px #ffffff0f}.feature-pillar:hover .feature-pillar-icon{transform:scale(1.12) rotate(4deg);transition:transform var(--transition-bounce)}.feature-pillar-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:16px;border:1px solid var(--glass-border);transition:transform var(--transition-bounce)}.feature-pillar-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.feature-pillar-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;flex:1;margin-bottom:14px}.feature-pillar-tag{align-self:flex-start;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);background:var(--glass-bg-elevated);border:1px solid var(--glass-border);color:var(--text-secondary)}.comparison-table-wrap{width:100%;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg-base);box-shadow:var(--glass-shadow-md)}.comparison-table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:.88rem}.comparison-table th,.comparison-table td{padding:14px 16px;border-bottom:1px solid var(--glass-border);word-wrap:break-word;overflow-wrap:break-word}.table-sub-label{font-size:.72rem;color:var(--text-muted);font-weight:500}.comparison-table thead th{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);background:var(--glass-bg-elevated)}.comparison-table thead th.highlight-col{color:var(--accent-cyan);background:#00d2ff14}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover td{background:var(--glass-bg-hover)}.comparison-table td.highlight-col{background:#00d2ff08}.badge-success{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);background:#10b9811f;color:var(--accent-emerald);font-weight:700;font-size:.82rem;border:1px solid rgba(16,185,129,.3)}.faq-accordion{width:100%;display:flex;flex-direction:column;gap:12px}.faq-item{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg-subtle);overflow:hidden;transition:all var(--transition-fast)}.faq-item:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-light)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;font-size:.98rem;font-weight:700;color:var(--text-primary);cursor:pointer;user-select:none;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-chevron{font-size:1.3rem;font-weight:400;color:var(--accent-cyan);transition:transform var(--transition-normal)}.faq-item[open] .faq-chevron{transform:rotate(45deg)}.faq-answer{padding:0 22px 18px;font-size:.88rem;color:var(--text-secondary);line-height:1.6;animation:faqFadeIn .28s var(--ease-smooth)}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.minimal-credit-footer{width:100%;margin-top:60px;padding-bottom:50px;display:flex;align-items:center;justify-content:center;text-align:center}.credit-text{font-size:.82rem;font-weight:500;letter-spacing:.04em;color:var(--text-muted);opacity:.75;transition:opacity var(--transition-fast),color var(--transition-fast)}.credit-text:hover{opacity:1;color:var(--text-secondary)}@media(max-width:768px){.lobby-container{padding:6px 12px calc(110px + var(--safe-bottom))!important}.lobby-hero{margin-top:6px;margin-bottom:14px}.lobby-badge{padding:6px 14px;font-size:.72rem;margin-bottom:12px;gap:6px;white-space:nowrap;max-width:90vw}.badge-text-desktop{display:none}.badge-text-mobile{display:inline;font-weight:600}.hero-title{font-size:1.45rem;line-height:1.2;margin-bottom:6px}.hero-subtitle{font-size:.82rem;line-height:1.4;max-width:360px}.lobby-grid{grid-template-columns:1fr;gap:12px}.lobby-card{padding:16px 14px;gap:12px;border-radius:var(--radius-md)}.lobby-card-header{gap:10px}.lobby-card-icon{width:38px;height:38px;font-size:1.15rem;border-radius:var(--radius-sm)}.lobby-card-title{font-size:1rem}.lobby-card-desc{font-size:.78rem;line-height:1.35}.lobby-card .glass-input{padding:9px 12px;font-size:.86rem}.lobby-card .glass-btn-primary{height:40px;padding:8px 14px;font-size:.88rem;border-radius:var(--radius-sm)}.minimal-profile-bar{padding:6px 10px;gap:8px}.minimal-avatar-btn{width:34px;height:34px;font-size:1.2rem}.minimal-name-input{font-size:.88rem;padding:4px 2px}.minimal-shuffle-btn{width:30px;height:30px;min-width:30px}.lobby-trust-bar{margin-top:18px;gap:8px}.trust-pill{padding:4px 10px;font-size:.72rem}.landing-section{margin-top:40px}.section-header-center{margin-bottom:22px}.section-title{font-size:1.3rem}.section-desc{font-size:.82rem}.architecture-flow-grid{grid-template-columns:1fr;gap:12px}.arch-card{padding:18px 16px}.feature-pillars-grid{grid-template-columns:1fr;gap:12px}.feature-pillar{padding:16px 14px}.comparison-table-wrap{overflow:hidden;border-radius:var(--radius-md);padding:0}.comparison-table{table-layout:fixed;width:100%}.comparison-table th,.comparison-table td{padding:8px 4px;font-size:.68rem;line-height:1.25}.comparison-table thead th{font-size:.62rem;padding:7px 4px;letter-spacing:.01em}.comparison-table th:first-child,.comparison-table td:first-child{width:27%;padding-left:6px}.comparison-table th:nth-child(2),.comparison-table td:nth-child(2){width:36%}.comparison-table th:last-child,.comparison-table td:last-child{width:37%;padding-right:6px}.badge-success{padding:2px 4px;font-size:.64rem;border-radius:4px;white-space:normal;text-align:center;display:inline-block;line-height:1.2}.faq-question{padding:14px 16px;font-size:.88rem}.faq-answer{padding:0 16px 14px;font-size:.82rem}.minimal-credit-footer{margin-top:36px;padding-bottom:40px}.credit-text{font-size:.76rem}.glass-modal-content{padding:18px 14px;margin:8px;max-width:95vw}}.message-context-content{display:flex;flex-direction:column;gap:12px;width:270px;max-width:90vw;animation:springPopup .26s cubic-bezier(.175,.885,.32,1.275)}.context-reaction-bar{display:flex;justify-content:space-around;padding:8px 12px;border-radius:var(--radius-full);background:var(--glass-bg-base);border:1px solid var(--glass-border);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:var(--glass-shadow-md)}.context-reaction-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;transition:transform .18s cubic-bezier(.175,.885,.32,1.275);padding:4px 6px;border-radius:50%}.context-reaction-btn:hover,.context-reaction-btn:active{transform:scale(1.4)}.context-action-list{display:flex;flex-direction:column;background:var(--glass-bg-base);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:var(--glass-shadow-md);overflow:hidden}.context-action-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:var(--text-primary);font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s ease;text-align:left;width:100%}.context-action-item:not(:last-child){border-bottom:1px solid var(--glass-border-light)}.context-action-item:hover,.context-action-item:active{background:var(--glass-bg-hover)}.context-action-icon{width:28px;height:28px;border-radius:50%;background:var(--glass-bg-ultra-light);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan)}[data-theme=light] .lobby-master-card{background:#fffffff0!important;border:1px solid rgba(203,213,225,.9)!important;box-shadow:0 20px 50px #0f172a14,0 1px 3px #0000000d!important}[data-theme=light] .native-identity-widget{border-bottom:1px solid #cbd5e1!important}[data-theme=light] .identity-text-input{background:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important}[data-theme=light] .identity-text-input::placeholder{color:#94a3b8!important}[data-theme=light] .identity-avatar-btn{background:#f1f5f9!important;color:#0f172a!important;border:2px solid #0284c7!important;box-shadow:0 0 16px #0284c759!important}[data-theme=light] .identity-shuffle-btn{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#475569!important;box-shadow:0 2px 6px #0000000a!important}[data-theme=light] .identity-shuffle-btn:hover{background:#e2e8f0!important;color:#0284c7!important;border-color:#0284c7!important}[data-theme=light] .avatar-opt-chip{background:#f1f5f9!important;border:1px solid #e2e8f0!important}[data-theme=light] .avatar-opt-chip:hover{background:#e2e8f0!important;border-color:#0284c7!important}[data-theme=light] .avatar-opt-chip.selected{background:#e0f2fe!important;border-color:#0284c7!important;box-shadow:0 0 12px #0284c759!important}[data-theme=light] .native-tab-switcher{background:#e2e8f0!important;border:1px solid #cbd5e1!important}[data-theme=light] .native-tab-btn{color:#64748b!important}[data-theme=light] .native-tab-btn.active{background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 8px #00000014!important}[data-theme=light] .panel-title{color:#0f172a!important}[data-theme=light] .panel-desc{color:#64748b!important}[data-theme=light] .input-label{color:#475569!important}[data-theme=light] .room-code-input,[data-theme=light] .glass-input{background:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important}[data-theme=light] .room-code-input::placeholder,[data-theme=light] .glass-input::placeholder{color:#94a3b8!important}[data-theme=light] .trust-pill{background:#ffffffe0!important;border:1px solid #e2e8f0!important;color:#475569!important;box-shadow:0 2px 6px #0000000a!important}[data-theme=light] .lobby-badge{background:#ffffffe0!important;border:1px solid #e2e8f0!important;color:#475569!important}.lobby-card-credit{margin-top:24px;padding-top:12px;text-align:center;font-size:.84rem;color:var(--text-muted);letter-spacing:.02em;width:100%}.creator-highlight{color:var(--text-primary);font-weight:700}[data-theme=light] .lobby-card-credit{color:#64748b!important;margin-top:24px!important;padding-top:12px!important;text-align:center!important;font-size:.84rem!important}[data-theme=light] .creator-highlight{color:#0f172a!important;font-weight:700!important}[data-theme=light] .hero-title{color:#0f172a!important}[data-theme=light] .hero-subtitle{color:#475569!important}[data-theme=light] .app-header{background:#fff!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:0 2px 10px #0000000a!important}[data-theme=light] .brand-title{background:linear-gradient(135deg,#0f172a 40%,#0284c7)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}[data-theme=light] .brand-icon{border:1px solid rgba(2,132,199,.3)!important;box-shadow:0 0 12px #0284c726!important}[data-theme=light] .brand-tag{background:#0284c71a!important;color:#0284c7!important;border:1px solid rgba(2,132,199,.25)!important}[data-theme=light] .chat-header-peer-profile:hover{background:#0000000d!important}[data-theme=light] .chat-header-avatar-orb{background:#f1f5f9!important;border-color:#0284c7!important;box-shadow:0 0 10px #0284c740!important}[data-theme=light] .chat-header-title{color:#0f172a!important}[data-theme=light] .chat-header-subtitle{color:#64748b!important}[data-theme=light] .header-back-btn{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#0f172a!important}[data-theme=light] .header-back-btn:hover{background:#e2e8f0!important;color:#0284c7!important}[data-theme=light] .glass-btn-icon{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#334155!important}[data-theme=light] .glass-btn-danger,[data-theme=light] #confirm-modal-action-btn.glass-btn-danger{background:#e11d4814!important;color:#e11d48!important;border:1.5px solid #e11d48!important}[data-theme=light] .glass-btn-danger:hover,[data-theme=light] #confirm-modal-action-btn.glass-btn-danger:hover{background:#e11d48!important;color:#fff!important;border-color:#e11d48!important;box-shadow:0 8px 24px #e11d4859!important}[data-theme=light] .settings-leave-btn{border-color:#e11d4859!important}[data-theme=light] .settings-leave-btn:hover{background:#e11d481a!important}[data-theme=light] .settings-leave-btn:hover .settings-leave-title{color:#be123c!important}.home-showcase-container{width:100%;max-width:1080px;margin:32px auto 44px;padding:0 16px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:5;box-sizing:border-box}.showcase-header{text-align:center;max-width:680px;margin-bottom:24px;display:flex;flex-direction:column;align-items:center;width:100%}.showcase-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#00d2ff1f;border:1px solid rgba(0,210,255,.35);border-radius:var(--radius-full);font-size:.76rem;font-weight:700;color:#00d2ff;margin-bottom:12px;letter-spacing:.03em;text-transform:uppercase}.badge-pulse-dot{width:7px;height:7px;border-radius:50%;background:#00d2ff;box-shadow:0 0 8px #00d2ff;animation:pulse 2s infinite ease-in-out}.showcase-title{font-size:clamp(1.3rem,4vw,1.65rem);font-weight:800;letter-spacing:-.02em;color:#fff;margin-bottom:10px;line-height:1.25;text-align:center}.showcase-desc{font-size:.9rem;line-height:1.5;color:#94a3b8;margin:0;text-align:center;max-width:560px}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;width:100%}.showcase-card{display:flex;flex-direction:column;padding:18px 20px;border-radius:20px;background:var(--glass-bg-base);border:1px solid var(--glass-border);transition:all var(--transition-normal)}.showcase-card:hover{transform:translateY(-2px);border-color:var(--glass-border-focus);box-shadow:var(--glass-shadow-md)}.showcase-card-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.showcase-card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.showcase-card-top-row .showcase-card-icon{margin-bottom:0}.showcase-card-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.showcase-card-text{font-size:.82rem;line-height:1.48;color:var(--text-secondary);margin:0}.games-teaser-card{border-color:#f59e0b59;background:linear-gradient(135deg,#f59e0b0a,#ffffff05)}[data-theme=light] .showcase-badge{background:#0284c71f!important;border:1px solid rgba(2,132,199,.4)!important;color:#0284c7!important}[data-theme=light] .badge-pulse-dot{background:#0284c7!important;box-shadow:0 0 8px #0284c7!important}[data-theme=light] .showcase-card{background:#ffffffe0!important;border:1px solid rgba(203,213,225,.8)!important;box-shadow:0 4px 16px #0f172a0a!important}[data-theme=light] .showcase-title{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;background:none!important}[data-theme=light] .showcase-card-title{color:#0f172a!important}[data-theme=light] .showcase-card-text,[data-theme=light] .showcase-desc{color:#475569!important}.glass-switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0;cursor:pointer}.glass-switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;inset:0;background:#ffffff24;border:1px solid var(--glass-border-light);border-radius:var(--radius-full);transition:all .18s cubic-bezier(.16,1,.3,1)}.switch-slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #00000059;transition:transform .18s cubic-bezier(.175,.885,.32,1.275)}.glass-switch input:checked+.switch-slider{background:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 8px #00d2ff66}.glass-switch input:checked+.switch-slider:before{transform:translate(16px);background:#000}[data-theme=light] .switch-slider{background:#cbd5e1;border-color:#94a3b8}[data-theme=light] .glass-switch input:checked+.switch-slider{background:#0284c7;border-color:#0284c7}[data-theme=light] .glass-switch input:checked+.switch-slider:before{background:#fff}.glass-switch input:disabled+.switch-slider{opacity:.45;cursor:not-allowed}body.copy-restricted .message-bubble,body.copy-restricted .chat-messages-container,body.copy-restricted .message-bubble-text{user-select:none!important;-webkit-user-select:none!important}.inbox-drawer-backdrop{align-items:flex-start;justify-content:flex-start;padding:0;background:transparent!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.is-android-webview .inbox-drawer-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important}.inbox-drawer-sheet{position:relative;width:100%;max-width:480px;height:100%;background:#000!important;border:none!important;box-shadow:none!important;display:flex;flex-direction:column;padding:0!important;animation:none;overflow:hidden;box-sizing:border-box}@media(max-width:640px){.inbox-drawer-sheet{max-width:100%;border-right:none;border-left:none;padding:0!important}}@keyframes slideScreenFromLeft{0%{opacity:0;transform:translate3d(-24px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideScreenFromRight{0%{opacity:0;transform:translate3d(24px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideScreenOutToLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-24px,0,0)}}@keyframes slideScreenOutToRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(24px,0,0)}}.slide-from-left,#lobby-view.slide-from-left,#chat-room-view.slide-from-left{animation:slideScreenFromLeft .26s cubic-bezier(.16,1,.3,1) forwards!important}.slide-from-right,#lobby-view.slide-from-right,#chat-room-view.slide-from-right{animation:slideScreenFromRight .26s cubic-bezier(.16,1,.3,1) forwards!important}.slide-out-to-left,#lobby-view.slide-out-to-left,#chat-room-view.slide-out-to-left{animation:slideScreenOutToLeft .26s cubic-bezier(.16,1,.3,1) forwards!important;pointer-events:none!important}.slide-out-to-right,#lobby-view.slide-out-to-right,.app-header.slide-out-to-right{animation:slideScreenOutToRight .26s cubic-bezier(.16,1,.3,1) forwards!important;pointer-events:none!important}#chat-room-view.slide-out-to-right{animation:slideScreenOutToRight .26s cubic-bezier(.16,1,.3,1) forwards!important;pointer-events:none!important;z-index:1050!important;background:#000!important}[data-theme=light] #chat-room-view.slide-out-to-right{background:#fff!important}body.has-active-tab:not(.in-chat-room) .app-header{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.tab-incoming{z-index:1045!important}.inbox-drawer-backdrop:not(.active),.calls-drawer-backdrop:not(.active),.profile-drawer-backdrop:not(.active){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.inbox-drawer-backdrop.active,.calls-drawer-backdrop.active,.profile-drawer-backdrop.active{animation:none!important;opacity:1!important;display:flex!important;visibility:visible!important;pointer-events:auto!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border:none!important}.inbox-drawer-sheet,.calls-drawer-sheet,.profile-sheet{background:#000!important}[data-theme=light] .inbox-drawer-sheet,[data-theme=light] .calls-drawer-sheet,[data-theme=light] .profile-sheet{background:#fff!important}#close-inbox-drawer-btn svg{display:block;margin:auto}.temp-validity-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;padding:8px 12px;background:linear-gradient(135deg,#ffaa0014,#ff640008);border:1px solid rgba(255,170,0,.25);border-radius:var(--radius-md);animation:panelQuickFade .2s ease;width:100%;box-sizing:border-box}[data-theme=light] .temp-validity-row{background:linear-gradient(135deg,#ffaa0017,#ff64000a);border-color:#ffaa0059}.temp-validity-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-amber);white-space:nowrap;flex-shrink:0}.temp-validity-segmented{display:flex;align-items:center;gap:4px;background:#00000059;padding:2px 3px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06);flex:1;max-width:200px;justify-content:space-between}[data-theme=light] .temp-validity-segmented{background:#0000000d;border-color:#00000014}.temp-duration-pill{flex:1;text-align:center;padding:4px 6px;font-size:.74rem;font-weight:600;border-radius:4px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .16s ease;white-space:nowrap}.temp-duration-pill:hover{color:var(--text-primary);background:#ffffff14}.temp-duration-pill.active{background:#ffaa0038;color:var(--accent-amber);font-weight:700;box-shadow:0 0 8px #ffaa004d}@media(max-width:480px){.temp-validity-segmented{max-width:180px}.temp-duration-pill{padding:5px 4px;font-size:.72rem}}.inbox-header{padding:calc(var(--safe-top, 0px) + 14px) 18px 12px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid rgba(255,255,255,.06)!important;background:#000!important;flex-shrink:0!important;height:auto!important;min-height:auto!important;box-sizing:border-box!important}.inbox-header-title{display:flex;align-items:center;gap:12px}.inbox-header-icon-box{width:36px;height:36px;border-radius:12px;background:#00d2ff26;border:1px solid rgba(0,210,255,.35);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);box-shadow:0 0 16px #00d2ff33;flex-shrink:0}.inbox-header-text{display:flex;align-items:center;gap:8px}.inbox-header-text h3{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.inbox-header-badge{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#00d2ff1f;color:var(--accent-cyan);border:1px solid rgba(0,210,255,.28);letter-spacing:.03em;text-transform:uppercase}.inbox-search-bar{margin:12px 16px 8px;padding:0;width:calc(100% - 32px);box-sizing:border-box}.inbox-search-inner{position:relative;width:100%;display:flex;align-items:center}.inbox-search-inner .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--accent-cyan)!important;opacity:.95;pointer-events:none;z-index:2;transition:all .18s ease;width:17px;height:17px}.inbox-search-input{width:100%;height:42px;padding-left:42px;padding-right:14px;border-radius:999px;font-size:.88rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);color:var(--text-primary);box-sizing:border-box;transition:all .2s ease;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.inbox-search-input:focus{background:#ffffff12;border-color:#00d2ff80;box-shadow:0 0 16px #00d2ff33;outline:none}.inbox-search-input:focus~.search-icon,.inbox-search-inner:focus-within .search-icon{color:var(--accent-cyan)!important;opacity:1;transform:translateY(-50%) scale(1.08)}.inbox-filter-chips-row{display:flex;background:#00000059;padding:3px;border-radius:var(--radius-full);border:1px solid var(--glass-border-light);gap:3px;position:relative;width:100%;box-sizing:border-box;margin-bottom:12px}.inbox-filter-chip{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:var(--radius-full);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:color .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease;user-select:none;white-space:nowrap}.inbox-filter-chip:hover{color:var(--text-primary);background:#ffffff0d}.inbox-filter-chip.active{background:var(--glass-bg-base)!important;color:var(--text-primary)!important;box-shadow:0 3px 12px #00000059,0 0 10px #00d2ff26!important;border:1px solid var(--glass-border-light)!important;font-weight:700}.chip-dot{width:6px;height:6px;border-radius:50%}.chip-dot.dot-space{background:#c084fc;box-shadow:0 0 6px #c084fccc}.chip-dot.dot-dm{background:#38bdf8;box-shadow:0 0 6px #38bdf8cc}.inbox-threads-scroll{flex:1;overflow-y:auto;min-height:0;padding:6px 4px calc(var(--safe-bottom, 0px) + 220px) 4px!important;box-sizing:border-box}.inbox-threads-list{display:flex;flex-direction:column;gap:8px;padding:4px 2px 40px!important}.inbox-thread-item{display:flex;align-items:center;gap:14px;padding:13px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;user-select:none;-webkit-touch-callout:none;z-index:1}.inbox-thread-item:hover{background:#ffffff12;border-color:#00d2ff59;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;z-index:5}.inbox-thread-item:active,.inbox-thread-item.is-pressing{z-index:5;transform:scale(.975);border-color:#00d2ff8c;background:#00d2ff14}.inbox-thread-item:focus-visible{outline:2px solid rgba(0,210,255,.6);outline-offset:-1px;z-index:5}.inbox-thread-item.has-unread{background:linear-gradient(90deg,#00d2ff14,#ffffff08);border-color:#00d2ff66}.thread-avatar-col{position:relative;flex-shrink:0}.thread-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#00d2ff2e,#a855f72e);border:1.5px solid rgba(0,210,255,.4);display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:800;color:var(--accent-cyan);box-shadow:0 4px 12px #00000059;overflow:hidden;position:relative;flex-shrink:0}.thread-avatar.has-img{padding:0}.thread-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:12px}.thread-avatar-emoji{font-size:1.55rem;line-height:1;user-select:none}.thread-avatar-initial{font-size:1.2rem;font-weight:800;text-transform:uppercase}.thread-avatar.color-cyan,.chat-context-avatar-orb.color-cyan{background:linear-gradient(135deg,#00d2ff38,#0099ff26)!important;border:1.5px solid rgba(0,210,255,.45)!important;color:#00d2ff!important;box-shadow:0 4px 14px #00d2ff33!important}.thread-avatar.color-purple,.chat-context-avatar-orb.color-purple{background:linear-gradient(135deg,#a855f73d,#c084fc26)!important;border:1.5px solid rgba(168,85,247,.45)!important;color:#c084fc!important;box-shadow:0 4px 14px #a855f733!important}.thread-avatar.color-emerald,.chat-context-avatar-orb.color-emerald{background:linear-gradient(135deg,#10b98138,#34d39926)!important;border:1.5px solid rgba(16,185,129,.45)!important;color:#34d399!important;box-shadow:0 4px 14px #10b98133!important}.thread-avatar.color-amber,.chat-context-avatar-orb.color-amber{background:linear-gradient(135deg,#f59e0b38,#fbbf2426)!important;border:1.5px solid rgba(245,158,11,.45)!important;color:#fbbf24!important;box-shadow:0 4px 14px #f59e0b33!important}.thread-avatar.color-rose,.chat-context-avatar-orb.color-rose{background:linear-gradient(135deg,#f43f5e38,#fb718526)!important;border:1.5px solid rgba(244,63,94,.45)!important;color:#fb7185!important;box-shadow:0 4px 14px #f43f5e33!important}.thread-avatar.color-indigo,.chat-context-avatar-orb.color-indigo{background:linear-gradient(135deg,#6366f138,#818cf826)!important;border:1.5px solid rgba(99,102,241,.45)!important;color:#818cf8!important;box-shadow:0 4px 14px #6366f133!important}.thread-online-dot{display:none;position:absolute;bottom:-2px;right:-2px;width:11px;height:11px;border-radius:50%;background:#10b981;border:2px solid #000000;box-shadow:0 0 8px #10b981}.thread-online-dot.is-online{display:block}.thread-content-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.thread-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.thread-title-group{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.thread-title{font-size:.96rem;font-weight:800;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.thread-status-icon{font-size:.72rem;line-height:1;flex-shrink:0;opacity:.85}.thread-time{font-size:.72rem;color:var(--text-tertiary);flex-shrink:0;font-weight:600}.thread-context-row{display:flex;margin-bottom:2px}.thread-context-tag{font-size:.65rem;color:#c084fc;background:#a855f71f;padding:1px 6px;border-radius:4px;font-weight:700}.thread-preview{font-size:.82rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;flex:1;min-width:0}.thread-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.thread-type-badge{font-size:.62rem;padding:2px 8px;border-radius:999px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.badge-space{background:#a855f729;color:#c084fc;border:1px solid rgba(168,85,247,.35)}.badge-dm{background:#00d2ff29;color:#38bdf8;border:1px solid rgba(0,210,255,.35)}.badge-temp{background:#f59e0b29;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.thread-unread-pill{background:linear-gradient(135deg,#00d2ff,#09f);color:#000;font-size:.66rem;font-weight:900;padding:2px 7px;border-radius:999px;margin-left:auto;box-shadow:0 0 10px #00d2ff99;flex-shrink:0}.archived-inbox-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.12);border-radius:14px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);margin-bottom:6px;user-select:none;-webkit-touch-callout:none}.archived-inbox-row:hover{background:#ffffff14;border-color:#00d2ff66;transform:translateY(-1px)}.archived-inbox-row:active{transform:scale(.98)}.archived-row-icon{width:34px;height:34px;border-radius:10px;background:#00d2ff1f;color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0}.archived-row-label{font-size:.92rem;font-weight:700;color:var(--text-primary);flex:1}.archived-row-count{font-size:.75rem;font-weight:800;color:var(--text-tertiary);background:#ffffff14;padding:2px 8px;border-radius:999px}.archived-view-header{display:flex;align-items:center;gap:12px;padding:6px 4px 14px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}.archived-view-title-col{display:flex;flex-direction:column;gap:2px}.archived-view-title{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.01em}.archived-view-count{font-size:.78rem;color:var(--text-tertiary);font-weight:500}.inbox-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 20px;gap:12px}.empty-hologram-pulse{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.empty-hologram-pulse .empty-icon-bubble{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#00d2ff2e,#a855f72e);border:1.5px solid rgba(0,210,255,.4);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);box-shadow:0 0 30px #00d2ff40;animation:floatBubble 3s ease-in-out infinite}@keyframes floatBubble{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.inbox-empty-state h4{font-size:1.2rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.inbox-empty-state p{font-size:.84rem;line-height:1.5;margin:0;color:var(--text-secondary);max-width:280px}.empty-action-btn{margin-top:8px;height:38px;padding:0 20px!important;border-radius:999px!important;font-size:.82rem!important;font-weight:700!important;display:inline-flex;align-items:center;gap:8px}[data-theme=light] .inbox-header-icon-box{background:#00d2ff1a;border-color:#00d2ff4d;box-shadow:0 2px 10px #0000000d}[data-theme=light] .inbox-search-input{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .inbox-filter-chips-row{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .inbox-filter-chip{color:#64748b}[data-theme=light] .inbox-filter-chip.active{background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important;box-shadow:0 2px 8px #00000014!important}[data-theme=light] .inbox-thread-item{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #00000005!important}[data-theme=light] .inbox-thread-item:hover{background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 6px 18px #0000000f!important}[data-theme=light] .thread-online-dot{border-color:#fff}.help-guide-sheet{max-width:480px;width:min(480px,calc(100vw - 32px));max-height:88vh;overflow-y:auto;overscroll-behavior:contain;padding:24px 22px 28px;background:#11141f!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 60px #000000d9,0 0 35px #00d2ff1f;border-radius:28px!important;box-sizing:border-box}[data-theme=light] .help-guide-sheet{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 24px 60px #0000001f,0 4px 20px #0000000f!important}.help-guide-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);gap:12px}[data-theme=light] .help-guide-header{border-bottom-color:#f1f5f9}.help-guide-title{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.help-title-icon{width:40px;height:40px;border-radius:12px;background:#00d2ff1f;border:1px solid rgba(0,210,255,.25);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);flex-shrink:0}.help-guide-title h3{font-size:1.15rem;font-weight:700;margin:0 0 3px;color:var(--text-primary);letter-spacing:-.02em}[data-theme=light] .help-guide-title h3{color:#0f172a!important}.help-subtitle{font-size:.78rem;color:var(--text-muted);margin:0}[data-theme=light] .help-subtitle{color:#64748b!important}.guide-feedback-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f43f5e1f,#e11d4814);border:1px solid rgba(244,63,94,.25);padding:10px 14px;border-radius:16px;margin-bottom:18px;gap:10px}[data-theme=light] .guide-feedback-banner{background:#fff1f2;border-color:#fecdd3}.feedback-banner-left{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-primary);font-weight:600;min-width:0}[data-theme=light] .feedback-banner-left{color:#9f1239!important}.feedback-banner-left svg{color:#f43f5e;flex-shrink:0}.guide-feedback-action-btn{padding:6px 14px;font-size:.76rem;font-weight:700;border-radius:999px;background:#f43f5e;border:none;color:#fff;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:transform .16s ease,opacity .16s ease}.guide-feedback-action-btn:hover{opacity:.9;transform:translateY(-1px)}.help-methods-container{display:flex;flex-direction:column;gap:16px}.guide-method-card{background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}[data-theme=light] .guide-method-card{background:#f8fafc!important;border:1px solid #e2e8f0!important}.guide-method-card.method-spaces{border-left:4px solid #10b981!important}.guide-method-card.method-dms{border-left:4px solid var(--accent-cyan)!important}.guide-method-header{display:flex;align-items:center;gap:10px}.guide-method-badge{font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:.06em}.guide-method-name{font-size:.98rem;font-weight:700;color:var(--text-primary);margin:0}[data-theme=light] .guide-method-name{color:#0f172a!important}.guide-method-tag{margin-left:auto;font-size:.72rem;color:var(--text-muted);font-weight:600}[data-theme=light] .guide-method-tag{color:#64748b!important}.guide-steps-list{display:flex;flex-direction:column;gap:8px}.guide-step-row{display:flex;align-items:flex-start;gap:12px}.guide-step-dot{width:22px;height:22px;border-radius:50%;background:#ffffff1a;color:var(--text-primary);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}[data-theme=light] .guide-step-dot{background:#e2e8f0;color:#0f172a}.guide-step-text{font-size:.84rem;color:var(--text-secondary);line-height:1.45;font-weight:500}[data-theme=light] .guide-step-text{color:#334155!important}.guide-step-connector{width:2px;height:10px;background:#ffffff1f;margin-left:10px}[data-theme=light] .guide-step-connector{background:#cbd5e1}.guide-privacy-card{background:linear-gradient(135deg,#00d2ff14,#10b9810f);border:1px solid rgba(0,210,255,.25);border-radius:20px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}[data-theme=light] .guide-privacy-card{background:#f0fdf4!important;border:1px solid #bbf7d0!important}.guide-privacy-header{display:flex;align-items:center;gap:10px;color:var(--accent-cyan)}[data-theme=light] .guide-privacy-header{color:#059669!important}.guide-privacy-header h4{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0}[data-theme=light] .guide-privacy-header h4{color:#065f46!important}.guide-privacy-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin:0}[data-theme=light] .guide-privacy-desc{color:#047857!important}.help-guide-footer{margin-top:20px}.help-guide-footer .glass-btn{padding:13px 20px;font-size:.95rem;font-weight:700;border-radius:16px}.feedback-sheet{max-width:480px;width:min(480px,calc(100vw - 32px));max-height:88vh;overflow-y:auto;overscroll-behavior:contain;padding:24px 22px 28px;background:#11141f!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 60px #000000d9,0 0 35px #00d2ff1f;border-radius:28px!important;box-sizing:border-box}[data-theme=light] .feedback-sheet{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 24px 60px #0000001f,0 4px 20px #0000000f!important}.feedback-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=light] .feedback-sheet-header{border-bottom-color:#f1f5f9}.feedback-sheet-title{display:flex;align-items:center;gap:12px}.feedback-title-icon{width:40px;height:40px;border-radius:12px;background:#00d2ff1f;border:1px solid rgba(0,210,255,.25);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);flex-shrink:0}.feedback-sheet-title h3{font-size:1.15rem;font-weight:700;margin:0 0 3px;color:var(--text-primary)}[data-theme=light] .feedback-sheet-title h3{color:#0f172a!important}.feedback-subtitle{font-size:.78rem;color:var(--text-muted);margin:0}[data-theme=light] .feedback-subtitle{color:#64748b!important}.feedback-form{display:flex;flex-direction:column;gap:16px}.feedback-section{display:flex;flex-direction:column;gap:8px}.feedback-label{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}[data-theme=light] .feedback-label{color:#64748b!important}.feedback-category-chips{display:flex;flex-wrap:wrap;gap:8px}.feedback-chip{padding:8px 15px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s ease}[data-theme=light] .feedback-chip{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.feedback-chip:hover{color:var(--text-primary);background:#ffffff1a}[data-theme=light] .feedback-chip:hover{background:#e2e8f0;color:#0f172a}.feedback-chip.active{background:#00d2ff29;border-color:var(--accent-cyan);color:#fff;box-shadow:0 0 10px #00d2ff4d}[data-theme=light] .feedback-chip.active{background:#0284c7!important;border-color:#0284c7!important;color:#fff!important;box-shadow:0 2px 8px #0284c74d!important}.feedback-mood-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.feedback-mood-btn{flex:1;font-size:.92rem;font-weight:700;padding:10px 0;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-secondary);cursor:pointer;text-align:center;transition:all .16s ease}[data-theme=light] .feedback-mood-btn{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.feedback-mood-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#00d2ff4d}[data-theme=light] .feedback-mood-btn:hover{background:#e2e8f0;color:#0f172a}.feedback-mood-btn.active{background:#00d2ff33;border-color:var(--accent-cyan);color:#fff;box-shadow:0 0 12px #00d2ff59}[data-theme=light] .feedback-mood-btn.active{background:#0284c7!important;border-color:#0284c7!important;color:#fff!important;box-shadow:0 2px 8px #0284c74d!important}.feedback-textarea{min-height:96px;max-height:200px;padding:12px 14px;font-size:.9rem;line-height:1.5;border-radius:16px;resize:vertical}[data-theme=light] .feedback-textarea{background:#f8fafc!important;border:1px solid #cbd5e1!important;color:#0f172a!important}.feedback-text-input{height:44px;padding:0 14px;font-size:.88rem;border-radius:14px}[data-theme=light] .feedback-text-input{background:#f8fafc!important;border:1px solid #cbd5e1!important;color:#0f172a!important}.feedback-actions{margin-top:6px}.feedback-actions .glass-btn{padding:13px 20px;font-size:.95rem;font-weight:700;border-radius:16px}.feedback-success-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;text-align:center;gap:8px;animation:panelQuickFade .22s ease}.feedback-success-icon{width:56px;height:56px;border-radius:50%;background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#10b981;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.feedback-success-view h4{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary)}.feedback-success-view p{font-size:.84rem;color:var(--text-secondary);line-height:1.45;max-width:320px;margin:0 0 12px}.credit-divider{margin:0 6px;color:var(--text-muted);opacity:.5}.lobby-feedback-link{background:transparent;border:none;color:var(--accent-cyan);font-size:.74rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;opacity:.85;transition:opacity .16s ease,transform .16s ease}.lobby-feedback-link:hover{opacity:1;transform:translateY(-1px)}#header-profile-btn{position:relative}#header-profile-btn .profile-status-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;box-shadow:0 0 6px currentColor;border:1.5px solid #000}.profile-status-dot{width:7px;height:7px;border-radius:50%;box-shadow:0 0 8px currentColor}.dot-online{background:#10b981;color:#10b981}.dot-incognito{background:#9d4edd;color:#9d4edd}.dot-busy{background:#f43f5e;color:#f43f5e}.dot-away{background:#f59e0b;color:#f59e0b}.profile-drawer-backdrop{align-items:flex-start;justify-content:flex-end;padding:0;background:transparent!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:1040}.profile-sheet{width:100%;max-width:480px;height:100%;max-height:100%;display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:0;border:none!important;background:#000;box-shadow:none!important;animation:none;box-sizing:border-box}@media(max-width:900px){#close-profile-modal-btn{display:none!important}.profile-drawer-backdrop{background:#000}.profile-sheet{max-width:100%!important;width:100%!important;border:none!important;box-shadow:none!important;background:#000;padding:0!important}}.profile-header-icon{width:38px;height:38px;border-radius:50%;background:#00d2ff26;border:1px solid rgba(0,210,255,.35);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center}.profile-sheet-header h3{font-size:1.15rem;font-weight:700;margin:0;color:var(--text-primary)}.profile-subtitle{font-size:.75rem;color:var(--text-secondary);margin:0}.profile-sheet-body{padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scrollbar-width:none}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 0}.profile-avatar-wrap{display:flex;align-items:center;justify-content:center}.profile-avatar-aura{width:80px;height:80px;border-radius:50%;background:var(--glass-bg-base);border:2px solid rgba(0,210,255,.5);box-shadow:0 0 24px #00d2ff66,var(--glass-specular);display:flex;align-items:center;justify-content:center;font-size:2.5rem;transition:all .26s ease}.profile-avatar-aura.color-cyan{border-color:#00d2ff;box-shadow:0 0 24px #00d2ff80}.profile-avatar-aura.color-emerald{border-color:#10b981;box-shadow:0 0 24px #10b98180}.profile-avatar-aura.color-purple{border-color:#a855f7;box-shadow:0 0 24px #a855f780}.profile-avatar-aura.color-rose{border-color:#f43f5e;box-shadow:0 0 24px #f43f5e80}.profile-avatar-aura.color-amber{border-color:#f59e0b;box-shadow:0 0 24px #f59e0b80}.profile-avatar-aura.color-indigo{border-color:#6366f1;box-shadow:0 0 24px #6366f180}.profile-color-pill{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.profile-color-pill:hover{transform:scale(1.18)}.profile-color-pill.active{border-color:#fff;transform:scale(1.22);box-shadow:0 0 10px currentColor}.profile-color-pill.color-cyan{background:#00d2ff;color:#00d2ff}.profile-color-pill.color-emerald{background:#10b981;color:#10b981}.profile-color-pill.color-purple{background:#a855f7;color:#a855f7}.profile-color-pill.color-rose{background:#f43f5e;color:#f43f5e}.profile-color-pill.color-amber{background:#f59e0b;color:#f59e0b}.profile-color-pill.color-indigo{background:#6366f1;color:#6366f1}.profile-avatar-ribbon-wrap{width:100%;overflow-x:auto;scrollbar-width:none}.profile-avatar-ribbon-wrap::-webkit-scrollbar{display:none}.profile-avatar-ribbon-scroll{display:flex;align-items:center;gap:8px;padding:4px 2px}.profile-conflict-alert{padding:10px 14px;border-radius:var(--radius-md);background:#f43f5e26;border:1px solid rgba(244,63,94,.45);color:#fb7185;font-size:.82rem;font-weight:700;display:flex;align-items:center;gap:8px;animation:shakeAlert .3s ease}@keyframes shakeAlert{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.input-has-error{border-color:#f43f5e!important;box-shadow:0 0 12px #f43f5e66!important;background:#f43f5e14!important}.profile-form-group{display:flex;flex-direction:column;gap:8px}.profile-input-field{display:flex;flex-direction:column;gap:4px}.profile-label-with-action{display:flex;align-items:center;justify-content:space-between}.profile-input-label{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:4px}.profile-field-randomize-btn{background:transparent;border:none;color:var(--accent-cyan);font-size:.68rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:3px;padding:1px 5px;border-radius:var(--radius-xs);transition:background .14s ease}.profile-field-randomize-btn:hover{background:#00d2ff1f}.profile-text-input{height:36px;padding:0 10px;font-size:.84rem;border-radius:var(--radius-sm)}.profile-textarea{padding:8px 10px;font-size:.8rem;border-radius:var(--radius-sm);resize:vertical;min-height:48px}.profile-temp-validity-row{display:flex;align-items:center;justify-content:space-between;margin-top:3px}.profile-temp-duration-pill{padding:2px 8px;border-radius:var(--radius-full);font-size:.68rem;font-weight:700;background:var(--glass-bg-subtle);border:1px solid var(--glass-border-light);color:var(--text-secondary);cursor:pointer;transition:all .16s ease}.profile-temp-duration-pill.active{background:#00d2ff38;border-color:var(--accent-cyan);color:#fff}.profile-status-presets-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.profile-status-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-full);background:var(--glass-bg-subtle);border:1px solid var(--glass-border-light);font-size:.72rem;color:var(--text-secondary);cursor:pointer;transition:all .16s ease}.profile-status-chip.active{background:#00d2ff2e;border-color:var(--accent-cyan);color:#fff;font-weight:700;box-shadow:0 0 10px #00d2ff40}.profile-device-card{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);background:var(--glass-bg-subtle);border:1px solid var(--glass-border-light)}.profile-device-info{display:flex;align-items:center;gap:8px}.device-badge-icon{font-size:1.1rem}.device-text-col{display:flex;flex-direction:column;gap:1px}.device-card-title{font-size:.76rem;font-weight:700;color:var(--text-primary)}.device-card-sub{font-size:.68rem;font-family:var(--font-mono);color:var(--text-muted);max-width:220px;overflow:hidden;text-overflow:ellipsis}.mobile-bottom-nav{display:flex!important;position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:auto;min-width:380px;max-width:460px;height:54px;padding:4px 8px;border-radius:999px;background:#0c0c12e0!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 16px 40px #0000008c,0 0 20px #00d2ff14!important;z-index:20000!important;pointer-events:auto!important;align-items:center;justify-content:space-around;gap:4px;box-sizing:border-box;opacity:1!important;transition:transform .26s cubic-bezier(.16,1,.3,1),opacity .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}[data-theme=light] .mobile-bottom-nav{background:#fffffff0!important;border:1px solid #cbd5e1!important;box-shadow:0 16px 40px #0000001a,0 0 20px #0284c70f!important}.mobile-nav-item{flex:1;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:999px;background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .18s cubic-bezier(.16,1,.3,1);user-select:none;-webkit-tap-highlight-color:transparent!important;outline:none!important}.mobile-nav-item:focus,.mobile-nav-item:focus-visible,.mobile-nav-item:active{outline:none!important;-webkit-tap-highlight-color:transparent!important}.mobile-nav-item:hover{color:var(--text-primary);background:#ffffff0f}[data-theme=light] .mobile-nav-item{color:#64748b!important;background:transparent!important;border:none!important;outline:none!important;-webkit-tap-highlight-color:transparent!important}[data-theme=light] .mobile-nav-item:hover{background:#0000000a!important;color:#0f172a!important;border:none!important;outline:none!important}[data-theme=light] .mobile-nav-item:focus,[data-theme=light] .mobile-nav-item:focus-visible,[data-theme=light] .mobile-nav-item:active{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--accent-cyan);background:#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 10px #00000040,0 0 14px #00d2ff2e}[data-theme=light] .mobile-nav-item.active{background:transparent!important;color:#0284c7!important;border:none!important;border-color:transparent!important;box-shadow:none!important;outline:none!important}[data-theme=light] .mobile-nav-item.active .nav-icon-wrap svg{filter:none!important;color:#0284c7!important}.mobile-nav-item .nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.mobile-nav-item .nav-icon-wrap svg{width:18px;height:18px;stroke-width:2.2;transition:transform .18s ease,filter .18s ease}.mobile-nav-item:hover .nav-icon-wrap svg{transform:scale(1.08)}.mobile-nav-item.active .nav-icon-wrap svg{stroke-width:2.4;filter:drop-shadow(0 0 8px rgba(0,210,255,.5))}.nav-badge{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;border-radius:var(--radius-full);background:var(--accent-cyan);color:#000;font-size:.62rem;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 10px #00d2ff99}.mobile-nav-item .nav-label{font-size:.82rem;font-weight:600;letter-spacing:.01em;transition:color .18s ease,font-weight .18s ease}.mobile-nav-item.active .nav-label{font-weight:800;color:var(--accent-cyan)}[data-theme=light] .mobile-nav-item.active .nav-label{color:#0284c7}@media(max-width:900px){#header-profile-btn,#header-inbox-btn,#header-calls-btn,#room-settings-btn,#close-inbox-drawer-btn{display:none!important}.inbox-drawer-backdrop{background:#000;z-index:1040}.inbox-drawer-sheet{max-width:100%!important;width:100%!important;border:none!important;box-shadow:none!important;padding:calc(var(--safe-top, 0px) + 16px) 18px 0 18px!important;border-radius:0!important;background:#000}.inbox-threads-scroll{flex:1;overflow-y:auto;padding-top:6px!important;padding-left:4px!important;padding-right:4px!important;padding-bottom:calc(var(--safe-bottom, 0px) + 220px)!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch}.inbox-threads-list{display:flex;flex-direction:column;gap:8px!important;overflow:visible!important;padding:4px 2px 40px!important}.inbox-thread-item{padding:13px 16px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:16px!important;margin:0!important;position:relative!important;z-index:1!important}.inbox-thread-item:hover,.inbox-thread-item:active{background:#ffffff12!important;border-color:#00d2ff59!important;z-index:5!important}[data-theme=light] .inbox-thread-item{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .inbox-thread-item:active{background:#f1f5f9!important}.thread-unread-pill{background:#10b981!important;color:#000!important;font-weight:800!important;font-size:.7rem!important;padding:2px 7px!important}.mobile-bottom-nav{display:flex}body.in-chat-room .mobile-bottom-nav{display:none!important}#lobby-view{padding-bottom:calc(76px + var(--safe-bottom))!important}}.profile-sheet-header{padding:calc(var(--safe-top, 0px) + 14px) 18px 12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);background:#000!important;flex-shrink:0}.profile-header-title{display:flex;align-items:center;gap:12px}.profile-header-icon-box{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#00d2ff33,#a855f733);border:1px solid rgba(0,210,255,.35);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);box-shadow:0 0 16px #00d2ff40;flex-shrink:0}.profile-header-text{display:flex;align-items:center;gap:8px}.profile-header-text h3,.profile-header-title h3{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.profile-header-badge{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#00d2ff1f;color:var(--accent-cyan);border:1px solid rgba(0,210,255,.28);letter-spacing:.03em;text-transform:uppercase}.profile-sheet-body{flex:1;padding:16px 16px calc(var(--safe-bottom, 0px) + 90px) 16px!important;overflow-y:auto;display:flex;flex-direction:column;gap:26px!important;scrollbar-width:none}.profile-sheet-body::-webkit-scrollbar{display:none}.profile-hero-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:14px}.profile-hero-avatar-area{display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-hero-avatar-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.profile-hero-qr-tile{width:44px;height:44px;border-radius:14px;background:#00d2ff14;border:1px solid rgba(0,210,255,.28);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00d2ff26}.profile-hero-qr-tile:hover{transform:translateY(-2px) scale(1.06);background:#00d2ff2e;border-color:#00d2ff8c;box-shadow:0 6px 20px #00d2ff59;color:#fff}.profile-hero-qr-tile:active{transform:scale(.94)}.profile-avatar-aura{width:48px!important;height:48px!important;border-radius:50%;background:#0d0f17;border:2px solid var(--accent-cyan);box-shadow:0 0 16px #00d2ff59;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;overflow:hidden}#current-avatar-display.identity-avatar-btn{width:44px!important;height:44px!important;min-width:44px!important}.profile-avatar-aura.color-cyan{border-color:#00d2ff;box-shadow:0 0 16px #00d2ff66}.profile-avatar-aura.color-emerald{border-color:#10b981;box-shadow:0 0 16px #10b98166}.profile-avatar-aura.color-purple{border-color:#a855f7;box-shadow:0 0 16px #a855f766}.profile-avatar-aura.color-rose{border-color:#f43f5e;box-shadow:0 0 16px #f43f5e66}.profile-avatar-aura.color-amber{border-color:#f59e0b;box-shadow:0 0 16px #f59e0b66}.profile-avatar-aura.color-indigo{border-color:#6366f1;box-shadow:0 0 16px #6366f166}.profile-avatar-clickable{cursor:pointer;position:relative;user-select:none;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease}.profile-avatar-clickable:hover{transform:scale(1.08);box-shadow:0 0 20px #00d2ff8c}.profile-avatar-clickable:active{transform:scale(.92)}.profile-avatar-emoji{font-size:1.3rem;line-height:1;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:transform .15s ease}.avatar-pop-anim{animation:avatarPop .32s cubic-bezier(.175,.885,.32,1.275)}@keyframes avatarPop{0%{transform:scale(.75) rotate(-15deg)}50%{transform:scale(1.18) rotate(10deg)}to{transform:scale(1) rotate(0)}}.profile-avatar-monogram{font-family:var(--font-sans);font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:-.03em}.profile-hero-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.profile-hero-name-row{display:flex;align-items:center;gap:6px}.profile-hero-name{font-size:1.15rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em}.profile-verified-badge{display:inline-flex;align-items:center;gap:3px;background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#10b981;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:var(--radius-full)}.profile-hero-sub-row{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-secondary)}.profile-hero-handle{font-family:var(--font-mono);color:var(--accent-cyan);font-weight:700}.profile-dot-sep{color:var(--text-tertiary);font-size:.7rem}.profile-hero-status-tag{color:var(--text-secondary);font-weight:600;font-size:.74rem}.profile-hardware-strip{width:100%;display:flex;align-items:center;margin:6px 0 2px}.hardware-key-pill{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);color:var(--text-tertiary);font-size:.74rem;font-family:var(--font-mono);user-select:none;cursor:default;box-sizing:border-box}.hardware-key-left{display:flex;align-items:center;gap:6px;color:var(--text-muted);flex-shrink:0}.hardware-key-label{font-weight:700;font-size:.65rem;letter-spacing:.06em;color:var(--text-muted)}.hardware-key-code{letter-spacing:.03em;color:var(--accent-cyan);font-weight:600}.profile-color-picker-wrap{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.picker-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.profile-theme-colors{display:flex;align-items:center;gap:8px}.profile-color-pill{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .16s ease;padding:0}.profile-color-pill:hover{transform:scale(1.15)}.profile-color-pill.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 10px currentColor}.settings-group{display:flex;flex-direction:column;gap:6px;width:100%}.settings-group-header{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:0 4px}.profile-sheet-body .settings-group{margin-top:4px;gap:8px}.profile-sheet-body .settings-group-header{margin-bottom:2px;letter-spacing:.08em}.settings-group-card{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.04);gap:12px;min-height:50px;box-sizing:border-box}.settings-row:last-child{border-bottom:none}.settings-row-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.settings-row-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-row-icon.icon-cyan{background:#00d2ff1f;color:#00d2ff}.settings-row-icon.icon-indigo{background:#6366f11f;color:#818cf8}.settings-row-icon.icon-rose{background:#f43f5e1f;color:#fb7185}.settings-row-icon.icon-purple{background:#a855f71f;color:#c084fc}.settings-row-icon.icon-emerald{background:#10b9811f;color:#34d399}.settings-row-icon.icon-amber{background:#f59e0b1f;color:#fbbf24}.settings-row-text-group{display:flex;flex-direction:column;gap:1px}.settings-row-label{font-size:.84rem;font-weight:700;color:var(--text-primary);line-height:1.2}.settings-row-subtext{font-size:.67rem;color:var(--text-tertiary);font-weight:400;line-height:1.2}.settings-row-text{display:flex;flex-direction:column;gap:1px;min-width:0}.settings-row-title{font-size:.84rem;font-weight:700;color:var(--text-primary);line-height:1.2}.settings-row-desc{font-size:.7rem;color:var(--text-tertiary);line-height:1.2}.settings-row-right-val{display:flex;align-items:center;gap:8px;flex-shrink:0;max-width:55%;justify-content:flex-end}.settings-val-text{font-size:.84rem;font-weight:600;color:var(--text-secondary)}.settings-val-truncate-wrap{min-width:0}.settings-val-truncate{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.settings-locked-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-tertiary);user-select:none;flex-shrink:0}.settings-locked-badge.hidden{display:none!important}.status-indicator-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--radius-full);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-size:.74rem;font-weight:700;color:var(--text-primary);user-select:none}.status-dropdown-chevron{color:var(--text-muted);transition:transform .16s ease,color .16s ease}.settings-row:hover .status-dropdown-chevron{color:var(--text-primary)}.profile-status-dropdown{background:#12141cfa;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:6px;box-shadow:0 16px 40px #000c,0 0 20px #00d2ff1a;display:flex;flex-direction:column;gap:3px;margin-top:6px;animation:dropdownFadeDown .16s ease-out;z-index:50}.profile-status-dropdown.hidden{display:none!important}@keyframes dropdownFadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.status-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background .13s ease;user-select:none}.status-dropdown-item:hover{background:#ffffff0f}.status-dropdown-item.active{background:#00d2ff1a}.status-item-text{display:flex;flex-direction:column;gap:1px;flex:1}.status-item-title{font-size:.82rem;font-weight:700;color:var(--text-primary)}.status-item-desc{font-size:.68rem;color:var(--text-tertiary)}.status-item-check{font-size:.85rem;font-weight:800;color:var(--accent-cyan);opacity:0}.status-dropdown-item.active .status-item-check{opacity:1}.settings-toggle-row{cursor:pointer;transition:background .14s ease;user-select:none}.settings-toggle-row:hover{background:#ffffff08}.settings-toggle-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-full);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-size:.68rem;font-weight:800;color:var(--text-tertiary);transition:all .18s cubic-bezier(.16,1,.3,1);flex-shrink:0;user-select:none}.pill-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);transition:all .18s ease}.settings-toggle-row.is-active .settings-toggle-pill{background:#10b98124;border-color:#10b98166;color:#10b981;box-shadow:0 0 10px #10b98126}.settings-toggle-row.is-active .pill-dot{background:#10b981;box-shadow:0 0 6px #10b981}.settings-action-row{cursor:pointer;transition:background .14s ease;user-select:none}.settings-action-row:hover{background:#ffffff0a}.row-arrow-icon{color:var(--text-muted);transition:transform .14s ease,color .14s ease}.settings-action-row:hover .row-arrow-icon{color:var(--text-primary);transform:translate(2px)}.settings-danger-row:hover{background:#ef44440f}.danger-badge{font-size:.68rem;font-weight:800;color:#ef4444;padding:2px 7px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-full)}#edit-name-modal,#edit-username-modal,#edit-bio-modal,#new-dm-modal,#profile-qr-modal,#contact-profile-modal,#qr-modal,#qr-scanner-modal,#room-settings-modal,#feedback-modal,#help-guide-modal{z-index:15000!important}#confirm-modal{z-index:20000!important}#confirm-modal .confirm-modal-content{z-index:20001!important}.inbox-floating-new-btn{position:fixed;bottom:100px;right:max(24px,calc(50vw - 380px));width:56px;height:56px;border-radius:50%;background:#0284c7;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #0284c759;transition:transform .15s ease,background .15s ease;z-index:1050}.inbox-floating-new-btn svg{color:#fff!important;stroke:#fff!important;fill:none!important}.inbox-floating-new-btn:hover{background:#0369a1;transform:scale(1.04)}.inbox-floating-new-btn:active{transform:scale(.96)}[data-theme=light] .inbox-floating-new-btn{background:#0284c7!important;color:#fff!important;box-shadow:0 4px 16px #0284c747!important}[data-theme=light] .inbox-floating-new-btn svg{color:#fff!important;stroke:#fff!important;fill:none!important}@media(max-width:900px){.inbox-floating-new-btn{position:absolute;bottom:calc(var(--safe-bottom, 0px) + 135px)!important;right:22px!important;width:56px!important;height:56px!important}}.contact-conn-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.76rem;font-weight:600;margin-top:6px;transition:all .18s ease}.contact-conn-badge.is-connected{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.3)}.contact-conn-badge.is-connected .conn-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.contact-conn-badge.is-disconnected{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.contact-conn-badge.is-disconnected .conn-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 8px #f59e0b}.edit-field-sheet{background:#12141cfa;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--glass-border-light);box-shadow:0 20px 60px #000c;border-radius:var(--radius-xl);max-width:440px;width:100%;padding:22px;display:flex;flex-direction:column;gap:14px;transform-origin:center center;box-sizing:border-box}.glass-modal-backdrop.active .edit-field-sheet{animation:modalPopOut .28s cubic-bezier(.175,.885,.32,1.15) both!important}.edit-field-header{display:flex;align-items:center;justify-content:space-between}.edit-field-header h3{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin:0}.edit-field-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin:0 0 10px}.edit-field-input-box{position:relative;display:flex;align-items:center;background:#0006;border:1px solid var(--glass-border-light);border-radius:var(--radius-md);padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease}.edit-field-input-box:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 14px #00d2ff40}.edit-input-prefix{font-family:var(--font-mono);font-weight:700;color:var(--accent-cyan);font-size:.95rem;margin-right:4px}.edit-text-input{flex:1;background:transparent!important;border:none!important;outline:none!important;color:var(--text-primary)!important;font-size:.92rem!important;font-weight:600;padding:12px 0!important;box-shadow:none!important}.edit-bio-textarea{resize:none!important;min-height:56px!important;max-height:140px!important;line-height:1.45!important;font-family:inherit!important;overflow-y:hidden;transition:height .12s ease;box-sizing:border-box;padding:8px 0!important}.field-char-count{font-size:.7rem;font-weight:700;color:var(--text-tertiary);margin-left:8px}.edit-lock-notice{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);color:#f59e0b;font-size:.74rem;font-weight:600}.edit-lock-notice.hidden{display:none!important}.edit-field-footer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;width:100%}.edit-field-footer .glass-btn{flex:1;padding:11px 18px;justify-content:center;text-align:center;border-radius:var(--radius-md)!important}.edit-field-footer .glass-btn:not(.glass-btn-primary),.glass-btn-secondary,#space-details-show-qr-btn{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.22);color:var(--text-primary);font-weight:600}.edit-field-footer .glass-btn:not(.glass-btn-primary):hover,.glass-btn-secondary:hover,#space-details-show-qr-btn:hover{background:#ffffff1f;border-color:#ffffff59}.new-dm-footer{display:flex!important;gap:10px!important;width:100%!important;align-items:center!important}.new-dm-footer #new-dm-scan-btn,.new-dm-footer .new-dm-scan-btn{flex:0 0 46px!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;border-radius:14px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.new-dm-footer #new-dm-start-btn,.new-dm-footer .new-dm-start-btn{flex:1!important;height:46px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:.95rem!important}[data-theme=light] body{background:#f8fafc!important;color:#0f172a!important}[data-theme=light] .profile-sheet,[data-theme=light] .inbox-drawer-sheet,[data-theme=light] .calls-drawer-sheet{background:#fff!important;border-left:1px solid rgba(0,0,0,.08)!important;box-shadow:-6px 0 25px #00000014!important}[data-theme=light] .profile-hero-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 20px #0000000a!important}[data-theme=light] .profile-hero-name{color:#0f172a!important}[data-theme=light] .profile-hero-handle{color:#0284c7!important}[data-theme=light] .settings-group-header{color:#64748b!important}[data-theme=light] .settings-group-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 10px #00000008!important}[data-theme=light] .settings-row{border-bottom-color:#f1f5f9!important}[data-theme=light] .settings-row-title,[data-theme=light] .settings-row-label,[data-theme=light] .settings-val-text{color:#0f172a!important}[data-theme=light] .settings-row-desc,[data-theme=light] .settings-row-subtext{color:#64748b!important}[data-theme=light] .settings-action-row:hover{background:#f8fafc!important}[data-theme=light] .hardware-key-pill{background:#f1f5f9!important;border-color:#e2e8f0!important;color:#64748b!important}[data-theme=light] .hardware-key-code{color:#0284c7!important}[data-theme=light] .status-indicator-pill{background:#f1f5f9!important;border-color:#e2e8f0!important;color:#0f172a!important}[data-theme=light] .profile-status-dropdown{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 12px 30px #0000001a!important}[data-theme=light] .status-dropdown-item:hover{background:#f1f5f9!important}[data-theme=light] .status-dropdown-item.active{background:#e0f2fe!important}[data-theme=light] .status-item-title{color:#0f172a!important}[data-theme=light] .status-item-desc{color:#64748b!important}[data-theme=light] .edit-field-sheet{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 20px 50px #00000026!important}[data-theme=light] .edit-field-header h3{color:#0f172a!important}[data-theme=light] .edit-field-desc{color:#475569!important}[data-theme=light] .edit-field-input-box{background:#f8fafc!important;border:1px solid #cbd5e1!important}[data-theme=light] .edit-text-input{color:#0f172a!important}[data-theme=light] .settings-locked-badge{background:#f1f5f9!important;border-color:#e2e8f0!important;color:#64748b!important}[data-theme=light] .header-glass{background:#ffffffeb!important;border-bottom:1px solid rgba(0,0,0,.08)!important}[data-theme=light] .lobby-master-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 30px #0000000a!important}.profile-creator-footer{text-align:center;margin-top:32px;margin-bottom:120px!important;padding:16px 12px 24px;display:flex;flex-direction:column;align-items:center;gap:8px}.profile-creator-footer .creator-heart-badge{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.profile-creator-footer .creator-name{background:linear-gradient(135deg,#00d2ff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.profile-creator-footer .engine-tagline{font-size:.72rem;color:var(--text-secondary);letter-spacing:.01em}.profile-creator-footer .app-version-stamp{font-size:.68rem;color:var(--text-tertiary);letter-spacing:.02em;opacity:.85}.calls-drawer-backdrop{align-items:flex-start;justify-content:flex-start;padding:0;background:transparent!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.calls-drawer-sheet{width:100%;max-width:480px;height:100%;background:#000!important;border:none!important;box-shadow:none!important;display:flex;flex-direction:column;padding:0!important;animation:none;overflow:hidden;box-sizing:border-box}@media(max-width:900px){#close-calls-modal-btn{display:none!important}.calls-drawer-backdrop{background:transparent!important;z-index:1040}.calls-drawer-sheet{max-width:100%!important;width:100%!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;background:#000!important}}.calls-history-scroll{flex:1;overflow-y:auto;padding-top:4px!important;padding-left:0!important;padding-right:0!important;padding-bottom:calc(var(--safe-bottom, 0px) + 220px)!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch}.calls-header{padding:calc(var(--safe-top, 0px) + 14px) 18px 12px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid rgba(255,255,255,.06)!important;background:#000!important;flex-shrink:0!important;height:auto!important;min-height:auto!important;box-sizing:border-box!important}.calls-header-title{display:flex;align-items:center;gap:12px}.calls-header-icon-box{width:36px;height:36px;border-radius:12px;background:#10b98126;border:1px solid rgba(16,185,129,.35);display:flex;align-items:center;justify-content:center;color:#10b981;box-shadow:0 0 16px #10b98133;flex-shrink:0}.calls-header-text{display:flex;align-items:center;gap:8px}.calls-header-text h3{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.calls-header-badge{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.28);letter-spacing:.03em;text-transform:uppercase}.calls-dialer-card{margin:12px 16px 8px;padding:0;width:calc(100% - 32px);box-sizing:border-box}.dialer-capsule-row{position:relative;width:100%;display:flex;align-items:center;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);padding:2px 4px 2px 0;transition:all .2s ease;box-sizing:border-box}.dialer-capsule-row:focus-within{background:#ffffff12;border-color:#00d2ff80;box-shadow:0 0 16px #00d2ff33}.dialer-input-col{position:relative;flex:1;display:flex;align-items:center;height:42px}.dialer-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--accent-cyan)!important;opacity:.95;pointer-events:none;z-index:2;transition:all .18s ease;width:17px;height:17px}.calls-dialer-input{width:100%;height:100%;padding-left:42px;padding-right:10px;background:transparent!important;border:none!important;border-radius:999px;font-size:.88rem;color:var(--text-primary);outline:none;box-shadow:none!important;box-sizing:border-box}.calls-dialer-input:focus{outline:none}.dialer-actions-col{display:flex;align-items:center;gap:6px;padding-right:4px}.dialer-action-btn{width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;padding:0!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1)!important;border:none!important}.dialer-action-btn:hover{transform:scale(1.08)}.dialer-action-btn:active{transform:scale(.94)}#calls-dial-voice-btn{background:#10b981!important;color:#fff!important;box-shadow:none!important;border:none!important}#calls-dial-video-btn{background:#0284c7!important;color:#fff!important;box-shadow:none!important;border:none!important}.calls-section-header{display:flex;align-items:center;justify-content:space-between;margin:14px 16px 10px!important;padding:0!important;width:calc(100% - 32px)!important;box-sizing:border-box!important}.calls-section-title{font-size:.72rem;font-weight:800;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase}.clear-call-logs-link{background:none;border:none;font-size:.75rem;font-weight:700;color:var(--accent-cyan);cursor:pointer;padding:2px 6px;border-radius:6px;transition:all .16s ease}.clear-call-logs-link:hover{color:#38bdf8;background:#00d2ff1a}.calls-history-list{display:flex;flex-direction:column;gap:8px;padding:4px 16px 40px!important;box-sizing:border-box!important}.call-log-row{display:flex;align-items:center;padding:13px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;gap:14px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;user-select:none;cursor:pointer;z-index:1}.call-log-row:hover{background:#ffffff12;border-color:#10b98159;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;z-index:5}.call-log-row:active{z-index:5;transform:scale(.99)}.call-log-row:focus-visible{outline:2px solid rgba(16,185,129,.6);outline-offset:-1px;z-index:5}.call-log-avatar-col{position:relative;flex-shrink:0}.call-log-avatar{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#10b9812e,#00d2ff2e);border:1.5px solid rgba(16,185,129,.4);display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 12px #00000059}.call-type-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid #000000}.call-type-badge.type-voice{background:#10b981;color:#fff}.call-type-badge.type-video{background:#00d2ff;color:#000}.call-log-info-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.call-log-name{font-size:.95rem;font-weight:800;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-log-name.text-danger{color:#f43f5e!important}.call-log-meta-row{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-tertiary)}.call-dir-badge{display:inline-flex;align-items:center;justify-content:center}.call-log-time{font-weight:600}.call-duration-pill{font-size:.66rem;font-weight:700;color:var(--text-secondary);background:#ffffff0f;padding:1px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.call-log-actions-col{display:flex;align-items:center;gap:8px}.call-quick-action-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.call-quick-action-btn.voice-btn:hover{color:#10b981;background:#10b9812e;border-color:#10b98166;transform:scale(1.1)}.call-quick-action-btn.video-btn:hover{color:#00d2ff;background:#00d2ff2e;border-color:#00d2ff66;transform:scale(1.1)}.calls-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px;text-align:center;gap:12px}.calls-radar-pulse{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.radar-circle-ring{position:absolute;border-radius:50%;border:1px solid rgba(16,185,129,.35);animation:radarPulse 2.8s cubic-bezier(.2,.8,.2,1) infinite}.radar-circle-ring.ring-1{width:100%;height:100%}.radar-circle-ring.ring-2{width:100%;height:100%;animation-delay:1.4s}@keyframes radarPulse{0%{transform:scale(.6);opacity:1}to{transform:scale(1.5);opacity:0}}.calls-empty-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#10b98133,#00d2ff33);border:1.5px solid rgba(16,185,129,.45);display:flex;align-items:center;justify-content:center;color:#10b981;box-shadow:0 0 30px #10b9814d;z-index:2}.calls-empty-state h4{font-size:1.2rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.calls-empty-state p{font-size:.84rem;line-height:1.5;margin:0;color:var(--text-secondary);max-width:280px}[data-theme=light] .calls-header-icon-box{background:#10b9811a;border-color:#10b9814d;box-shadow:0 2px 10px #0000000d}[data-theme=light] .calls-dialer-card{background:transparent!important;border:none!important;box-shadow:none!important}[data-theme=light] .dialer-capsule-row{background:#f1f5f9!important;border:1px solid #cbd5e1!important;box-shadow:none!important}[data-theme=light] .dialer-capsule-row:focus-within{background:#fff!important;border-color:#0284c7!important;box-shadow:0 0 0 3px #0284c726!important}[data-theme=light] .calls-dialer-input{background:transparent!important;border:none!important;box-shadow:none!important;color:#0f172a!important}[data-theme=light] .calls-dialer-input::placeholder{color:#94a3b8!important}[data-theme=light] .profile-avatar-aura,[data-theme=light] .chat-header-avatar-orb,[data-theme=light] .thread-avatar,[data-theme=light] .participant-avatar,[data-theme=light] .contact-profile-hero .profile-avatar-aura{background:#f1f5f9!important;color:#0f172a!important}[data-theme=light] .profile-avatar-aura.color-cyan,[data-theme=light] .chat-header-avatar-orb.color-cyan,[data-theme=light] .thread-avatar.color-cyan{border-color:#0284c7!important;box-shadow:0 0 16px #0284c759!important}[data-theme=light] .profile-avatar-aura.color-emerald,[data-theme=light] .chat-header-avatar-orb.color-emerald,[data-theme=light] .thread-avatar.color-emerald{border-color:#10b981!important;box-shadow:0 0 16px #10b98159!important}[data-theme=light] .profile-avatar-aura.color-purple,[data-theme=light] .chat-header-avatar-orb.color-purple,[data-theme=light] .thread-avatar.color-purple{border-color:#a855f7!important;box-shadow:0 0 16px #a855f759!important}[data-theme=light] .profile-avatar-aura.color-rose,[data-theme=light] .chat-header-avatar-orb.color-rose,[data-theme=light] .thread-avatar.color-rose{border-color:#f43f5e!important;box-shadow:0 0 16px #f43f5e59!important}[data-theme=light] .profile-avatar-aura.color-amber,[data-theme=light] .chat-header-avatar-orb.color-amber,[data-theme=light] .thread-avatar.color-amber{border-color:#f59e0b!important;box-shadow:0 0 16px #f59e0b59!important}[data-theme=light] .profile-avatar-aura.color-indigo,[data-theme=light] .chat-header-avatar-orb.color-indigo,[data-theme=light] .thread-avatar.color-indigo{border-color:#6366f1!important;box-shadow:0 0 16px #6366f159!important}[data-theme=light] .call-log-row{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #00000005!important}[data-theme=light] .call-log-row:hover{background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 6px 18px #0000000f!important}[data-theme=light] .call-type-badge{border-color:#fff}[data-theme=light] .call-duration-pill{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}[data-theme=light] .call-quick-action-btn{background:#f8fafc;border-color:#e2e8f0}.incoming-call-backdrop{z-index:9999;background:#000000bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.incoming-call-card{max-width:360px;width:90%;text-align:center;padding:32px 24px;animation:callPopupIn .3s cubic-bezier(.16,1,.3,1)}@keyframes callPopupIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.incoming-avatar-pulsar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#10b9814d,#00d2ff4d);border:2px solid rgba(16,185,129,.6);box-shadow:0 0 30px #10b98180;display:flex;align-items:center;justify-content:center;font-size:2.4rem;margin:0 auto 16px;animation:callerPulse 1.6s infinite ease-in-out}@keyframes callerPulse{0%{transform:scale(1);box-shadow:0 0 16px #10b98166}50%{transform:scale(1.08);box-shadow:0 0 36px #10b981cc}to{transform:scale(1);box-shadow:0 0 16px #10b98166}}.incoming-call-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}.call-action-circle{display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:none;color:#fff;cursor:pointer}.call-action-circle svg{width:58px;height:58px;padding:14px;border-radius:50%;box-sizing:border-box;transition:transform .16s ease}.call-action-circle:active svg{transform:scale(.9)}.decline-btn svg{background:#ef4444;box-shadow:0 4px 18px #ef444480}.answer-voice-btn svg{background:#10b981;box-shadow:0 4px 18px #10b98180}.answer-video-btn svg{background:#0ea5e9;box-shadow:0 4px 18px #0ea5e980}.call-action-circle .action-label{font-size:.76rem;font-weight:700;color:var(--text-secondary)}.active-call-backdrop{position:fixed!important;inset:0!important;width:100vw!important;width:100dvw!important;height:100vh!important;height:100dvh!important;max-width:100%!important;max-height:100%!important;padding:0!important;margin:0!important;border:none!important;border-radius:0!important;background:#080c14!important;z-index:25000!important;box-sizing:border-box!important;display:none}.active-call-backdrop.active{display:flex!important;flex-direction:column!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.active-call-backdrop.is-minimized{display:none!important;pointer-events:none!important}.active-call-viewport{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;background:radial-gradient(circle at 50% 30%,#111827,#080c14)!important;border-radius:0!important;border:none!important;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(var(--safe-top, 0px) + 16px) 20px calc(var(--safe-bottom, 0px) + 28px) 20px;box-sizing:border-box!important}.active-call-top-bar{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;z-index:25;box-sizing:border-box}.call-top-action-btn{display:flex;align-items:center;gap:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-full);padding:8px 16px;color:#fff;font-size:.86rem;font-weight:600;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:all .15s ease}.call-top-action-btn:active{transform:scale(.94);background:#ffffff38}.active-call-security-badge{display:flex;align-items:center;gap:6px;background:#10b9811f;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-full);padding:6px 14px;font-size:.76rem;font-weight:600;color:#10b981}.call-voice-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;flex:1;width:100%;max-width:480px}.call-avatar-pulse-wrapper{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.call-avatar-bubble{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#00d2ff59,#a855f759);border:2px solid var(--accent-cyan);display:flex;align-items:center;justify-content:center;font-size:3.6rem;z-index:2;box-shadow:0 0 40px #00d2ff8c,0 0 80px #00d2ff33}.call-waveform-ring{position:absolute;border-radius:50%;border:1px solid rgba(0,210,255,.4);animation:callWave 2s infinite ease-out}.call-waveform-ring.ring-1{width:140px;height:140px}.call-waveform-ring.ring-2{width:180px;height:180px;animation-delay:.6s}@keyframes callWave{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.4);opacity:0}}.active-call-contact-name{font-size:1.65rem;font-weight:800;color:var(--text-primary);margin:0;text-align:center;letter-spacing:-.02em}.active-call-status-row{display:flex;align-items:center;gap:10px}.call-status-pill{font-size:.82rem;color:#10b981;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.call-timer-pill{font-size:.88rem;color:var(--text-secondary);font-weight:600;font-family:monospace}.call-video-grid{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.remote-video-stream{width:100%;height:100%;object-fit:cover}.local-video-pip{position:absolute;top:calc(var(--safe-top, 0px) + 70px);right:20px;width:110px;height:155px;border-radius:var(--radius-md);object-fit:cover;border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 24px #0009;z-index:10}.active-call-controls-dock{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 24px;background:#ffffff14;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border-light);border-radius:var(--radius-full);z-index:20;flex-shrink:0}@media(max-width:390px){.active-call-controls-dock{gap:10px;padding:10px 16px}.call-control-circle{width:44px;height:44px}}.call-control-circle{width:50px;height:50px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease}.call-control-circle:active{transform:scale(.92)}.call-control-circle.control-active{background:#ef4444!important;color:#fff!important}.call-control-circle.is-video-active{background:#10b981!important;color:#fff!important;border-color:#10b98166!important;box-shadow:0 0 16px #10b98180!important}.end-call-circle{background:#ef4444!important;box-shadow:0 4px 16px #ef444480}.active-call-minibar{position:fixed;top:calc(var(--safe-top, 0px) + 12px);left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:440px;height:58px;background:#0f172af0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,210,255,.35);border-radius:20px;box-shadow:0 12px 36px #0009,0 0 16px #00d2ff33;display:flex;align-items:center;padding:0 14px;gap:12px;z-index:9999;box-sizing:border-box;animation:minibarSlideDown .24s cubic-bezier(.16,1,.3,1) both;cursor:pointer;user-select:none}.active-call-minibar.hidden{display:none!important}@keyframes minibarSlideDown{0%{transform:translate(-50%,-40px);opacity:0}to{transform:translate(-50%);opacity:1}}.minibar-pulse-dot{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981;animation:pulseDot 1.5s infinite;flex-shrink:0}@keyframes pulseDot{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.25);opacity:1}to{transform:scale(.9);opacity:.7}}.minibar-avatar{font-size:1.4rem;flex-shrink:0}.minibar-info{display:flex;flex-direction:column;flex:1;min-width:0}.minibar-name{font-size:.88rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minibar-timer{font-size:.74rem;color:#10b981;font-family:monospace;font-weight:600}.minibar-actions{display:flex;align-items:center;gap:8px}.minibar-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .14s ease}.minibar-btn:active{transform:scale(.9)}.minibar-btn.is-muted{background:#ef4444!important;border-color:#ef4444!important}.minibar-btn.expand-btn{background:#00d2ff33;border-color:#00d2ff66;color:#00d2ff}.minibar-btn.end-btn{background:#ef4444;border-color:#ef4444;color:#fff}@media(min-width:901px){body:not(.has-active-tab) .app-header,body.in-chat-room .app-header{display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:calc(62px + var(--safe-top))!important;z-index:2000!important;background:#090b12f0!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}[data-theme=light] body:not(.has-active-tab) .app-header,[data-theme=light] body.in-chat-room .app-header{background:#fffffff2!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:0 2px 10px #0000000a!important}body.has-active-tab:not(.in-chat-room) .app-header{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.brand-logo{display:flex!important}body.in-chat-room .brand-logo{display:none!important}.inbox-drawer-backdrop,.calls-drawer-backdrop,.profile-drawer-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:1040!important;background:transparent!important}[data-theme=light] .inbox-drawer-backdrop,[data-theme=light] .calls-drawer-backdrop,[data-theme=light] .profile-drawer-backdrop{background:transparent!important}.inbox-drawer-sheet,.calls-drawer-sheet,.profile-sheet{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important;border-radius:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#000!important}[data-theme=light] .inbox-drawer-sheet,[data-theme=light] .calls-drawer-sheet,[data-theme=light] .profile-sheet{background:#fff!important}.inbox-header,.calls-header,.profile-sheet-header{width:100%!important;height:calc(68px + var(--safe-top))!important;min-height:calc(68px + var(--safe-top))!important;padding:var(--safe-top) 32px 0 32px!important;box-sizing:border-box!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:#000!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.inbox-header-title,.calls-header-title,.profile-header-title{max-width:760px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}[data-theme=light] .inbox-header,[data-theme=light] .calls-header,[data-theme=light] .profile-sheet-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important}.inbox-search-bar,.inbox-filter-chips-row,.calls-dialer-card,.calls-section-header{max-width:760px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;box-sizing:border-box!important}.inbox-search-bar{margin-top:18px!important;margin-bottom:12px!important}.inbox-filter-chips-row{margin-bottom:18px!important}.inbox-threads-scroll,.calls-history-scroll{max-width:760px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;flex:1!important;overflow-y:auto!important;padding-top:8px!important;padding-bottom:calc(var(--safe-bottom, 0px) + 220px)!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important}.profile-sheet-body{max-width:740px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;flex:1!important;overflow-y:auto!important;padding:24px 8px 120px!important;box-sizing:border-box!important}.profile-hero-card,.settings-group{max-width:740px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important}}@keyframes desktopViewFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){#header-profile-btn,#header-inbox-btn,#header-calls-btn,#room-settings-btn{display:none!important}.inbox-drawer-backdrop,.calls-drawer-backdrop,.profile-drawer-backdrop{top:0!important;height:100%!important;z-index:1040!important}.inbox-drawer-sheet,.calls-drawer-sheet,.profile-sheet{max-width:100%!important;width:100%!important}}[data-theme=light] .inbox-drawer-backdrop,[data-theme=light] .calls-drawer-backdrop,[data-theme=light] .profile-drawer-backdrop{background:transparent!important}[data-theme=light] .inbox-drawer-sheet,[data-theme=light] .calls-drawer-sheet,[data-theme=light] .profile-sheet{background:#fff!important;color:#0f172a!important}[data-theme=light] .calls-header,[data-theme=light] .inbox-header,[data-theme=light] .profile-sheet-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .inbox-search-input{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#0f172a!important}[data-theme=light] .inbox-search-inner .search-icon{color:#0284c7!important}[data-theme=light] .inbox-filter-chips-row{background:#0000000f!important;border:1px solid #e2e8f0!important}[data-theme=light] .inbox-filter-chip{color:#64748b!important}[data-theme=light] .inbox-filter-chip:hover{background:#0000000a!important;color:#0f172a!important}[data-theme=light] .inbox-filter-chip.active{background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 8px #00000014!important}[data-theme=light] .calls-dialer-input::placeholder,[data-theme=light] .inbox-search-input::placeholder{color:#94a3b8!important}[data-theme=light] .calls-section-title{color:#64748b!important}[data-theme=light] .calls-empty-state h4{color:#0f172a!important}[data-theme=light] .calls-empty-state p{color:#64748b!important}[data-theme=light] .call-log-name{color:#0f172a!important}[data-theme=light] .call-log-meta-row{color:#64748b!important}[data-theme=light] .call-log-row{border-bottom-color:#f1f5f9!important}@media(max-width:900px){.mobile-bottom-nav{bottom:0!important;left:0!important;right:0!important;transform:none!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:calc(58px + var(--safe-bottom))!important;padding:0 0 var(--safe-bottom) 0!important;border-radius:0!important;border-top:1px solid rgba(255,255,255,.08)!important;border-left:none!important;border-right:none!important;border-bottom:none!important;background:#000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 -4px 20px #0009!important;gap:0!important;z-index:20000!important;pointer-events:auto!important}[data-theme=light] .mobile-bottom-nav{background:#fff!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -4px 20px #0000000d!important}.mobile-nav-item{flex-direction:column!important;gap:3px!important;padding:0!important;border-radius:0!important;background:transparent!important;border:none!important;box-shadow:none!important}.mobile-nav-item .nav-icon-wrap svg{width:22px!important;height:22px!important}.mobile-nav-item .nav-label{font-size:.7rem!important}}@media(max-width:900px){.inbox-drawer-backdrop,.calls-drawer-backdrop,.profile-drawer-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:1040!important;background:transparent!important}.inbox-drawer-sheet,.calls-drawer-sheet,.profile-sheet{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important;border-radius:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.inbox-header,.calls-header,.profile-sheet-header{width:100%!important;padding:calc(var(--safe-top, 0px) + 14px) 18px 12px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid rgba(255,255,255,.06)!important;background:#000!important;flex-shrink:0!important;box-sizing:border-box!important;height:auto!important;min-height:auto!important}.inbox-search-bar,.inbox-filter-chips-row,.calls-dialer-card{padding:0!important;margin:12px 18px 8px!important;width:calc(100% - 36px)!important;box-sizing:border-box!important}.inbox-filter-chips-row{margin:6px 18px 12px!important}.inbox-threads-scroll,.calls-history-scroll{padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(var(--safe-bottom, 0px) + 220px)!important;box-sizing:border-box!important}.profile-sheet-body{padding:16px 18px calc(var(--safe-bottom, 0px) + 160px) 18px!important}[data-theme=dark] .inbox-drawer-backdrop,[data-theme=dark] .calls-drawer-backdrop,[data-theme=dark] .profile-drawer-backdrop{background:transparent!important}[data-theme=dark] .inbox-drawer-sheet,[data-theme=dark] .calls-drawer-sheet,[data-theme=dark] .profile-sheet{background:#000!important}[data-theme=light] .inbox-drawer-backdrop,[data-theme=light] .calls-drawer-backdrop,[data-theme=light] .profile-drawer-backdrop{background:transparent!important}[data-theme=light] .inbox-drawer-sheet,[data-theme=light] .calls-drawer-sheet,[data-theme=light] .profile-sheet{background:#fff!important}}.profile-qr-card{max-width:380px!important;text-align:center;padding:24px!important;display:flex;flex-direction:column;gap:16px}.modal-title-with-badge{display:flex;align-items:center;gap:10px}.qr-shield-badge{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#10b98124;color:#10b981;border:1px solid rgba(16,185,129,.35);letter-spacing:.04em;text-transform:uppercase}.profile-qr-body{display:flex;flex-direction:column;align-items:center;gap:14px}.qr-canvas-holder{position:relative;width:220px;height:220px;margin:4px auto;border-radius:20px;background:#fff;padding:12px;box-shadow:0 0 30px #00d2ff47,0 8px 32px #0009;border:2px solid rgba(0,210,255,.4);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.profile-qr-canvas{width:100%!important;height:100%!important;display:block}.qr-center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;background:#0d0f17;border-radius:10px;border:2px solid #00d2ff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px #00d2ff99}.qr-center-logo img{width:26px;height:26px;object-fit:contain}.qr-user-info-strip{display:flex;flex-direction:column;align-items:center;gap:2px}.qr-user-name{font-size:1.25rem;font-weight:800;color:var(--text-primary)}.qr-user-handle{font-size:.88rem;color:var(--accent-cyan);font-weight:600}.qr-privacy-hint{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin:2px 0 6px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);width:100%;box-sizing:border-box}.qr-privacy-hint svg{color:var(--accent-cyan);flex-shrink:0}.qr-modal-actions{display:flex;align-items:center;gap:10px;width:100%}.qr-copy-main-btn{flex:1;height:44px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px}.qr-action-icon-btn{width:44px!important;height:44px!important;min-width:44px!important;border-radius:var(--radius-md)!important;flex-shrink:0;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--text-primary)!important}.qr-action-icon-btn:hover{background:#ffffff24!important}[data-theme=light] .qr-action-icon-btn{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#0f172a!important}[data-theme=light] .qr-action-icon-btn:hover{background:#e2e8f0!important}.contact-profile-card{max-width:440px!important;width:min(440px,calc(100vw - 32px))!important;max-height:88vh!important;overflow-y:auto!important;overscroll-behavior:contain;padding:24px 22px 28px!important;border-radius:var(--radius-lg)!important}.contact-profile-card .modal-header,.profile-qr-card .modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding-bottom:12px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;margin-bottom:8px!important}.contact-profile-card .modal-header h3,.profile-qr-card .modal-header h3{font-size:1.15rem!important;font-weight:800!important;color:var(--text-primary)!important;margin:0!important}.close-modal-btn,#close-feedback-modal-btn,#close-help-guide-modal-btn,#close-new-dm-btn,#close-settings-modal-btn,#close-space-details-btn,#close-chat-context-btn,#close-contact-profile-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;aspect-ratio:1 / 1!important;border-radius:50%!important;padding:0!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.contact-profile-card .close-modal-btn,.profile-qr-card .close-modal-btn{margin-left:auto!important;flex-shrink:0!important}.contact-profile-body{display:flex;flex-direction:column;gap:14px}.contact-profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;margin-bottom:2px}.contact-profile-hero .profile-avatar-aura{width:68px!important;height:68px!important;font-size:2.2rem!important}.contact-inspector-name{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin:4px 0 0}.contact-inspector-handle{font-size:.9rem;color:var(--accent-cyan);font-weight:600;margin-bottom:6px}.contact-detail-items{display:flex;flex-direction:column;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:14px}.contact-detail-row{display:flex;flex-direction:column;gap:3px}.contact-detail-row:not(:last-child){padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.contact-detail-row .detail-label{font-size:.68rem;font-weight:700;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.contact-detail-row .detail-code{font-family:var(--font-mono, monospace);font-size:.85rem;color:var(--accent-cyan);word-break:break-all}.contact-detail-row .detail-val{font-size:.85rem;color:var(--text-secondary)}.contact-knock-row{margin-top:0;margin-bottom:0}.contact-knock-row button{background:#0284c7!important;border:1px solid #0284c7!important;color:#fff!important;height:44px!important;font-size:.92rem!important;font-weight:600!important;box-shadow:none!important}.contact-inspector-actions{display:flex;gap:10px;margin-top:-4px}.contact-action-pill-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;box-shadow:none!important}.contact-detail-row.tap-to-copy-row{cursor:pointer;transition:all .18s ease;border-radius:8px;padding:6px 8px;margin:-4px -8px;user-select:none}.contact-detail-row.tap-to-copy-row:hover{background:#00d2ff14}.contact-detail-row.tap-to-copy-row:active{transform:scale(.99)}.detail-copy-hint{font-size:.65rem;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.04em;opacity:.85}.contact-shared-media-section{margin-top:4px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}.shared-media-header{display:flex;align-items:center;justify-content:space-between}.shared-media-title-group{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.shared-media-title-group h4{font-size:.94rem;font-weight:700;margin:0;letter-spacing:-.01em}.shared-media-badge{font-size:.72rem;font-weight:700;color:var(--accent-cyan);background:#00d2ff1a;padding:2px 8px;border-radius:999px;border:1px solid rgba(0,210,255,.25)}.shared-media-tabs{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:3px;gap:4px}.shared-tab-btn{flex:1;padding:7px 10px;border-radius:8px;border:none;background:transparent;color:var(--text-tertiary);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .16s ease}.shared-tab-btn.active{background:#ffffff1a;color:var(--text-primary);box-shadow:0 2px 6px #00000040}.shared-tab-btn .tab-count{font-size:.72rem;opacity:.75;font-weight:600}.shared-photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:220px;overflow-y:auto;padding:2px}.shared-photo-thumb{aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.shared-photo-thumb:hover{transform:scale(1.03);box-shadow:0 4px 12px #0006}.shared-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.shared-files-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;padding:2px}.shared-file-card{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;box-sizing:border-box}.shared-file-icon{width:32px;height:32px;border-radius:8px;background:#00d2ff1f;color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0}.shared-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.shared-file-name{font-size:.82rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shared-file-meta{font-size:.7rem;color:var(--text-tertiary);font-weight:500}.shared-file-dl-btn{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);text-decoration:none;transition:all .16s ease;flex-shrink:0}.shared-file-dl-btn:hover{background:var(--accent-cyan);color:#000;border-color:var(--accent-cyan)}.shared-media-empty{padding:24px 16px;text-align:center;color:var(--text-tertiary);font-size:.8rem;background:#ffffff05;border-radius:10px;border:1px dashed rgba(255,255,255,.08)}.chat-context-modal-backdrop{z-index:10050!important}.chat-context-card{max-width:380px!important;width:min(380px,calc(100vw - 32px))!important;padding:22px 20px 24px!important;border-radius:24px!important;background:#0d111d!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 60px #000000d9,0 0 35px #00d2ff1f!important;box-sizing:border-box}.chat-context-header{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}.chat-context-avatar-orb{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;border:1.5px solid rgba(0,210,255,.45);background:#00d2ff26;box-shadow:0 4px 14px #00000059}.chat-context-header-info{flex:1;min-width:0}.chat-context-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.chat-context-subtitle{font-size:.75rem;color:var(--text-tertiary);font-weight:600;display:block}.chat-context-actions-list{display:flex;flex-direction:column;gap:4px}.chat-context-action-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:transparent;border:none;cursor:pointer;text-align:left;width:100%;transition:all .16s ease;user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.chat-context-action-row:hover{background:#ffffff0f}.chat-context-action-row:active{transform:scale(.98);background:#ffffff17}.action-icon-box{width:36px;height:36px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--text-primary);flex-shrink:0;transition:all .16s ease}.action-text-col{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.action-main-text{font-size:.88rem;font-weight:700;color:var(--text-primary);line-height:1.2}.action-sub-text{font-size:.72rem;color:var(--text-tertiary);line-height:1.2}.chat-context-divider{height:1px;background:#ffffff14;margin:4px 0}.chat-context-action-row.is-danger:hover{background:#f43f5e1a}.action-icon-box.danger-icon{color:#f43f5e;background:#f43f5e1f;border-color:#f43f5e40}.action-main-text.danger-text{color:#f43f5e}[data-theme=light] .contact-profile-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 40px -4px #0000001a!important}[data-theme=light] .contact-shared-media-section{border-top-color:#e2e8f0}[data-theme=light] .shared-media-tabs{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .shared-tab-btn.active{background:#fff;color:#0f172a;box-shadow:0 2px 4px #0000000f}[data-theme=light] .shared-photo-thumb{border-color:#e2e8f0;background:#f8fafc}[data-theme=light] .shared-file-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .shared-file-dl-btn{background:#fff;border-color:#cbd5e1;color:#1e293b}[data-theme=light] .shared-media-empty{background:#f8fafc;border-color:#e2e8f0;color:#64748b}[data-theme=light] .chat-context-card{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 20px 45px #0f172a26,0 2px 8px #0000000a!important}[data-theme=light] .chat-context-header{border-bottom-color:#f1f5f9}[data-theme=light] .chat-context-action-row:hover{background:#f1f5f9}[data-theme=light] .action-icon-box{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}[data-theme=light] .chat-context-divider{background:#f1f5f9}[data-theme=light] .archived-inbox-row{background:#fff;border:1px dashed #cbd5e1}[data-theme=light] .archived-inbox-row:hover{background:#f8fafc;border-color:#94a3b8}[data-theme=light] .archived-row-count{background:#e2e8f0;color:#475569}[data-theme=light] .contact-detail-items{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .contact-detail-row:not(:last-child){border-bottom:1px solid #e2e8f0!important}[data-theme=light] .contact-detail-row .detail-label{color:#64748b!important}[data-theme=light] .contact-detail-row .detail-val{color:#334155!important}[data-theme=light] .contact-detail-row .detail-code{color:#0284c7!important}[data-theme=light] .profile-qr-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 40px -4px #0000001a!important}[data-theme=light] .profile-qr-card .modal-header{border-bottom:1px solid #e2e8f0!important}[data-theme=light] .qr-privacy-hint{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#334155!important}[data-theme=light] .qr-privacy-hint svg{color:#0284c7!important}[data-theme=light] .qr-canvas-holder{background:#fff!important;border:2px solid #0284c7!important;box-shadow:0 4px 20px #0284c726!important}[data-theme=light] .qr-center-logo{background:#fff!important;border:2px solid #0284c7!important;box-shadow:0 2px 8px #0000001a!important}[data-theme=light] .qr-user-name{color:#0f172a!important}[data-theme=light] .qr-user-handle{color:#0284c7!important}.glass-toast-admission{min-width:290px!important;max-width:min(92vw,380px)!important;width:auto!important;padding:14px 16px!important;border-radius:18px!important;background:#0c0e16fa!important;border:1px solid rgba(0,210,255,.35)!important;box-shadow:0 16px 40px #000000d9,0 0 20px #00d2ff26!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;text-align:left!important;box-sizing:border-box!important}.glass-toast-admission .toast-content{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important}.glass-toast-admission .toast-title{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important}.glass-toast-admission .badge-peer{white-space:nowrap!important;flex-shrink:0!important;min-width:max-content!important;text-transform:uppercase!important;padding:3px 8px!important;letter-spacing:.04em!important}.glass-toast-admission .toast-desc{display:block!important;font-size:.78rem!important;color:var(--text-secondary)!important}.glass-toast-admission .toast-actions-row{display:flex!important;align-items:center!important;gap:10px!important;margin-top:6px!important;width:100%!important}.glass-toast-admission .admit-btn,.glass-toast-admission .decline-btn{flex:1!important;height:38px!important;min-height:38px!important;border-radius:10px!important;font-weight:700!important;font-size:.86rem!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 12px!important;cursor:pointer!important;transition:all .18s ease!important}.glass-toast-admission .admit-btn{background:#10b981!important;border:1px solid #10b981!important;color:#fff!important;box-shadow:none!important}.glass-toast-admission .admit-btn:hover{background:#059669!important;border-color:#059669!important}.glass-toast-admission .decline-btn{background:#ef4444!important;border:1px solid #ef4444!important;color:#fff!important;box-shadow:none!important}.glass-toast-admission .decline-btn:hover{background:#dc2626!important;border-color:#dc2626!important}[data-theme=light] .glass-toast-admission{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 14px 36px #0f172a1f,0 2px 8px #0000000a!important}[data-theme=light] .glass-toast-admission .toast-title{color:#0f172a!important}[data-theme=light] .glass-toast-admission .toast-desc{color:#64748b!important}[data-theme=light] #confirm-modal-cancel-btn,[data-theme=light] .confirm-modal-actions .glass-btn:not(.glass-btn-danger):not(.glass-btn-primary),[data-theme=light] .edit-field-footer .glass-btn:not(.glass-btn-primary),[data-theme=light] .glass-btn-secondary,[data-theme=light] #space-details-show-qr-btn,[data-theme=light] .help-guide-footer .glass-btn:not(.glass-btn-primary),[data-theme=light] .feedback-actions .glass-btn:not(.glass-btn-primary),[data-theme=light] #cancel-waiting-btn,[data-theme=light] #cancel-edit-name-btn,[data-theme=light] #cancel-edit-username-btn,[data-theme=light] #cancel-edit-bio-btn{background:#fff!important;border:1.5px solid #000000!important;color:#000!important;font-weight:700!important;box-shadow:0 1px 3px #0000000f!important}[data-theme=light] #confirm-modal-cancel-btn:hover,[data-theme=light] .confirm-modal-actions .glass-btn:not(.glass-btn-danger):not(.glass-btn-primary):hover,[data-theme=light] .edit-field-footer .glass-btn:not(.glass-btn-primary):hover,[data-theme=light] .glass-btn-secondary:hover,[data-theme=light] #space-details-show-qr-btn:hover,[data-theme=light] #cancel-waiting-btn:hover,[data-theme=light] #cancel-edit-name-btn:hover,[data-theme=light] #cancel-edit-username-btn:hover,[data-theme=light] #cancel-edit-bio-btn:hover{background:#f1f5f9!important;border-color:#000!important;color:#000!important}[data-theme=light] #confirm-modal-cancel-btn:active,[data-theme=light] .edit-field-footer .glass-btn:not(.glass-btn-primary):active,[data-theme=light] .glass-btn-secondary:active,[data-theme=light] #space-details-show-qr-btn:active{background:#e2e8f0!important;transform:scale(.98)!important}[data-theme=light] .contact-detail-row.tap-to-copy-row:hover{background:#f1f5f9!important}[data-theme=light] .detail-copy-hint{color:#0284c7!important}.hardware-setup-backdrop{z-index:10000!important;background:#04060cd1!important;backdrop-filter:blur(28px) saturate(180%)!important;-webkit-backdrop-filter:blur(28px) saturate(180%)!important;position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.hardware-setup-backdrop.active{display:flex!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}.hardware-setup-card{width:100%;max-width:490px;max-height:min(92vh,760px);overflow-y:auto;overflow-x:hidden;border-radius:24px;padding:26px 22px;background:var(--glass-bg-elevated, rgba(13, 16, 26, .94));border:1px solid var(--glass-border-light, rgba(255, 255, 255, .16));box-shadow:0 28px 70px #0009,0 0 35px #00d2ff2e;animation:modalPopOut .26s cubic-bezier(.16,1,.3,1) both;scrollbar-width:thin;position:relative}.hardware-setup-card.shake-anim{animation:shakeCard .44s ease-in-out}@keyframes shakeCard{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.hw-setup-hero{text-align:center;margin-bottom:18px}.hw-setup-badge-glow{width:58px;height:58px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,210,255,.25) 0%,rgba(99,102,241,.15) 70%,transparent 100%);border:1.5px solid rgba(0,210,255,.35);box-shadow:0 0 20px #00d2ff4d;color:var(--accent-cyan, #00d2ff)}.hw-setup-title{font-size:1.32rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 6px}.hw-setup-subtitle{font-size:.84rem;color:var(--text-muted);line-height:1.45;margin:0 auto;max-width:390px}.hw-device-strip{background:#00d2ff0d;border:1px solid rgba(0,210,255,.18);border-radius:12px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.hw-strip-left{display:flex;align-items:center;gap:7px;min-width:0;color:var(--accent-cyan, #00d2ff);font-size:.78rem}.hw-strip-label{font-weight:700;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.hw-strip-key{font-family:JetBrains Mono,monospace,monospace;font-size:.76rem;color:var(--accent-cyan, #00d2ff);background:#00d2ff1a;padding:2px 7px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hw-strip-copy-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease;flex-shrink:0}.hw-strip-copy-btn:hover{background:#ffffff14;color:var(--text-primary)}.hw-setup-form{display:flex;flex-direction:column;gap:14px}.hw-input-group{display:flex;flex-direction:column;gap:6px}.hw-input-label{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.hw-label-required{font-size:.72rem;color:#f59e0b;font-weight:600}.hw-label-optional{font-size:.72rem;color:var(--text-muted);font-weight:500}.hw-username-field-wrap{position:relative;display:flex;align-items:center}.hw-field-prefix{position:absolute;left:14px;font-size:1.1rem;font-weight:700;color:var(--accent-cyan, #00d2ff);pointer-events:none;user-select:none}.hw-username-field-wrap .hw-field-input{padding-left:32px!important;font-weight:600;font-size:.95rem}.hw-setup-status-pill{font-size:.74rem;font-weight:600;padding:4px 10px;border-radius:8px;display:inline-flex;align-items:center;gap:5px;transition:all .18s ease;width:fit-content}.hw-setup-status-pill.neutral{color:var(--text-muted);background:#ffffff0a}.hw-setup-status-pill.checking{color:#f59e0b;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25)}.hw-setup-status-pill.success{color:#10b981;background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.hw-setup-status-pill.error{color:#ef4444;background:#ef44441f;border:1px solid rgba(239,68,68,.25)}.hw-terms-box{background:#ffffff08;border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;margin-top:4px}.hw-terms-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;color:var(--text-secondary);font-size:.8rem;font-weight:700;transition:color .15s ease}.hw-terms-header:hover{color:var(--text-primary)}.hw-terms-header-left{display:flex;align-items:center;gap:7px;color:var(--accent-cyan, #00d2ff)}.hw-terms-header-left span{color:var(--text-primary)}.terms-chevron{color:var(--text-muted);transition:transform .2s ease}.hw-terms-content{display:none}.hw-terms-content.expanded{display:block}.terms-scroll-inner{max-height:150px;overflow-y:auto;padding-right:6px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}.terms-section h5{font-size:.77rem;font-weight:700;color:var(--text-primary);margin:0 0 3px}.terms-section p{font-size:.74rem;color:var(--text-muted);line-height:1.45;margin:0}.terms-section.highlight{background:#00d2ff0d;border:1px solid rgba(0,210,255,.15);padding:8px 10px;border-radius:8px}.terms-section.highlight h5{color:var(--accent-cyan, #00d2ff)}.terms-section.highlight p{color:var(--text-secondary)}.hw-terms-checkbox-wrap{display:flex;align-items:flex-start;gap:10px;cursor:pointer;user-select:none;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.hw-checkbox{position:absolute;opacity:0;width:0;height:0}.hw-checkbox-custom{width:18px;height:18px;border-radius:5px;border:1.5px solid rgba(255,255,255,.25);background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .15s ease}.hw-checkbox:checked+.hw-checkbox-custom{background:var(--accent-cyan, #00d2ff);border-color:var(--accent-cyan, #00d2ff)}.hw-checkbox:checked+.hw-checkbox-custom:after{content:"";width:5px;height:9px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.hw-checkbox-label{font-size:.76rem;color:var(--text-secondary);line-height:1.4}.hw-checkbox-label strong{color:var(--text-primary)}.hw-setup-btn{width:100%!important;height:48px!important;border-radius:14px!important;font-size:.94rem!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-top:6px!important;transition:all .2s ease!important}.hw-setup-btn:disabled{opacity:.45!important;cursor:not-allowed!important;filter:grayscale(.4)!important}.hw-setup-btn.ready{opacity:1!important;box-shadow:0 0 22px #00d2ff66!important;transform:translateY(-1px)!important}[data-theme=light] .hardware-setup-backdrop{background:#f0f3f8e0!important}[data-theme=light] .hardware-setup-card{background:#fffffff7!important;border-color:#0000001f!important;box-shadow:0 24px 60px #00000026,0 0 35px #0284c71f!important}[data-theme=light] .hw-setup-badge-glow{background:radial-gradient(circle,rgba(2,132,199,.18) 0%,rgba(99,102,241,.08) 70%,transparent 100%)!important;border-color:#0284c74d!important;color:#0284c7!important}[data-theme=light] .hw-device-strip{background:#0284c70f!important;border-color:#0284c72e!important}[data-theme=light] .hw-strip-left,[data-theme=light] .hw-strip-key,[data-theme=light] .hw-field-prefix{color:#0284c7!important}[data-theme=light] .hw-terms-box{background:#f8fafc!important;border-color:#00000014!important}[data-theme=light] .hw-terms-checkbox-wrap{border-top-color:#00000014!important}[data-theme=light] .hw-checkbox-custom{background:#fff!important;border-color:#0000004d!important}[data-theme=light] .hw-checkbox:checked+.hw-checkbox-custom{background:#0284c7!important;border-color:#0284c7!important}[data-theme=light] .hw-checkbox:checked+.hw-checkbox-custom:after{border-color:#fff!important}.admin-audit-backdrop{z-index:100050!important;display:flex;align-items:center;justify-content:center;padding:16px;background:#040710e0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .28s cubic-bezier(.16,1,.3,1),visibility .28s}.admin-audit-backdrop.active{opacity:1;pointer-events:auto;visibility:visible}.admin-audit-card{position:relative;width:96vw;max-width:1040px;max-height:90vh;overflow-y:auto;background:#0b1120f0;border:1px solid rgba(0,210,255,.25);border-radius:20px;box-shadow:0 25px 60px #000000b3,0 0 45px #00d2ff1f;padding:26px;display:flex;flex-direction:column;color:var(--text-primary);box-sizing:border-box}.admin-auth-screen{max-width:440px;margin:20px auto;text-align:center;width:100%}.admin-auth-hero{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.admin-auth-badge{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,210,255,.22) 0%,rgba(123,97,255,.1) 70%,transparent 100%);border:1px solid rgba(0,210,255,.4);box-shadow:0 0 25px #00d2ff40;color:#00d2ff;margin-bottom:16px}.admin-auth-title{font-size:1.45rem;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#fff 40%,#a5f3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-auth-subtitle{font-size:.88rem;color:var(--text-muted);line-height:1.45;margin:0}.admin-auth-form{display:flex;flex-direction:column;gap:18px;text-align:left}.admin-input-group{display:flex;flex-direction:column;gap:6px}.admin-input-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#00d2ff}.admin-password-input-wrap{position:relative;display:flex;align-items:center}.admin-pass-input{width:100%;height:48px;padding:0 46px 0 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;font-size:1.05rem;color:#fff;outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.15em;transition:all .2s ease;box-sizing:border-box}.admin-pass-input:focus{border-color:#00d2ff;box-shadow:0 0 16px #00d2ff40;background:#ffffff14}.admin-eye-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .18s ease}.admin-eye-btn:hover,.admin-eye-btn.active{color:#00d2ff}.admin-auth-error{font-size:.82rem;color:#ef4444;font-weight:500;padding:4px 2px}.admin-auth-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.admin-submit-btn{height:46px;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#00d2ff,#3b82f6)!important;color:#050b14!important;border:none!important;border-radius:12px!important;cursor:pointer;box-shadow:0 4px 18px #00d2ff59;transition:transform .18s ease,box-shadow .18s ease}.admin-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px #00d2ff73}.admin-cancel-btn{height:40px;font-size:.88rem;border-radius:10px!important}@keyframes adminShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.shake-anim{animation:adminShake .4s ease}.admin-dash-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:20px;flex-wrap:wrap}.admin-dash-title-wrap{display:flex;align-items:center;gap:14px}.admin-dash-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#00d2ff1f;border:1px solid rgba(0,210,255,.3);color:#00d2ff}.admin-dash-title{font-size:1.25rem;font-weight:700;margin:0;color:#fff}.admin-dash-sub{font-size:.8rem;color:var(--text-muted);margin:2px 0 0}.admin-header-controls{display:flex;align-items:center;gap:8px}.admin-action-btn{height:34px!important;padding:0 12px!important;font-size:.82rem!important;gap:6px!important;display:inline-flex!important;align-items:center!important}.admin-action-btn.spinning svg{animation:spin 1s linear infinite}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.admin-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.admin-stat-label{font-size:.68rem;font-weight:700;letter-spacing:.06em;color:var(--text-muted)}.admin-stat-val{font-size:1.45rem;font-weight:700;color:#fff}.admin-stat-val.success{color:#10b981}.admin-stat-val.cyan{color:#00d2ff}.admin-stat-val.accent{color:#a78bfa}.admin-search-bar-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.admin-search-input-box{position:relative;flex:1;max-width:480px;display:flex;align-items:center}.admin-search-input-box svg{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.admin-search-input{width:100%;height:38px;padding:0 34px 0 36px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.85rem;color:#fff;outline:none;transition:all .18s ease}.admin-search-input:focus{border-color:#00d2ff;background:#ffffff12}.admin-clear-search{position:absolute;right:10px;background:transparent;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;padding:4px}.admin-record-count-badge{font-size:.8rem;color:var(--text-muted);font-weight:600;padding:4px 10px;background:#ffffff0a;border-radius:8px}.admin-table-container{overflow-x:auto;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0003}.admin-users-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.admin-users-table th{padding:12px 14px;font-size:.7rem;font-weight:700;letter-spacing:.06em;color:var(--text-muted);background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.admin-users-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.admin-user-row:hover td{background:#00d2ff08}.admin-user-cell{display:flex;align-items:center;gap:10px}.admin-user-avatar{font-size:1.3rem}.admin-user-names{display:flex;flex-direction:column}.admin-username{font-weight:700;color:#00d2ff}.admin-usertype{font-size:.7rem;color:var(--text-muted)}.admin-hw-cell{display:flex;align-items:center;gap:8px}.admin-hw-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:.78rem;background:#ffffff0d;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.08);color:#e2e8f0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px;transition:color .15s ease}.admin-icon-btn:hover{color:#00d2ff}.admin-displayname-text{font-weight:500;color:#f1f5f9}.admin-terms-cell{display:flex;flex-direction:column;gap:2px}.admin-badge-terms{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:999px;width:fit-content}.admin-badge-terms.accepted{background:#10b98124;color:#10b981;border:1px solid rgba(16,185,129,.3)}.admin-badge-terms.missing{background:#ef444424;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-subtext{font-size:.7rem;color:var(--text-muted)}.admin-timestamp-text{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.admin-status-cell{display:flex;align-items:center;gap:6px;white-space:nowrap}.admin-status-dot{width:7px;height:7px;border-radius:50%}.admin-status-dot.status-online{background:#10b981;box-shadow:0 0 8px #10b98199}.admin-status-dot.status-idle{background:#64748b}.admin-status-label{font-size:.78rem;color:var(--text-muted)}.admin-loading-row,.admin-error-row{text-align:center;padding:36px!important;color:var(--text-muted)}.raw-json-backdrop{z-index:100060!important}.raw-json-card{max-width:600px;width:90vw;max-height:80vh;display:flex;flex-direction:column;background:#0b1120fa;border:1px solid rgba(0,210,255,.3);border-radius:16px;padding:20px;box-shadow:0 20px 50px #000c}.raw-json-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.raw-json-header h3{margin:0;font-size:1.1rem;color:#00d2ff}.raw-json-pre{background:#00000080;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:.78rem;color:#a5f3fc;overflow-y:auto;flex:1;max-height:50vh}.raw-json-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}@media(max-width:768px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-audit-card{padding:16px}.admin-dash-header{flex-direction:column;align-items:flex-start}}.chat-room-layout{display:flex;width:100%!important;max-width:100%!important;margin:0!important;height:100%;position:relative;overflow:hidden;border-radius:0!important;border:none!important;outline:none!important;background:#000!important;box-shadow:none!important}.chat-main-area{flex:1;display:flex;flex-direction:column;height:100%;width:100%!important;max-width:100%!important;overflow:hidden;position:relative;border-radius:0!important;border:none!important;outline:none!important;background:#000!important;box-shadow:none!important}.chat-main-area:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='380' height='380' viewBox='0 0 380 380' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' opacity='0.042'%3E%3C!-- Chat Bubble 1 --%3E%3Cpath d='M25 45h35a12 12 0 0 1 12 12v15a12 12 0 0 1-12 12h-22l-13 10v-10h-2a12 12 0 0 1-12-12v-15a12 12 0 0 1 12-12z'/%3E%3C!-- Paper Plane --%3E%3Cpath d='M140 35l40 18-40 18 10-18-10-18zm10 18h30'/%3E%3C!-- Star --%3E%3Cpath d='M240 45l4 8 9 1-6 6 2 9-9-5-9 5 2-9-6-6 9-1z'/%3E%3C!-- Heart --%3E%3Cpath d='M325 50c-6-8-18 0-18 8 0 10 18 20 18 20s18-10 18-20c0-8-12-16-18-8z'/%3E%3C!-- Coffee Cup --%3E%3Cpath d='M40 145h30v20a10 10 0 0 1-10 10h-10a10 10 0 0 1-10-10v-20zm30 5h6a5 5 0 0 1 0 10h-6m-35 20h40'/%3E%3C!-- Headphones --%3E%3Cpath d='M135 155a20 20 0 0 1 40 0v16a6 6 0 0 1-6 6h-2a6 6 0 0 1-6-6v-8a6 6 0 0 1 6-6h8m-34 14h-2a6 6 0 0 1-6-6v-8a6 6 0 0 1 6-6h2v20z'/%3E%3C!-- Smiley --%3E%3Ccircle cx='245' cy='155' r='16'/%3E%3Cpath d='M239 152v-2m12 2v-2m-18 10a10 10 0 0 0 16 0'/%3E%3C!-- Music Notes --%3E%3Cpath d='M320 160v-22l24-5v22m-24-14l24-5m-24 19a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm24-5a4 4 0 1 1-8 0 4 4 0 0 1 8 0z'/%3E%3C!-- Planet Saturn --%3E%3Ccircle cx='45' cy='255' r='14'/%3E%3Cellipse cx='45' cy='255' rx='24' ry='6' transform='rotate(-20 45 255)'/%3E%3C!-- Lightning Bolt --%3E%3Cpath d='M155 235l-12 18h14l-4 18 16-22h-14z'/%3E%3C!-- Diamond --%3E%3Cpath d='M235 240l12-12 12 12-12 18zM235 240h24'/%3E%3C!-- Rocket --%3E%3Cpath d='M320 235c6-10 18-12 18-12s-2 12-12 18l-6-6zm-4 4l-10 4 4-10m6 6l-8 8'/%3E%3C!-- Lock Shield --%3E%3Cpath d='M50 330v12c0 8 10 14 10 14s10-6 10-14v-12l-10-5-10 5z'/%3E%3C!-- Cloud --%3E%3Cpath d='M135 345a10 10 0 0 1 18-4 8 8 0 0 1 14 4 6 6 0 0 1-2 11h-28a6 6 0 0 1-2-11z'/%3E%3C!-- Clock --%3E%3Ccircle cx='245' cy='345' r='14'/%3E%3Cpath d='M245 337v8l5 5'/%3E%3C!-- Chat Bubble 2 --%3E%3Cpath d='M315 330h28a10 10 0 0 1 10 10v10a10 10 0 0 1-10 10h-16l-8 7v-7h-4a10 10 0 0 1-10-10v-10a10 10 0 0 1 10-10z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:380px 380px;pointer-events:none;z-index:0}.chat-messages-container,.chat-welcome-card,.room-header,.chat-input-wrapper{position:relative;z-index:1}.room-header{height:60px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)!important;background:#000!important;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:20}.room-info-cluster{display:flex;align-items:center;gap:12px;overflow:hidden}.room-id-pill{cursor:pointer;background:var(--glass-bg-subtle);border:1px solid var(--glass-border-light);padding:5px 12px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.88rem;font-weight:700;color:var(--text-primary);box-shadow:var(--glass-shadow-sm);transition:all var(--transition-fast)}.room-id-pill:hover{background:var(--glass-bg-hover);border-color:var(--accent-cyan);transform:translateY(-1px)}.room-id-pill .copy-icon{font-size:.8rem;color:var(--text-muted)}.room-header-actions{display:flex;align-items:center;gap:8px}.chat-messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 14px;display:flex;flex-direction:column;gap:0!important;position:relative;background:#000!important;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;scroll-behavior:smooth}.chat-messages-container::-webkit-scrollbar{display:none;width:0;height:0}.chat-welcome-card{align-self:center;max-width:480px;width:90%;margin:20px auto 10px;padding:24px 22px;text-align:center;border-radius:var(--radius-lg);background:var(--glass-bg-ultra-light);border:1px solid var(--glass-border-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--glass-shadow-sm);display:flex;flex-direction:column;align-items:center;gap:12px;animation:fadeIn .4s ease;user-select:none}.welcome-icon-bubble{width:52px;height:52px;border-radius:50%;background:#00d2ff1f;border:1px solid rgba(0,210,255,.3);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:2px}.welcome-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.welcome-desc{font-size:.82rem;color:var(--text-secondary);opacity:.92;line-height:1.5;margin:0}.welcome-meta-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);background:var(--glass-bg-subtle);border:1px solid var(--glass-border-light);font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--text-primary);margin-top:6px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);user-select:none}.welcome-meta-pill:hover{background:var(--glass-bg-hover);border-color:var(--accent-cyan);box-shadow:0 0 16px #00d2ff59;transform:translateY(-1px)}.welcome-meta-pill:active{transform:scale(.96)}.welcome-copy-icon{color:var(--accent-cyan);transition:transform .18s ease}.welcome-meta-pill:hover .welcome-copy-icon{transform:scale(1.15)}.welcome-meta-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.chat-header-space-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.space-participants-header-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;height:32px;border-radius:var(--radius-full);background:#ffffff14!important;border:1px solid rgba(255,255,255,.14)!important;color:var(--text-primary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease}.space-participants-header-btn:hover{background:#00d2ff29!important;border-color:var(--accent-cyan)!important;color:#fff;transform:translateY(-1px)}.space-participants-header-btn:active{transform:scale(.95)}.header-participants-pill{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent-cyan);color:#000;font-size:.72rem;font-weight:800;line-height:1}.system-announcement{align-self:center;padding:6px 14px;background:var(--glass-bg-ultra-light);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-muted);font-size:.78rem;font-weight:600;text-align:center;backdrop-filter:blur(10px);gap:6px;animation:fadeIn .3s ease}.message-row{display:flex;align-items:flex-end;gap:8px;max-width:82%;position:relative;margin-top:10px!important;margin-bottom:0!important;transition:transform var(--transition-fast)}@media(min-width:901px){.message-row{max-width:72%}}.message-row:first-child{margin-top:0!important}.message-row.is-consecutive{margin-top:2.5px!important;margin-bottom:0!important}.message-row.self{align-self:flex-end;flex-direction:row-reverse;animation:messagePopSelf .22s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.message-row.peer{align-self:flex-start;animation:messagePopPeer .22s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}@keyframes messagePopSelf{0%{opacity:0;transform:translate3d(8px,6px,0) scale(.97)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes messagePopPeer{0%{opacity:0;transform:translate3d(-8px,6px,0) scale(.97)}to{opacity:1;transform:translateZ(0) scale(1)}}.message-row.is-consecutive .message-avatar{visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:26px!important;min-width:26px!important;max-width:26px!important;height:26px!important;margin:0!important;padding:0!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;flex-shrink:0!important}.message-avatar{width:26px;height:26px;min-width:26px;border-radius:50%;background:var(--glass-bg-hover);border:1px solid var(--glass-border-light);display:flex;align-items:center;justify-content:center;font-size:.95rem;margin-bottom:2px;flex-shrink:0;box-shadow:0 2px 6px #0003}.message-content-col{display:flex;flex-direction:column;gap:3px;max-width:100%}.message-row.self .message-content-col{align-items:flex-end}.message-row.peer .message-content-col{align-items:flex-start}.message-meta{display:flex;align-items:center;gap:6px;padding:0 4px;margin-bottom:1px;user-select:none;white-space:nowrap}.message-row.self .message-meta{justify-content:flex-end;flex-direction:row}.message-row.peer .message-meta{justify-content:flex-start;flex-direction:row}.message-author{font-size:.7rem;font-weight:700;color:var(--accent-cyan);letter-spacing:.01em;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row.self .message-author{display:none}.message-time{font-size:.65rem;font-weight:500;color:var(--text-muted);white-space:nowrap;letter-spacing:.01em;flex-shrink:0}.message-bubble{padding:6px 12px 5px;border-radius:16px;font-size:.88rem;line-height:1.38;position:relative;word-break:break-word;box-shadow:0 2px 8px #00000029,var(--glass-specular);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);touch-action:pan-y;user-select:text;-webkit-user-select:text;display:inline-block;min-width:60px}.message-bubble.bubble-self{background:var(--bubble-self-bg, #0284c7);border:1px solid rgba(255,255,255,.25);color:#fff;border-bottom-right-radius:4px;margin-left:auto}.message-row.self.is-consecutive .message-bubble.bubble-self{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}.message-bubble.bubble-peer{background:#16161b!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;border-bottom-left-radius:4px}.message-row.peer.is-consecutive .message-bubble.bubble-peer{border-top-left-radius:6px!important;border-bottom-left-radius:6px!important}[data-theme=light] .message-bubble.bubble-peer{background:#ffffffd9;border:1px solid rgba(0,0,0,.08);color:#1e293b;box-shadow:0 2px 8px #0000000d}[data-theme=light] .message-bubble.bubble-self{background:#0284c7!important;border:1px solid rgba(255,255,255,.35);color:#fff;box-shadow:0 4px 14px #0284c740}.bubble-meta-stamp{display:flex;align-items:center;justify-content:flex-end;gap:3px;float:right;margin-left:8px;margin-top:4px;position:relative;bottom:-1px;user-select:none}.bubble-time{font-size:.62rem;font-weight:500;opacity:.85;white-space:nowrap;letter-spacing:.02em}.bubble-status-ticks{display:inline-flex;align-items:center;opacity:.95}.bubble-self .bubble-status-ticks{color:#a5f3fc}.message-bubble.long-pressed-pulse{animation:pulseMessageScale .38s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 20px #00d2ff59,var(--glass-specular);border-color:var(--accent-cyan)}@keyframes pulseMessageScale{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.slide-reply-indicator{position:absolute;width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--glass-bg-base);border:1px solid var(--glass-border-light);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);pointer-events:none;z-index:5;align-self:center;box-shadow:var(--glass-shadow-sm);transition:all .2s ease}.message-row.peer .slide-reply-indicator{left:-40px}.message-row.self .slide-reply-indicator{right:-40px}.slide-reply-indicator.ready-to-reply{background:#00d2ff40;border-color:var(--accent-cyan);color:#fff;transform:scale(1.2)!important;box-shadow:0 0 16px #00d2ff73}.message-reply-btn{width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--glass-bg-base);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.85);pointer-events:none;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--glass-shadow-sm);flex-shrink:0;align-self:center}.message-row:hover .message-reply-btn,.message-row:focus-within .message-reply-btn{opacity:1;transform:scale(1);pointer-events:auto}.message-reply-btn:hover{background:#00d2ff26;border-color:var(--accent-cyan);color:var(--accent-cyan);transform:scale(1.15);box-shadow:0 0 12px #00d2ff47}.message-reply-btn:active{transform:scale(.95)}.message-reactions-tray{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:var(--radius-full);background:var(--glass-bg-subtle);border:1px solid var(--glass-border-light);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:.8rem;line-height:1.2;box-shadow:var(--glass-shadow-sm);animation:springReaction .24s cubic-bezier(.175,.885,.32,1.275)}@keyframes springReaction{0%{transform:scale(0);opacity:0}70%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.message-reply-quote{display:flex;flex-direction:column;gap:1.5px;padding:4px 8px;margin-bottom:4px;border-radius:6px;background:#0000002e;border-left:3px solid var(--accent-cyan);font-size:.74rem;line-height:1.3;user-select:none;max-width:100%;overflow:hidden}.message-bubble.bubble-self .message-reply-quote{background:#00000047!important;border-left:3px solid #00d2ff!important}.message-bubble.bubble-self .reply-quote-author{color:#67e8f9!important;font-weight:700;font-size:.76rem;display:flex;align-items:center;gap:4px}.message-bubble.bubble-self .reply-quote-text{color:#ffffffeb!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.message-bubble.bubble-peer .message-reply-quote{background:#ffffff0f;border-left:3px solid var(--accent-cyan)}.message-bubble.bubble-peer .reply-quote-author{color:var(--accent-cyan);font-weight:700;font-size:.76rem;display:flex;align-items:center;gap:4px}.message-bubble.bubble-peer .reply-quote-text{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}[data-theme=light] .message-bubble.bubble-peer .message-reply-quote{background:#f1f5f9f2!important;border-left:3px solid #0284c7!important}[data-theme=light] .message-bubble.bubble-peer .reply-quote-text{color:#334155!important}.msg-text p{margin:0}.msg-text code{font-family:var(--font-mono);background:#0003;padding:2px 6px;border-radius:4px;font-size:.86em}.msg-text pre{background:#0000004d;padding:8px 12px;border-radius:var(--radius-xs);margin:6px 0;overflow-x:auto}.voice-player-widget{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;width:100%}.voice-message-player{display:flex;align-items:center;gap:12px;min-width:240px;max-width:320px;padding:4px 0}.voice-play-btn{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:50%;background:#ffffff38;border:1px solid rgba(255,255,255,.4);display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;cursor:pointer;color:inherit;flex-shrink:0;line-height:1;transition:all var(--transition-fast)}.voice-play-btn svg{width:16px;height:16px;display:block;flex-shrink:0;margin:auto}.voice-play-btn svg.play-icon,.voice-play-btn svg polygon{transform:translate(1px)}.voice-play-btn:hover{transform:scale(1.08);background:#ffffff52}.voice-waveform-area{flex:1;display:flex;flex-direction:column;gap:4px}.voice-bars-canvas{height:28px;width:100%;cursor:pointer}.voice-time-row{display:flex;justify-content:space-between;font-size:.7rem;opacity:.9;font-family:var(--font-mono);color:inherit}.voice-speed-toggle{background:#ffffff2e;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-full);padding:2px 6px;font-size:.68rem;font-weight:700;cursor:pointer;color:inherit}.chat-bubble.sent .voice-message-player{color:#fff}.chat-bubble.sent .voice-play-btn{background:#ffffff40;border:1px solid rgba(255,255,255,.5);color:#fff}.chat-bubble.sent .voice-play-btn:hover{background:#ffffff61}.chat-bubble.sent .voice-time-row{color:#ffffffe6}.chat-bubble.sent .voice-speed-toggle{background:#ffffff38;border:1px solid rgba(255,255,255,.4);color:#fff}.message-bubble:has(.image-attachment-wrapper),.message-bubble:has(.image-message-box){padding:5px!important;max-width:fit-content}.image-attachment-wrapper,.image-message-box{border-radius:13px;overflow:hidden;position:relative;cursor:pointer;max-width:min(280px,75vw);max-height:320px;display:block;box-shadow:0 4px 16px #00000026;background:#00000014}.chat-image-preview,.image-message-box img{display:block;width:100%;max-width:100%;height:auto;max-height:300px;min-height:80px;object-fit:cover;border-radius:11px;transition:transform var(--transition-normal)}.image-attachment-wrapper:hover .chat-image-preview,.image-message-box:hover img{transform:scale(1.025)}.image-attachment-wrapper:active .chat-image-preview,.image-message-box:active img{transform:scale(.98)}.image-overlay-info{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:10px;color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:space-between;opacity:0;transition:opacity var(--transition-fast)}.image-attachment-wrapper:hover .image-overlay-info,.image-message-box:hover .image-overlay-info{opacity:1}.file-message-card{display:flex;align-items:center;gap:14px;min-width:250px;max-width:340px;padding:6px 0}.file-icon-box{width:44px;height:44px;border-radius:var(--radius-sm);background:#ffffff26;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.file-details{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:2px}.file-name{font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.72rem;opacity:.8}.file-download-btn{width:36px;height:36px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;cursor:pointer;color:inherit;flex-shrink:0;transition:all var(--transition-fast)}.file-download-btn:hover{background:#ffffff59;transform:scale(1.1)}.transfer-progress-bar{width:100%;height:4px;border-radius:2px;background:#fff3;overflow:hidden;margin-top:4px}.transfer-progress-fill{height:100%;background:var(--accent-cyan);width:0%;transition:width .15s ease}.file-attachment-card{display:flex;align-items:center;gap:12px;min-width:200px;max-width:320px;padding:4px 2px}.file-meta-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.file-meta-col .file-name{font-weight:700;font-size:.88rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta-col .file-size{font-size:.72rem;color:#fff!important;font-weight:500;white-space:nowrap;opacity:.92}[data-theme=light] .file-meta-col .file-size{color:#64748b!important;opacity:1}.file-secure-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:.7rem;font-weight:700;letter-spacing:.03em;flex-shrink:0}.file-secure-badge svg{flex-shrink:0}.chat-input-wrapper{padding:8px 16px calc(8px + var(--safe-bottom) + var(--keyboard-inset, 0px)) 16px;background:#000!important;border-top:1px solid rgba(255,255,255,.08)!important;display:flex;flex-direction:column;gap:0;z-index:30;transition:padding-bottom .12s ease}.active-reply-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;margin-bottom:8px;background:var(--glass-bg-subtle);border:1px solid var(--glass-border-light);border-left:3px solid var(--accent-cyan);border-radius:var(--radius-md);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:slideInDown .22s cubic-bezier(.16,1,.3,1);box-shadow:var(--glass-shadow-sm)}.active-reply-left{display:flex;align-items:center;gap:10px;overflow:hidden}.reply-icon-indicator{color:var(--accent-cyan);display:flex;align-items:center;flex-shrink:0}.active-reply-text-col{display:flex;flex-direction:column;gap:1px;overflow:hidden}.active-reply-author{font-size:.78rem;font-weight:700;color:var(--accent-cyan);line-height:1.2}.active-reply-preview{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.cancel-reply-btn{width:24px;height:24px;min-width:24px;border-radius:50%;background:var(--glass-bg-ultra-light);border:1px solid var(--glass-border-light);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.cancel-reply-btn:hover{background:#f43f5e26;border-color:var(--accent-rose);color:var(--accent-rose);transform:scale(1.1)}.input-row{display:flex;align-items:center;gap:8px;position:relative;width:100%}.input-extra-btn{width:38px;height:38px;min-width:38px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:width .24s cubic-bezier(.16,1,.3,1),min-width .24s cubic-bezier(.16,1,.3,1),max-width .24s cubic-bezier(.16,1,.3,1),opacity .18s ease,transform .22s cubic-bezier(.16,1,.3,1),margin .24s ease,padding .24s ease;overflow:hidden;flex-shrink:0}.chat-input-wrapper.is-typing .input-extra-btn,.chat-input-wrapper.is-focused .input-extra-btn{width:0!important;min-width:0!important;max-width:0!important;padding:0!important;margin:0!important;opacity:0!important;transform:scale(.6)!important;pointer-events:none!important;border:none!important}.chat-textarea{flex:1;min-height:38px;height:38px;max-height:120px;resize:none;border-radius:var(--radius-full);padding:8px 16px;line-height:1.35;font-size:.92rem;box-sizing:border-box;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;background:#121216!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.chat-textarea::-webkit-scrollbar{display:none;width:0;height:0}.chat-input-wrapper.is-typing .chat-textarea,.chat-input-wrapper.is-focused .chat-textarea{background:var(--glass-bg-hover);border-color:var(--glass-border-focus);box-shadow:0 0 0 3px #00d2ff2e,var(--glass-specular)}.chat-input-wrapper.is-recording-voice .input-extra-btn,.chat-input-wrapper.is-recording-voice #chat-input-textarea,.chat-input-wrapper.is-recording-voice #send-message-btn{display:none!important}.chat-input-wrapper.is-recording-voice .voice-recording-bar{display:flex!important;width:100%!important;flex:1}.voice-recording-bar{flex:1;width:100%;height:38px;border-radius:var(--radius-full);background:linear-gradient(135deg,#f43f5e26,#6366f126);border:1px solid var(--accent-rose);display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:10px;animation:pulseRecording 2s infinite ease-in-out;box-sizing:border-box}.record-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-rose);box-shadow:0 0 10px var(--accent-rose);animation:blink 1s infinite}.record-timer{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--accent-rose)}.record-live-waveform{flex:1;height:26px}.typing-indicator-bar{display:none;padding:4px 8px 6px;align-items:center;justify-content:flex-start;animation:messagePop .18s ease}.typing-indicator-bar.active{display:flex}.typing-pill{display:inline-flex;align-items:center;gap:8px;background:#12141cd9;border:1px solid rgba(0,210,255,.22);padding:4px 12px;border-radius:var(--radius-full);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 16px #0006}.typing-indicator-text{font-size:.76rem;font-weight:500;color:var(--accent-cyan);font-style:italic}.typing-wave-dots{display:flex;align-items:center;gap:3.5px}.typing-wave-dots span{width:4.5px;height:4.5px;background-color:var(--accent-cyan);border-radius:50%;display:inline-block;animation:typingWave 1.3s infinite ease-in-out}.typing-wave-dots span:nth-child(1){animation-delay:0s}.typing-wave-dots span:nth-child(2){animation-delay:.2s}.typing-wave-dots span:nth-child(3){animation-delay:.4s}@keyframes typingWave{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-4.5px);opacity:1}}.chat-header-subtitle.is-typing-pulse{color:var(--accent-cyan)!important;font-weight:600;animation:typingHeaderPulse 1.2s infinite ease-in-out}@keyframes typingHeaderPulse{0%,to{opacity:.7}50%{opacity:1;transform:scale(1.02)}}@keyframes messagePop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseRecording{0%,to{box-shadow:0 0 #f43f5e66}50%{box-shadow:0 0 14px 2px #f43f5e4d}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:900px){.desktop-only-btn,.room-id-pill,#lock-room-btn{display:none!important}.room-header{height:52px;padding:0 12px;justify-content:flex-end}.room-info-cluster{display:none}}@media(max-width:768px){.chat-room-layout{border-radius:0!important;border:none!important;outline:none!important}.room-header{height:48px;padding:0 10px;gap:6px;justify-content:flex-end;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.chat-welcome-card{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.room-info-cluster{display:none}.room-header-actions{gap:8px;margin-left:auto}.room-header-actions .glass-btn,.room-header-actions .glass-btn.sm,.room-header-actions .glass-btn-icon.sm{width:34px;height:34px;min-width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}.room-header-actions #leave-room-btn span{display:none}.room-header-actions #toggle-participants-btn{position:relative;overflow:visible}.room-header-actions #participants-count-badge{position:absolute;top:-2px;right:-1px;min-width:14px;height:14px;font-size:.58rem;font-weight:800;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-cyan);color:var(--text-inverse);border:1.5px solid var(--bg-body);z-index:5}.chat-messages-container{padding:12px 14px;gap:0!important}.message-row{max-width:88%;gap:8px;touch-action:pan-y}.msg-avatar{width:26px;height:26px;font-size:.9rem;margin-bottom:2px}.message-sender-name{display:none;font-size:.7rem}.chat-room-layout.is-group-chat .message-row.peer .message-sender-name{display:block}.message-bubble{padding:6px 10px 5px;font-size:.85rem;line-height:1.35;border-radius:14px;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;touch-action:pan-y}.voice-message-player{min-width:0;width:100%;max-width:250px;gap:8px}.voice-play-btn{width:32px;height:32px;font-size:.95rem}.voice-bars-canvas{height:22px}.file-message-card{min-width:0;width:100%;max-width:250px;gap:8px}.file-icon-box{width:36px;height:36px;font-size:1.1rem}.file-name{font-size:.82rem}.file-download-btn{width:32px;height:32px}.image-message-box,.image-attachment-wrapper{max-width:min(230px,68vw);max-height:240px}.chat-image-preview,.image-message-box img{max-height:230px}.chat-input-wrapper{padding:6px 8px calc(6px + var(--safe-bottom) + var(--keyboard-inset, 0px)) 8px;gap:0;transition:padding-bottom .12s ease}.active-reply-banner{padding:4px 8px;font-size:.76rem;margin-bottom:4px}.input-row{gap:4px}.input-row .glass-btn,.input-row .glass-btn-icon{width:36px;height:36px;min-width:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.chat-textarea{padding:8px 12px;font-size:.9rem;min-height:36px;height:36px;border-radius:var(--radius-full)}.chat-input-wrapper.is-typing .chat-textarea,.chat-input-wrapper.is-focused .chat-textarea{min-height:36px;font-size:.92rem}.voice-recording-bar{height:38px;padding:0 10px;gap:8px;width:100%;box-sizing:border-box}.voice-recording-bar .record-timer{font-size:.82rem;font-weight:700}.voice-recording-bar .record-live-waveform{flex:1;min-width:50px;height:24px}.voice-recording-bar .glass-btn.sm{width:30px;height:30px;min-width:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}}.emoji-picker-popover{position:absolute;bottom:calc(100% + 14px);left:10px;z-index:100;width:370px;max-width:calc(100vw - 32px);height:380px;max-height:380px;padding:14px;border-radius:var(--radius-xl);background:var(--glass-bg-elevated);border:1px solid var(--glass-border);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 16px 48px #0009,var(--glass-specular);animation:popoverFadeIn .18s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:10px;user-select:none;box-sizing:border-box}@media(max-width:600px){.emoji-picker-popover{left:4px;right:4px;width:auto;max-width:none;bottom:calc(100% + 8px);height:340px;max-height:340px}}.emoji-picker-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:2px}.emoji-picker-title{display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:700;color:var(--text-primary)}.emoji-picker-close-btn{width:26px;height:26px;border-radius:50%;background:var(--glass-bg-subtle);border:1px solid var(--glass-border-light);color:var(--text-muted);font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;transition:all .15s ease}.emoji-picker-close-btn:hover{background:#f43f5e33;border-color:var(--accent-rose);color:var(--accent-rose);transform:scale(1.1)}.emoji-search-box{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#ffffff0f;border:1px solid var(--glass-border-light);border-radius:var(--radius-full);color:var(--text-muted);transition:all .18s ease;flex-shrink:0}.emoji-search-box:focus-within{border-color:var(--accent-cyan);background:#ffffff1a;box-shadow:0 0 14px #00d2ff40;color:var(--accent-cyan)}.emoji-search-input{flex:1;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;color:var(--text-primary);font-size:.85rem;font-weight:500;padding:0!important;margin:0!important}.emoji-search-input::placeholder{color:var(--text-muted);opacity:.75}.emoji-category-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:2px 2px 6px;border-bottom:1px solid var(--glass-border-light);scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0}.emoji-category-tabs::-webkit-scrollbar{display:none;width:0}.emoji-cat-btn{width:32px;height:32px;min-width:32px;border-radius:var(--radius-sm);background:transparent;border:none;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;opacity:.65}.emoji-cat-btn:hover{opacity:1;background:#ffffff1a;transform:scale(1.1)}.emoji-cat-btn.active{opacity:1;background:#00d2ff33;border:1px solid rgba(0,210,255,.4);box-shadow:0 0 10px #00d2ff4d}.emoji-picker-body{flex:1;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;touch-action:pan-y;-webkit-overflow-scrolling:touch}.emoji-cat-section{display:flex;flex-direction:column;gap:6px}.emoji-cat-header{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);position:relative;background:transparent!important;padding:8px 4px 2px;z-index:1}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}@media(max-width:420px){.emoji-grid{grid-template-columns:repeat(7,1fr)}}.emoji-btn{aspect-ratio:1;border-radius:var(--radius-sm);background:transparent;border:none;font-size:1.35rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .12s cubic-bezier(.16,1,.3,1),background .12s ease;line-height:1}.emoji-btn:hover{transform:scale(1.22);background:#ffffff1f;z-index:3}.emoji-btn:active{transform:scale(.9)}[data-theme=light] .chat-room-layout,[data-theme=light] .chat-main-area{background:#f8fafc!important;border:none!important;border-radius:0!important;outline:none!important;box-shadow:none!important}[data-theme=light] .chat-main-area:before{background-image:url("data:image/svg+xml,%3Csvg width='380' height='380' viewBox='0 0 380 380' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230f172a' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' opacity='0.04'%3E%3C!-- Chat Bubble 1 --%3E%3Cpath d='M25 45h35a12 12 0 0 1 12 12v15a12 12 0 0 1-12 12h-22l-13 10v-10h-2a12 12 0 0 1-12-12v-15a12 12 0 0 1 12-12z'/%3E%3C!-- Paper Plane --%3E%3Cpath d='M140 35l40 18-40 18 10-18-10-18zm10 18h30'/%3E%3C!-- Star --%3E%3Cpath d='M240 45l4 8 9 1-6 6 2 9-9-5-9 5 2-9-6-6 9-1z'/%3E%3C!-- Heart --%3E%3Cpath d='M325 50c-6-8-18 0-18 8 0 10 18 20 18 20s18-10 18-20c0-8-12-16-18-8z'/%3E%3C!-- Coffee Cup --%3E%3Cpath d='M40 145h30v20a10 10 0 0 1-10 10h-10a10 10 0 0 1-10-10v-20zm30 5h6a5 5 0 0 1 0 10h-6m-35 20h40'/%3E%3C!-- Headphones --%3E%3Cpath d='M135 155a20 20 0 0 1 40 0v16a6 6 0 0 1-6 6h-2a6 6 0 0 1-6-6v-8a6 6 0 0 1 6-6h8m-34 14h-2a6 6 0 0 1-6-6v-8a6 6 0 0 1 6-6h2v20z'/%3E%3C!-- Smiley --%3E%3Ccircle cx='245' cy='155' r='16'/%3E%3Cpath d='M239 152v-2m12 2v-2m-18 10a10 10 0 0 0 16 0'/%3E%3C!-- Music Notes --%3E%3Cpath d='M320 160v-22l24-5v22m-24-14l24-5m-24 19a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm24-5a4 4 0 1 1-8 0 4 4 0 0 1 8 0z'/%3E%3C!-- Planet Saturn --%3E%3Ccircle cx='45' cy='255' r='14'/%3E%3Cellipse cx='45' cy='255' rx='24' ry='6' transform='rotate(-20 45 255)'/%3E%3C!-- Lightning Bolt --%3E%3Cpath d='M155 235l-12 18h14l-4 18 16-22h-14z'/%3E%3C!-- Diamond --%3E%3Cpath d='M235 240l12-12 12 12-12 18zM235 240h24'/%3E%3C!-- Rocket --%3E%3Cpath d='M320 235c6-10 18-12 18-12s-2 12-12 18l-6-6zm-4 4l-10 4 4-10m6 6l-8 8'/%3E%3C!-- Lock Shield --%3E%3Cpath d='M50 330v12c0 8 10 14 10 14s10-6 10-14v-12l-10-5-10 5z'/%3E%3C!-- Cloud --%3E%3Cpath d='M135 345a10 10 0 0 1 18-4 8 8 0 0 1 14 4 6 6 0 0 1-2 11h-28a6 6 0 0 1-2-11z'/%3E%3C!-- Clock --%3E%3Ccircle cx='245' cy='345' r='14'/%3E%3Cpath d='M245 337v8l5 5'/%3E%3C!-- Chat Bubble 2 --%3E%3Cpath d='M315 330h28a10 10 0 0 1 10 10v10a10 10 0 0 1-10 10h-16l-8 7v-7h-4a10 10 0 0 1-10-10v-10a10 10 0 0 1 10-10z'/%3E%3C/g%3E%3C/svg%3E")!important}[data-theme=light] .chat-messages-container{background:transparent!important}[data-theme=light] .room-header{background:#fffffff2!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 2px 10px #00000008!important}[data-theme=light] .room-id-pill{background:#fff!important;border:1px solid #cbd5e1!important;color:#0f172a!important;box-shadow:0 1px 4px #0000000a!important}[data-theme=light] .room-id-pill:hover{background:#f1f5f9!important;border-color:#0284c7!important}[data-theme=light] .room-id-pill .copy-icon{color:#64748b!important}[data-theme=light] .space-participants-header-btn{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#0f172a!important}[data-theme=light] .space-participants-header-btn:hover{background:#e2e8f0!important;border-color:#0284c7!important;color:#0284c7!important}[data-theme=light] .header-participants-pill{background:#0284c7!important;color:#fff!important}[data-theme=light] .chat-welcome-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 32px #0f172a0f!important}[data-theme=light] .welcome-title{color:#0f172a!important}[data-theme=light] .welcome-desc{color:#475569!important}[data-theme=light] .welcome-icon-bubble{background:#0284c71a!important;border:1px solid rgba(2,132,199,.25)!important;color:#0284c7!important}[data-theme=light] .welcome-meta-pill{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#0f172a!important}[data-theme=light] .welcome-code-value,[data-theme=light] .welcome-copy-icon{color:#0284c7!important}[data-theme=light] .system-announcement{background:#fff!important;border:1px solid #e2e8f0!important;color:#475569!important;box-shadow:0 2px 8px #0000000a!important}[data-theme=light] .message-avatar{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#0f172a!important;box-shadow:0 1px 4px #0000000a!important}[data-theme=light] .message-author{color:#0284c7!important;font-weight:700!important}[data-theme=light] .message-time{color:#94a3b8!important}[data-theme=light] .message-bubble.bubble-peer{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important;box-shadow:0 2px 8px #0f172a0d!important}[data-theme=light] .message-bubble.bubble-peer .message-bubble-text,[data-theme=light] .message-bubble.bubble-peer .msg-text{color:#0f172a!important}[data-theme=light] .message-bubble.bubble-peer .bubble-time{color:#64748b!important;opacity:1!important}[data-theme=light] .message-bubble.bubble-peer .message-reply-quote{background:#f1f5f9!important;border-left:3px solid #0284c7!important}[data-theme=light] .message-bubble.bubble-peer .reply-quote-author{color:#0284c7!important}[data-theme=light] .message-bubble.bubble-peer .reply-quote-text{color:#475569!important}[data-theme=light] .message-bubble.bubble-peer code{background:#f1f5f9!important;color:#0f172a!important;border:1px solid #e2e8f0!important}[data-theme=light] .message-bubble.bubble-peer pre{background:#f8fafc!important;color:#0f172a!important;border:1px solid #e2e8f0!important}[data-theme=light] .message-bubble.bubble-self{background:#0284c7!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;box-shadow:0 3px 12px #0284c740!important}[data-theme=light] .message-bubble.bubble-self .message-bubble-text,[data-theme=light] .message-bubble.bubble-self .msg-text{color:#fff!important}[data-theme=light] .message-bubble.bubble-self .bubble-time{color:#ffffffe6!important;opacity:1!important}[data-theme=light] .message-bubble.bubble-self .bubble-status-ticks{color:#e0f2fe!important}[data-theme=light] .message-bubble.bubble-self .message-reply-quote{background:#0000002e!important;border-left:3px solid #7dd3fc!important}[data-theme=light] .message-bubble.bubble-self .reply-quote-author{color:#bae6fd!important}[data-theme=light] .message-bubble.bubble-self .reply-quote-text{color:#fffffff2!important}[data-theme=light] .message-bubble.bubble-self code{background:#00000038!important;color:#fff!important}[data-theme=light] .message-bubble.bubble-self pre{background:#00000047!important;color:#fff!important}[data-theme=light] .chat-input-wrapper{background:#fff!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -4px 20px #0000000a!important}[data-theme=light] .chat-textarea{background:#f8fafc!important;border:1.5px solid #cbd5e1!important;color:#0f172a!important}[data-theme=light] .chat-textarea::placeholder{color:#94a3b8!important}[data-theme=light] .chat-input-wrapper.is-typing .chat-textarea,[data-theme=light] .chat-input-wrapper.is-focused .chat-textarea{background:#fff!important;border-color:#0284c7!important;box-shadow:0 0 0 3px #0284c726!important}[data-theme=light] .input-extra-btn,[data-theme=light] .chat-icon-btn{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#475569!important}[data-theme=light] .input-extra-btn:hover,[data-theme=light] .chat-icon-btn:hover{background:#e2e8f0!important;color:#0284c7!important}#send-message-btn{width:40px!important;min-width:40px!important;height:40px!important;box-shadow:0 0 14px #00d2ff59,0 2px 8px #0284c747!important}#send-message-btn:hover{transform:scale(1.07);box-shadow:0 0 22px #00d2ff80,0 4px 12px #0284c766!important}[data-theme=light] .chat-send-btn,[data-theme=light] #send-message-btn{background:#0284c7!important;color:#fff!important;border:none!important;box-shadow:0 2px 10px #0284c74d!important}[data-theme=light] .chat-send-btn:hover,[data-theme=light] #send-message-btn:hover{background:#0369a1!important;transform:scale(1.06)}[data-theme=light] .active-reply-banner{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-left:3px solid #0284c7!important;box-shadow:0 2px 8px #0000000a!important}[data-theme=light] .active-reply-author{color:#0284c7!important}[data-theme=light] .active-reply-preview{color:#475569!important}[data-theme=light] .cancel-reply-btn{background:#fff!important;border:1px solid #e2e8f0!important;color:#64748b!important}[data-theme=light] .cancel-reply-btn:hover{background:#fee2e2!important;color:#ef4444!important;border-color:#fca5a5!important}[data-theme=light] .voice-recording-bar{background:#fff1f2!important;border:1px solid #fca5a5!important}[data-theme=light] .record-timer{color:#dc2626!important}[data-theme=light] .record-dot{background:#dc2626!important;box-shadow:0 0 8px #dc2626!important}[data-theme=light] .voice-cancel-btn{color:#64748b!important;background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .voice-send-btn{background:#dc2626!important;color:#fff!important;border:none!important}[data-theme=light] .voice-player-widget{background:transparent!important;border:none!important;box-shadow:none!important}[data-theme=light] .message-bubble.bubble-peer .voice-play-btn{background:#0284c7!important;color:#fff!important;border:none!important;box-shadow:0 2px 6px #0284c74d!important}[data-theme=light] .message-bubble.bubble-peer .voice-play-btn svg{fill:#fff!important}[data-theme=light] .message-bubble.bubble-peer .voice-play-btn:hover{background:#0369a1!important}[data-theme=light] .message-bubble.bubble-peer .voice-wave-bar{background:#cbd5e1!important}[data-theme=light] .message-bubble.bubble-peer .voice-wave-bar.played{background:#0284c7!important}[data-theme=light] .message-bubble.bubble-peer .voice-duration,[data-theme=light] .message-bubble.bubble-peer .voice-time-row{color:#64748b!important}[data-theme=light] .message-bubble.bubble-peer .voice-speed-toggle{background:#f1f5f9!important;border:1px solid #cbd5e1!important;color:#334155!important}[data-theme=light] .message-bubble.bubble-self .voice-play-btn{background:#ffffff47!important;border:1px solid rgba(255,255,255,.5)!important;color:#fff!important}[data-theme=light] .message-bubble.bubble-self .voice-wave-bar{background:#ffffff59!important}[data-theme=light] .message-bubble.bubble-self .voice-wave-bar.played{background:#fff!important}[data-theme=light] .message-bubble.bubble-self .voice-duration{color:#fffffff2!important}[data-theme=light] .message-bubble.bubble-self .voice-speed-toggle{background:#ffffff40!important;border:1px solid rgba(255,255,255,.45)!important;color:#fff!important}[data-theme=light] .file-attachment-card,[data-theme=light] .file-message-card{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .file-name{color:#0f172a!important}[data-theme=light] .file-size{color:#64748b!important}[data-theme=light] .file-icon-box{background:#0284c71a!important;color:#0284c7!important;border:1px solid rgba(2,132,199,.2)!important}[data-theme=light] .download-btn,[data-theme=light] .file-download-btn{background:#fff!important;border:1px solid #cbd5e1!important;color:#0284c7!important}[data-theme=light] .download-btn:hover,[data-theme=light] .file-download-btn:hover{background:#f1f5f9!important;border-color:#0284c7!important}[data-theme=light] .typing-pill{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 16px #00000014!important}[data-theme=light] .typing-indicator-text{color:#0284c7!important}[data-theme=light] .typing-wave-dots span{background-color:#0284c7!important}[data-theme=light] .reaction-pill{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 6px #0000000a!important;color:#0f172a!important}[data-theme=light] .message-reply-btn{background:#fff!important;border:1px solid #e2e8f0!important;color:#64748b!important;box-shadow:0 2px 6px #0000000f!important}[data-theme=light] .message-reply-btn:hover{background:#f1f5f9!important;color:#0284c7!important;border-color:#0284c7!important}[data-theme=light] .slide-reply-indicator{background:#fff!important;border:1px solid #cbd5e1!important;color:#0284c7!important}[data-theme=light] .emoji-picker-popover,[data-theme=light] .emoji-drawer-panel{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 40px #0000001f!important}[data-theme=light] .emoji-category-tab,[data-theme=light] .emoji-cat-btn{color:#64748b!important}[data-theme=light] .emoji-category-tab.active,[data-theme=light] .emoji-cat-btn.active{color:#0284c7!important;background:#0284c71f!important;border:1px solid rgba(2,132,199,.28)!important;box-shadow:none!important}[data-theme=light] .emoji-search-box{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#64748b!important}[data-theme=light] .emoji-search-box:focus-within{background:#fff!important;border-color:#0284c7!important;box-shadow:0 0 0 3px #0284c71f!important;color:#0284c7!important}[data-theme=light] .emoji-search-input{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;color:#0f172a!important}[data-theme=light] .emoji-search-input::placeholder{color:#94a3b8!important}[data-theme=light] .emoji-group-title,[data-theme=light] .emoji-cat-header{background:transparent!important;color:#64748b!important}[data-theme=light] .emoji-btn:hover{background:#0000000f!important}[data-theme=light] .participants-sidebar{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .participant-item{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .participant-name{color:#0f172a!important}.chat-header-title-row{display:flex;align-items:center;gap:8px}.bubble-status-ticks svg{display:inline-block;vertical-align:middle}.bubble-status-ticks.tick-parked{opacity:.72}.bubble-status-ticks.tick-delivered{opacity:.98}