:root,[data-theme=cyber-cyan]{--bg-primary: #06080d;--bg-secondary: #0c101a;--bg-tertiary: #121826;--bg-card: rgba(14, 19, 32, .85);--bg-card-hover: rgba(20, 27, 46, .92);--bg-input: rgba(9, 13, 22, .9);--bg-main: var(--bg-primary);--bg-panel: rgba(14, 20, 36, .75);--accent-cyan: #00f2fe;--accent-cyan-glow: rgba(0, 242, 254, .35);--accent-blue: #4facfe;--accent-purple: #9d4edd;--accent-purple-glow: rgba(157, 78, 221, .3);--accent-emerald: #10b981;--accent-emerald-glow: rgba(16, 185, 129, .3);--accent-rose: #f43f5e;--accent-amber: #f59e0b;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-main: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #cbd5e1;--text-dim: #94a3b8;--text-highlight: #ffffff;--border-subtle: rgba(255, 255, 255, .12);--border-accent: rgba(0, 242, 254, .35);--border-hover: rgba(255, 255, 255, .22);--glass-blur: blur(20px);--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .6), 0 0 0 1px var(--border-subtle);--shadow-glow: 0 0 25px var(--accent-cyan-glow);--bg-ambient-1: rgba(0, 242, 254, .08);--bg-ambient-2: rgba(157, 78, 221, .09);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px}html[data-font=cyber-modern],:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}html[data-font=inter-clean]{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}html[data-font=futuristic-orbit]{--font-sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}html[data-font=hacker-mono]{--font-sans: "JetBrains Mono", monospace;--font-mono: "JetBrains Mono", monospace}[data-theme=matrix-emerald]{--bg-primary: #030805;--bg-main: #030805;--bg-secondary: #06140b;--bg-tertiary: #0b1f13;--bg-card: rgba(6, 22, 13, .88);--bg-card-hover: rgba(10, 34, 20, .94);--bg-input: rgba(4, 16, 9, .92);--bg-panel: rgba(6, 22, 13, .75);--accent-cyan: #00ff88;--accent-cyan-glow: rgba(0, 255, 136, .35);--accent-blue: #10b981;--accent-purple: #059669;--accent-purple-glow: rgba(16, 185, 129, .3);--border-accent: rgba(0, 255, 136, .3);--shadow-glow: 0 0 25px rgba(0, 255, 136, .35);--bg-ambient-1: rgba(0, 255, 136, .08);--bg-ambient-2: rgba(16, 185, 129, .09)}[data-theme=synthwave-purple]{--bg-primary: #090511;--bg-main: #090511;--bg-secondary: #130a24;--bg-tertiary: #1c0e35;--bg-card: rgba(22, 12, 40, .88);--bg-card-hover: rgba(32, 18, 58, .94);--bg-input: rgba(16, 8, 30, .92);--bg-panel: rgba(22, 12, 40, .75);--accent-cyan: #f43f5e;--accent-cyan-glow: rgba(244, 63, 94, .35);--accent-blue: #ec4899;--accent-purple: #a855f7;--accent-purple-glow: rgba(168, 85, 247, .3);--border-accent: rgba(244, 63, 94, .3);--shadow-glow: 0 0 25px rgba(244, 63, 94, .35);--bg-ambient-1: rgba(244, 63, 94, .09);--bg-ambient-2: rgba(168, 85, 247, .1)}[data-theme=solar-amber]{--bg-primary: #0a0702;--bg-main: #0a0702;--bg-secondary: #150f05;--bg-tertiary: #201708;--bg-card: rgba(25, 18, 7, .88);--bg-card-hover: rgba(38, 27, 10, .94);--bg-input: rgba(18, 12, 4, .92);--bg-panel: rgba(25, 18, 7, .75);--accent-cyan: #f59e0b;--accent-cyan-glow: rgba(245, 158, 11, .35);--accent-blue: #fbbf24;--accent-purple: #d97706;--accent-purple-glow: rgba(217, 119, 6, .3);--border-accent: rgba(245, 158, 11, .3);--shadow-glow: 0 0 25px rgba(245, 158, 11, .35);--bg-ambient-1: rgba(245, 158, 11, .08);--bg-ambient-2: rgba(217, 119, 6, .09)}[data-theme=crimson-red]{--bg-primary: #0a0304;--bg-main: #0a0304;--bg-secondary: #160608;--bg-tertiary: #22090c;--bg-card: rgba(28, 8, 11, .88);--bg-card-hover: rgba(42, 12, 16, .94);--bg-input: rgba(20, 5, 7, .92);--bg-panel: rgba(28, 8, 11, .75);--accent-cyan: #ef4444;--accent-cyan-glow: rgba(239, 68, 68, .35);--accent-blue: #f87171;--accent-purple: #dc2626;--accent-purple-glow: rgba(220, 38, 38, .3);--border-accent: rgba(239, 68, 68, .3);--shadow-glow: 0 0 25px rgba(239, 68, 68, .35);--bg-ambient-1: rgba(239, 68, 68, .09);--bg-ambient-2: rgba(220, 38, 38, .08)}[data-theme=midnight-blue]{--bg-primary: #030712;--bg-main: #030712;--bg-secondary: #070e24;--bg-tertiary: #0c183a;--bg-card: rgba(9, 20, 48, .88);--bg-card-hover: rgba(14, 30, 70, .94);--bg-input: rgba(6, 14, 34, .92);--bg-panel: rgba(9, 20, 48, .75);--accent-cyan: #38bdf8;--accent-cyan-glow: rgba(56, 189, 248, .35);--accent-blue: #2563eb;--accent-purple: #60a5fa;--accent-purple-glow: rgba(96, 165, 250, .3);--border-accent: rgba(56, 189, 248, .3);--shadow-glow: 0 0 25px rgba(56, 189, 248, .35);--bg-ambient-1: rgba(56, 189, 248, .08);--bg-ambient-2: rgba(37, 99, 235, .1)}[data-theme=monolith-slate]{--bg-primary: #07090e;--bg-main: #07090e;--bg-secondary: #0e1219;--bg-tertiary: #161c26;--bg-card: rgba(18, 24, 34, .88);--bg-card-hover: rgba(26, 34, 48, .94);--bg-input: rgba(12, 16, 24, .92);--bg-panel: rgba(18, 24, 34, .75);--accent-cyan: #e2e8f0;--accent-cyan-glow: rgba(226, 232, 240, .35);--accent-blue: #94a3b8;--accent-purple: #cbd5e1;--accent-purple-glow: rgba(203, 213, 225, .25);--border-accent: rgba(226, 232, 240, .35);--shadow-glow: 0 0 25px rgba(226, 232, 240, .25);--bg-ambient-1: rgba(226, 232, 240, .06);--bg-ambient-2: rgba(148, 163, 184, .07)}[data-theme=tokyo-neon]{--bg-primary: #0a0414;--bg-main: #0a0414;--bg-secondary: #140827;--bg-tertiary: #1f0d3a;--bg-card: rgba(26, 11, 48, .88);--bg-card-hover: rgba(38, 16, 70, .94);--bg-input: rgba(18, 7, 34, .92);--bg-panel: rgba(26, 11, 48, .75);--accent-cyan: #ff007f;--accent-cyan-glow: rgba(255, 0, 127, .4);--accent-blue: #00f0ff;--accent-purple: #b026ff;--accent-purple-glow: rgba(176, 38, 255, .35);--border-accent: rgba(255, 0, 127, .35);--shadow-glow: 0 0 25px rgba(255, 0, 127, .4);--bg-ambient-1: rgba(255, 0, 127, .09);--bg-ambient-2: rgba(0, 240, 255, .09)}html[data-surface=ultra-glass],:root{--glass-blur: blur(28px) saturate(180%);--border-subtle: rgba(255, 255, 255, .12);--shadow-card: 0 12px 36px -8px rgba(0, 0, 0, .7), 0 0 0 1px var(--border-subtle)}html[data-surface=ultra-glass] .glass-panel,html[data-surface=ultra-glass] .home-header,html[data-surface=ultra-glass] .feature-hub-card,html[data-surface=ultra-glass] .squad-header,html[data-surface=ultra-glass] .chat-header,html[data-surface=ultra-glass] .chat-input-bar,html[data-surface=ultra-glass] .squad-member-drawer,html[data-surface=ultra-glass] .game-drawer,html[data-surface=ultra-glass] .active-match-stage{backdrop-filter:blur(28px) saturate(180%)!important;-webkit-backdrop-filter:blur(28px) saturate(180%)!important;background:var(--bg-panel)!important}html[data-surface=ultra-glass] .modal-panel{backdrop-filter:blur(28px) saturate(180%)!important;-webkit-backdrop-filter:blur(28px) saturate(180%)!important;background:var(--bg-card)!important}html[data-surface=ultra-glass] body:before{opacity:1!important;display:block!important}html[data-surface=solid-dark]{--glass-blur: none !important;--bg-primary: #090d16 !important;--bg-main: #090d16 !important;--bg-secondary: #0f1523 !important;--bg-tertiary: #161e31 !important;--bg-card: #111827 !important;--bg-card-hover: #1e293b !important;--bg-input: #0c121e !important;--bg-panel: #111827 !important;--border-subtle: #1f2937 !important;--border-hover: #374151 !important;--shadow-card: 0 4px 16px rgba(0, 0, 0, .5), 0 0 0 1px #1f2937 !important}html[data-surface=solid-dark] body,html[data-surface=solid-dark] #root,html[data-surface=solid-dark] .app-container,html[data-surface=solid-dark] .home-hub-container,html[data-surface=solid-dark] .squad-layout-container,html[data-surface=solid-dark] .squad-main-feed,html[data-surface=solid-dark] .chat-workspace,html[data-surface=solid-dark] .messages-list{background:#090d16!important}html[data-surface=solid-dark] .glass-panel,html[data-surface=solid-dark] .modal-panel,html[data-surface=solid-dark] .home-header,html[data-surface=solid-dark] .feature-hub-card,html[data-surface=solid-dark] .squad-header,html[data-surface=solid-dark] .chat-header,html[data-surface=solid-dark] .chat-input-bar,html[data-surface=solid-dark] .squad-member-drawer,html[data-surface=solid-dark] .game-drawer,html[data-surface=solid-dark] .active-match-stage,html[data-surface=solid-dark] .in-chat-active-match-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#111827!important;border-color:#1f2937!important;box-shadow:0 4px 16px #0006!important}html[data-surface=solid-dark] body:before{opacity:.02!important}html[data-surface=oled-black]{--glass-blur: none !important;--bg-primary: #000000 !important;--bg-main: #000000 !important;--bg-secondary: #000000 !important;--bg-tertiary: #0a0a0a !important;--bg-card: #050505 !important;--bg-card-hover: #111111 !important;--bg-input: #000000 !important;--bg-panel: #070707 !important;--border-subtle: #27272a !important;--border-hover: #3f3f46 !important;--shadow-card: 0 0 0 1px #222225 !important;--text-dim: #94a3b8 !important;--text-muted: #cbd5e1 !important}html[data-surface=oled-black] body,html[data-surface=oled-black] #root,html[data-surface=oled-black] .app-container,html[data-surface=oled-black] .home-hub-container,html[data-surface=oled-black] .squad-layout-container,html[data-surface=oled-black] .squad-main-feed,html[data-surface=oled-black] .chat-workspace,html[data-surface=oled-black] .messages-list{background:#000!important}html[data-surface=oled-black] .glass-panel,html[data-surface=oled-black] .modal-panel,html[data-surface=oled-black] .home-header,html[data-surface=oled-black] .feature-hub-card,html[data-surface=oled-black] .squad-header,html[data-surface=oled-black] .chat-header,html[data-surface=oled-black] .chat-input-bar,html[data-surface=oled-black] .squad-member-drawer,html[data-surface=oled-black] .game-drawer,html[data-surface=oled-black] .active-match-stage,html[data-surface=oled-black] .in-chat-active-match-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#050505!important;border-color:#222225!important;box-shadow:none!important}html[data-surface=oled-black] body:before{display:none!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;height:100dvh;margin:0;padding:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased}input,textarea,select,button{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-dim)!important;opacity:.88!important}input:disabled,textarea:disabled{color:var(--text-muted);opacity:.75}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #0c101d inset!important;-webkit-text-fill-color:#ffffff!important;caret-color:#fff!important;transition:background-color 5000s ease-in-out 0s}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 10% 15%,var(--bg-ambient-1, rgba(0, 242, 254, .08)) 0%,transparent 45%),radial-gradient(circle at 90% 85%,var(--bg-ambient-2, rgba(157, 78, 221, .09)) 0%,transparent 50%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;pointer-events:none;z-index:-1;transition:background-image .4s ease}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#06080d80}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.glass-panel{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color .2s ease}.toast-notification{position:fixed;top:60px;left:50%;transform:translate(-50%);padding:9px 20px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;z-index:9999;backdrop-filter:blur(16px);box-shadow:0 10px 30px #000c;animation:toast-in .22s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:8px;max-width:90vw;text-align:center;pointer-events:none}.toast-info{background:#0d1626f2;border:1px solid var(--accent-cyan);color:#fff;box-shadow:0 0 20px var(--accent-cyan-glow)}.toast-success{background:#081e16f2;border:1px solid var(--accent-emerald);color:#a7f3d0;box-shadow:0 0 20px var(--accent-emerald-glow)}.toast-warning{background:#241908f2;border:1px solid var(--accent-amber);color:#fde68a;box-shadow:0 0 20px #f59e0b4d}.toast-error{background:#240c12f2;border:1px solid var(--accent-rose);color:#fecdd3;box-shadow:0 0 20px #f43f5e66}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translate(-50%)}}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.connected{background-color:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald-glow);animation:pulse-emerald 2s infinite ease-in-out}.status-dot.connecting{background-color:var(--accent-amber);box-shadow:0 0 8px #f59e0b66;animation:pulse-amber 1.5s infinite}.status-dot.reconnecting{background-color:var(--accent-amber);box-shadow:0 0 8px #f59e0b80;animation:pulse-amber 1.2s infinite}.status-dot.disconnected{background-color:var(--accent-rose);box-shadow:0 0 6px #f43f5e4d}@keyframes pulse-emerald{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}@keyframes pulse-amber{0%,to{opacity:1}50%{opacity:.3}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;outline:none;user-select:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:#050b14;box-shadow:0 3px 12px var(--accent-cyan-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 5px 18px #00f2fe80}.btn-secondary{background:#ffffff0d;border-color:var(--border-subtle);color:var(--text-main)}.btn-secondary:hover{background:#ffffff17;border-color:var(--border-hover);color:#fff}.btn-danger{background:#f43f5e1f;border-color:#f43f5e40;color:#fb7185}.btn-danger:hover{background:#f43f5e38;border-color:#f43f5e80;color:#fff}.btn-icon{padding:7px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-muted)}.btn-icon:hover{color:var(--text-main);background:#ffffff14}.btn-xs{padding:4px 10px;font-size:.75rem;min-height:28px;border-radius:var(--radius-sm)}.btn-icon.btn-xs{width:28px;height:28px;padding:0;min-height:28px}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:1440px;margin:0 auto;padding:12px 16px;gap:10px;overflow:hidden}.header-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;z-index:10;gap:10px;flex-shrink:0}.logo-group{display:flex;align-items:center;gap:10px}.logo-badge{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));display:flex;align-items:center;justify-content:center;color:#000;box-shadow:0 0 15px var(--accent-cyan-glow);font-weight:800;flex-shrink:0}.logo-text h1{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff}.logo-text p{font-size:.68rem;color:var(--accent-cyan);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.user-nickname-btn{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;color:var(--text-main);transition:all .2s}.user-nickname-btn:hover{background:#ffffff1a;border-color:var(--accent-cyan)}.nickname-label{font-size:.78rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:8px}.room-link-group{display:flex;align-items:center;gap:6px}.ping-monitor-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);font-size:.76rem;font-family:var(--font-mono);border:1px solid rgba(0,242,254,.2);background:#090e18e6;color:var(--text-main);flex-shrink:0}.ping-val{font-weight:600;color:var(--accent-cyan)}.mobile-segmented-bar{display:none}.main-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:12px;flex:1;min-height:0;height:100%;overflow:hidden}.sidebar-container{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;min-width:0;max-width:100%;width:100%;box-sizing:border-box;overflow-x:hidden}.file-drop-card{padding:16px;display:flex;flex-direction:column;gap:12px;flex-shrink:0;min-width:0;max-width:100%;width:100%;box-sizing:border-box}.drop-zone{border:2px dashed var(--border-subtle);border-radius:var(--radius-md);padding:22px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:#ffffff03;cursor:pointer;transition:all .2s ease;min-width:0;max-width:100%;width:100%;box-sizing:border-box}.drop-zone:hover,.drop-zone.active{border-color:var(--accent-cyan);background:#00f2fe0a}.transfers-list{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding-right:4px;min-width:0;max-width:100%;width:100%;box-sizing:border-box}.transfer-item{padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%;width:100%;box-sizing:border-box}.transfer-header{display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.progress-bar-bg{width:100%;height:5px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));border-radius:999px;transition:width .15s ease}.chat-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.peer-info{display:flex;align-items:center;gap:10px}.peer-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:#fff;flex-shrink:0}.e2ee-tag{font-size:.68rem;padding:2px 7px;border-radius:999px;background:#10b9811a;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.25);display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono)}.reconnecting-bar{padding:8px 16px;background:#f59e0b1f;border-bottom:1px solid rgba(245,158,11,.25);display:flex;align-items:center;gap:8px;font-size:.78rem;color:#fde68a;flex-shrink:0}.messages-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.message-row{display:flex;flex-direction:column;max-width:80%}.message-row.sent{align-self:flex-end;align-items:flex-end}.message-row.received{align-self:flex-start;align-items:flex-start}.message-sender-name{font-size:.72rem;font-weight:600;color:var(--text-dim);margin-bottom:3px;padding:0 4px}.message-bubble-wrapper{display:flex;align-items:center;gap:6px;position:relative;max-width:100%}.message-row.sent .message-bubble-wrapper{flex-direction:row-reverse}.message-row.received .message-bubble-wrapper{flex-direction:row}.message-bubble{padding:10px 15px;border-radius:18px;font-size:.9rem;line-height:1.45;word-break:break-word;position:relative}.message-row.sent .message-bubble{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;border-bottom-right-radius:4px;box-shadow:0 3px 12px #0284c740}.message-row.received .message-bubble{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-main);border-bottom-left-radius:4px}.message-sender-meta{display:flex;align-items:center;gap:6px;margin-bottom:2px}.message-meta{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:.7rem;color:var(--text-dim);font-family:var(--font-mono);padding:0 4px}.message-action-dock{display:flex;align-items:center;gap:2px;opacity:0;pointer-events:none;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:20px;padding:2px 4px;box-shadow:0 4px 14px #0006;transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0;position:absolute;top:-12px;z-index:26}.message-row.sent .message-action-dock{right:6px;left:auto}.message-row.received .message-action-dock{left:6px;right:auto}.message-bubble-wrapper.mobile-active{z-index:25}.message-bubble-wrapper:hover .message-action-dock,.message-bubble-wrapper.mobile-active .message-action-dock,.message-action-dock:focus-within{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-bubble-action-trigger{display:none;background:#0e1424b3;border:1px solid var(--border-subtle);color:var(--text-dim);width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0;touch-action:manipulation;position:relative}.mobile-bubble-action-trigger:after{content:"";position:absolute;inset:-6px}@media(max-width:768px),(hover:none){.mobile-bubble-action-trigger{display:inline-flex}}.mobile-bubble-action-trigger:hover,.mobile-bubble-action-trigger:active{background:#00f2fe26;border-color:var(--accent-cyan);color:var(--accent-cyan)}.mobile-actions-backdrop{position:fixed;inset:0;z-index:15;background:transparent}.message-action-btn{background:transparent;border:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .15s ease;padding:0}.message-action-btn:hover{background:#00f2fe26;color:var(--accent-cyan);transform:scale(1.1)}.reaction-picker-flyout{position:absolute;display:flex;align-items:center;gap:2px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:24px;padding:3px 6px;box-shadow:0 8px 24px #0009;z-index:30;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);max-width:calc(100vw - 32px);box-sizing:border-box}.message-row.sent .reaction-picker-flyout{right:0;left:auto;transform:none}.message-row.received .reaction-picker-flyout{left:0;right:auto;transform:none}.reaction-picker-flyout.drop-up,.reaction-picker-flyout:not(.drop-down){bottom:calc(100% + 5px)}.reaction-picker-flyout.drop-down{top:calc(100% + 5px);bottom:auto}.reaction-emoji-btn{background:transparent;border:none;font-size:1rem;padding:3px 5px;cursor:pointer;border-radius:6px;transition:transform .15s ease,background .15s ease;display:flex;align-items:center;justify-content:center}.reaction-emoji-btn:hover{transform:scale(1.25);background:#ffffff1a}.message-reactions-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding:0 2px}.reaction-pill{display:inline-flex;align-items:center;gap:4px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:12px;padding:2px 7px;font-size:.74rem;cursor:pointer;color:var(--text-main);transition:all .15s ease}.reaction-pill:hover{border-color:var(--border-hover);background:#ffffff17}.reaction-pill.active{background:#00f2fe24;border-color:var(--accent-cyan);color:var(--accent-cyan)}.reaction-pill-emoji{font-size:.85rem;line-height:1}.reaction-pill-count{font-weight:600;font-size:.72rem;font-family:var(--font-mono)}.message-system-row{display:flex;align-items:center;justify-content:center;margin:10px 0;width:100%}.message-system-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:14px;padding:3px 12px;font-size:.74rem;color:var(--text-dim);font-weight:500;text-align:center;max-width:90%}@media(hover:none){.message-action-dock{opacity:.8;pointer-events:auto}}.message-reply-quote{padding:6px 10px;margin-bottom:6px;border-radius:8px;background:#00000040;border-left:3px solid var(--accent-cyan);cursor:pointer;transition:background .15s ease,transform .15s ease;user-select:none}.message-row.sent .message-reply-quote{background:#00000038;border-left-color:#ffffffd9}.message-reply-quote:hover{background:#00000061;transform:translate(2px)}.reply-quote-author{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;color:var(--accent-cyan);margin-bottom:2px}.message-row.sent .reply-quote-author{color:#fffffff2}.reply-quote-snippet{font-size:.76rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.message-row.sent .reply-quote-snippet{color:#ffffffbf}.reply-preview-dock{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;background:#0e1422f5;backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);border-left:4px solid var(--accent-cyan);position:relative;z-index:10;animation:slideDownFade .2s cubic-bezier(.16,1,.3,1)}.reply-preview-content{flex:1;min-width:0}.reply-preview-author{display:flex;align-items:center;gap:5px;font-size:.74rem;font-weight:700;color:var(--accent-cyan);margin-bottom:2px}.reply-preview-snippet{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.reply-preview-close{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-dim);border-radius:50%;width:32px;height:32px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0;position:relative;touch-action:manipulation}.reply-preview-close:after{content:"";position:absolute;inset:-6px}.reply-preview-close:hover{background:#f43f5e26;border-color:#f43f5e66;color:#fb7185}.message-pulse-highlight{animation:messagePulseGlow 1.6s ease-out;border-radius:20px}@keyframes messagePulseGlow{0%{box-shadow:0 0 #00f2fed9,0 0 24px #00f2fe99;transform:scale(1.02)}40%{box-shadow:0 0 0 8px #00f2fe59,0 0 32px #00f2fe66;transform:scale(1.02)}to{box-shadow:none;transform:scale(1)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.typing-bubble{display:flex;align-items:center;gap:4px;padding:8px 14px}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);display:inline-block;animation:typing-bounce 1.2s infinite ease-in-out}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}.status-badge-inline{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-family:var(--font-mono);padding:2px 7px;border-radius:var(--radius-full);font-weight:600}.status-badge-inline.online{background:#10b9811f;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.3)}.status-badge-inline.reconnecting{background:#f59e0b1f;color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.status-badge-inline.offline{background:#64748b1f;color:var(--text-dim);border:1px solid rgba(100,116,139,.25)}.status-dot-pulse{width:6px;height:6px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald);animation:pulse-ring 2s infinite ease-in-out}.status-dot-pulse.warning{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber)}.status-dot-static.offline{width:6px;height:6px;border-radius:50%;background:var(--text-dim)}@keyframes pulse-ring{0%{transform:scale(.85);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.85);opacity:.7}}.message-bubble.media-card-bubble{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;max-width:min(320px,85vw)!important;width:auto!important}.message-row.game-row{max-width:min(440px,92vw)!important;width:auto!important}.message-row.game-row.sent{align-self:flex-end!important;align-items:flex-end!important}.message-row.game-row.received{align-self:flex-start!important;align-items:flex-start!important}.message-row.game-row .message-bubble{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;width:100%!important;max-width:100%!important}.wa-media-card{position:relative;width:280px;min-width:260px;max-width:min(320px,85vw);border-radius:14px;overflow:hidden;background:#0c111ee0;border:1px solid rgba(0,242,254,.25);box-shadow:0 4px 18px #00000073;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;box-sizing:border-box}.wa-media-card.idle{cursor:pointer}.wa-media-card.idle:hover,.wa-media-card.idle:active{border-color:var(--accent-cyan);box-shadow:0 4px 22px #00f2fe40}.wa-media-backdrop{position:relative;width:100%;height:200px;min-height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#0b1120}.wa-media-backdrop.blur{filter:blur(12px) brightness(.65);transform:scale(1.08)}.wa-media-backdrop.pattern{background:radial-gradient(circle at 50% 45%,#00f2fe26,#080c14f5);display:flex;align-items:center;justify-content:center}.wa-media-pattern-content{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;color:var(--text-dim)}.wa-media-pattern-label{font-size:.72rem;font-weight:700;letter-spacing:.8px;color:var(--accent-cyan);text-transform:uppercase}.wa-media-backdrop.pattern.expired{background:radial-gradient(circle at 50% 50%,#ef444426,#06080df2)}.wa-media-center-action{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:2;pointer-events:none}.wa-center-download-btn{width:52px;height:52px;border-radius:50%;background:#080c16d9;backdrop-filter:blur(10px);border:2px solid var(--accent-cyan);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00f2fe66;transition:all .2s cubic-bezier(.16,1,.3,1);pointer-events:auto;cursor:pointer}.wa-media-card.idle:hover .wa-center-download-btn,.wa-center-download-btn:hover{transform:scale(1.12);background:var(--accent-cyan);color:#03050a;box-shadow:0 0 28px #00f2feb3}.wa-download-pill{font-size:.72rem;font-weight:700;color:#fff;background:#000000bf;padding:3px 10px;border-radius:12px;font-family:var(--font-mono);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 8px #0006;pointer-events:auto}.wa-progress-circle-wrap{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.wa-progress-svg{transform:rotate(-90deg)}.wa-progress-track{stroke:#ffffff26}.wa-progress-fill{stroke:var(--accent-cyan);stroke-linecap:round;transition:stroke-dashoffset .2s linear;filter:drop-shadow(0 0 5px var(--accent-cyan))}.wa-progress-cancel-btn{position:absolute;width:28px;height:28px;border-radius:50%;background:#ef444440;border:1px solid rgba(239,68,68,.5);color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .2s}.wa-progress-cancel-btn:hover{background:#ef4444;color:#fff;transform:scale(1.12)}.wa-download-status-text{font-size:.74rem;font-weight:600;color:#fff;background:#000000b3;padding:3px 10px;border-radius:12px;font-family:var(--font-mono)}.wa-download-status-text.expired{color:#ef4444;background:#ef444426;border:1px solid rgba(239,68,68,.4)}.wa-expired-sub{font-size:.68rem;color:var(--text-muted);background:#0009;padding:2px 8px;border-radius:8px}.wa-media-image-wrap{position:relative;cursor:pointer;overflow:hidden}.wa-media-img{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:14px 14px 0 0;transition:transform .25s ease}.wa-media-image-wrap:hover .wa-media-img{transform:scale(1.02)}.wa-media-zoom-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;background:#0006;color:#fff;font-size:.8rem;font-weight:600;opacity:0;transition:opacity .2s ease}.wa-media-image-wrap:hover .wa-media-zoom-overlay{opacity:1}.wa-media-glass-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:#0e1424e6;border-top:1px solid rgba(255,255,255,.07);min-width:0}.wa-media-glass-bar.compact{position:absolute;bottom:0;left:0;right:0;z-index:3;background:linear-gradient(180deg,transparent 0%,rgba(6,8,13,.95) 100%);border-top:none}.wa-media-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.wa-media-name{font-size:.8rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-media-meta{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.wa-media-badge-tag{font-size:.65rem;font-weight:700;color:var(--accent-cyan);background:#00f2fe1f;border:1px solid rgba(0,242,254,.3);padding:1px 6px;border-radius:4px;font-family:var(--font-mono);flex-shrink:0}.wa-media-save-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:16px;background:#00f2fe1f;border:1px solid var(--accent-cyan);color:var(--accent-cyan);font-size:.72rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s;flex-shrink:0}.wa-media-save-btn:hover{background:var(--accent-cyan);color:#03050a;box-shadow:0 0 12px #00f2fe66}.telegram-doc-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0e1424d9;border:1px solid rgba(0,242,254,.18);border-radius:12px;box-shadow:0 4px 16px #00000040;width:min(320px,85vw);min-width:min(260px,78vw);box-sizing:border-box;transition:all .2s ease;position:relative;overflow:hidden}.telegram-doc-card.idle{cursor:pointer}.telegram-doc-card.idle:hover{border-color:#00f2fe73;box-shadow:0 4px 20px #00f2fe26;transform:translateY(-1px)}.telegram-doc-card.ready{border-color:#10b98159}.telegram-doc-card.expired{background:#ef444414;border-color:#ef444459}.telegram-doc-badge{width:44px;height:44px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;flex-shrink:0;border:1px solid;position:relative}.telegram-doc-badge .doc-icon{flex-shrink:0}.telegram-doc-badge .doc-badge-pill{font-size:.58rem;font-weight:800;letter-spacing:.5px;font-family:var(--font-mono);text-transform:uppercase;line-height:1}.telegram-doc-badge.pdf{background:#ef444426;border-color:#ef444473;color:#ef4444}.telegram-doc-badge.archive{background:#f59e0b26;border-color:#f59e0b73;color:#f59e0b}.telegram-doc-badge.code{background:#06b6d426;border-color:#06b6d473;color:#06b6d4}.telegram-doc-badge.doc{background:#3b82f626;border-color:#3b82f673;color:#3b82f6}.telegram-doc-badge.audio{background:#a855f726;border-color:#a855f773;color:#a855f7}.telegram-doc-badge.video{background:#f43f5e26;border-color:#f43f5e73;color:#f43f5e}.telegram-doc-badge.generic{background:#94a3b826;border-color:#94a3b873;color:#94a3b8}.telegram-doc-badge.expired{background:#ef44441f;border-color:#ef444466;color:#ef4444}.doc-card-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;overflow:hidden}.doc-card-title{font-size:.85rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.doc-card-title.expired{color:var(--text-dim);text-decoration:line-through}.doc-card-sub{display:flex;align-items:center;gap:6px;font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;overflow:hidden}.doc-size-pill{color:var(--text-muted)}.doc-dot{color:var(--text-dim)}.doc-ext-tag{color:var(--accent-cyan);font-weight:700}.doc-status-pill.success{display:inline-flex;align-items:center;gap:3px;color:var(--accent-emerald);font-weight:600}.doc-status-pill.error{color:#ef4444;font-weight:600}.doc-speed-text{color:var(--accent-cyan);font-weight:600}.telegram-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;border:1px solid;cursor:pointer;transition:all .2s ease;flex-shrink:0;text-decoration:none}.telegram-action-btn.fetch{background:linear-gradient(135deg,#00f2fe40,#00f2fe1a);border-color:var(--accent-cyan);color:#fff;box-shadow:0 0 10px #00f2fe40}.telegram-action-btn.fetch:hover{background:var(--accent-cyan);color:#03050a;box-shadow:0 0 16px #00f2fe80;transform:scale(1.04)}.telegram-action-btn.ready{background:#10b98126;border-color:var(--accent-emerald);color:var(--accent-emerald)}.telegram-action-btn.ready:hover{background:var(--accent-emerald);color:#03050a;box-shadow:0 0 12px #10b98166;transform:scale(1.04)}.doc-progress-ring-box{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-progress-svg{transform:rotate(-90deg)}.doc-progress-track{stroke:#ffffff1f}.doc-progress-fill{stroke:var(--accent-cyan);stroke-linecap:round;transition:stroke-dashoffset .2s linear;filter:drop-shadow(0 0 4px var(--accent-cyan))}.doc-progress-cancel-btn{position:absolute;width:22px;height:22px;border-radius:50%;background:#ef444440;border:1px solid rgba(239,68,68,.5);color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.doc-progress-cancel-btn:hover{background:#ef4444;color:#fff;transform:scale(1.12)}.audio-bubble-container{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#090d16b3;border:1px solid rgba(0,242,254,.25);border-radius:var(--radius-full);max-width:270px;transition:all .2s ease}.audio-bubble-container.expired{border-color:#ef444466;background:#ef444414}.audio-play-btn{width:32px;height:32px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 0 10px #00f2fe59}.audio-play-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 0 16px #00f2fe99}.audio-play-btn.downloading{background:#00f2fe26;border:1px solid var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 10px #00f2fe40}.audio-play-btn.expired{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444;cursor:not-allowed;box-shadow:none}.wave-bar.expired{background:#ef444459}.audio-time-label.expired{color:#ef4444;font-size:.68rem;font-weight:600}.spin-loader{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-waveform{display:flex;align-items:center;gap:2.5px;height:38px;padding:4px 0;flex:1;touch-action:manipulation;cursor:pointer}.wave-bar{flex:1;width:3px;border-radius:2px;background:#ffffff40;transition:background-color .2s ease,height .2s ease}.wave-bar.active{background:var(--accent-cyan);box-shadow:0 0 4px var(--accent-cyan-glow)}.wave-bar.pulsing{animation:wave-pulse .7s infinite alternate ease-in-out}@keyframes wave-pulse{0%{transform:scaleY(.4);opacity:.7}to{transform:scaleY(1.15);opacity:1}}.audio-time-label{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);min-width:34px;text-align:right;flex-shrink:0}.audio-save-btn{display:flex;align-items:center;justify-content:center;color:var(--text-dim);background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:color .15s}.audio-save-btn:hover{color:var(--accent-cyan)}.chat-image-preview{max-width:280px;max-height:200px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:zoom-in;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px #00000080}.chat-image-preview:hover{transform:scale(1.02);border-color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan-glow)}.code-block-wrapper{background:#080b12;border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden;margin:4px 0;max-width:100%}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:5px 12px;background:#ffffff0a;border-bottom:1px solid var(--border-subtle);font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted)}.copy-code-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--text-muted);font-size:.7rem;cursor:pointer;transition:color .15s}.copy-code-btn:hover{color:var(--accent-cyan)}.code-block-content{padding:10px 14px;margin:0;font-family:var(--font-mono);font-size:.82rem;line-height:1.45;color:#e2e8f0;overflow-x:auto}.chat-drop-overlay{position:absolute;inset:0;background:#060a12e0;backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px dashed var(--accent-cyan);border-radius:var(--radius-lg);z-index:50;pointer-events:none;color:#fff;font-weight:600;font-size:.95rem;box-shadow:inset 0 0 30px var(--accent-cyan-glow);animation:fadeIn .15s ease}.recording-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f43f5e14;border-top:1px solid rgba(244,63,94,.3);flex-shrink:0}.record-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-rose);display:inline-block;box-shadow:0 0 8px #f43f5ecc}.mic-btn{color:var(--accent-cyan);transition:transform .15s,color .15s}.mic-btn:hover{transform:scale(1.1);color:#fff}.chat-input-bar{padding:10px 14px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:8px;background:#090d16f2;flex-shrink:0}.chat-input{flex:1;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:10px 18px;color:var(--text-main);font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s}.chat-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px var(--accent-cyan-glow)}.send-btn{padding:10px 16px;border-radius:var(--radius-full)}.quick-emoji-bar{padding:6px 14px;display:flex;gap:8px;background:#0c101af2;border-top:1px solid var(--border-subtle);align-items:center;flex-shrink:0;max-width:100%;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch}.emoji-btn{background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:2px 4px;transition:transform .15s}.emoji-btn:hover{transform:scale(1.25)}.waiting-hero-card{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:380px;gap:14px;padding:14px}.call-trigger-btn{background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-full);transition:all .2s ease}.call-trigger-btn:hover{background:#00f2fe1f;border-color:var(--accent-cyan);transform:translateY(-1px)}.call-incoming-dialog{display:flex;flex-direction:column;align-items:center;border-color:#00f2fe4d;box-shadow:0 20px 50px #000c,0 0 30px var(--accent-cyan-glow)}.incoming-avatar-ring{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center;margin-top:8px}.call-avatar-pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:2px solid var(--accent-cyan);animation:call-pulse 1.8s infinite cubic-bezier(.25,1,.5,1)}.call-avatar-pulse.outgoing{border-color:var(--accent-purple);animation:call-pulse 2.2s infinite cubic-bezier(.25,1,.5,1)}@keyframes call-pulse{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.6);opacity:0}}.call-avatar-inner{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#000;font-size:1.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 25px var(--accent-cyan-glow)}.incoming-call-actions{display:flex;gap:16px;width:100%}.btn-call-decline{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:var(--radius-full);background:#f43f5e26;border:1px solid var(--accent-rose);color:#fecdd3;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s}.btn-call-decline:hover{background:var(--accent-rose);color:#fff;box-shadow:0 0 20px #f43f5e66}.btn-call-accept{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:var(--radius-full);background:linear-gradient(135deg,#10b981,#059669);border:1px solid var(--accent-emerald);color:#fff;font-weight:700;font-size:.88rem;cursor:pointer;box-shadow:0 0 20px var(--accent-emerald-glow);transition:all .2s}.btn-call-accept:hover{transform:translateY(-1px);filter:brightness(1.1)}.calling-pip-preview{width:100%;height:140px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);background:#000;margin-top:10px}.call-overlay{position:fixed;inset:0;z-index:10001;background:#05070f;display:flex;flex-direction:column;overflow:hidden;height:100vh;height:100dvh;width:100vw;animation:fadeIn .2s ease-out}.call-overlay:fullscreen,.call-overlay:-webkit-full-screen{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#020306}.call-header-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top,14px)) max(24px,env(safe-area-inset-right,24px)) 14px max(24px,env(safe-area-inset-left,24px));background:#0c101ae6;border-bottom:1px solid var(--border-subtle);z-index:1000}.call-header-left{display:flex;align-items:center;gap:10px}.call-header-right{display:flex;align-items:center;gap:8px}.call-peer-name{font-weight:700;font-size:.9rem;color:#fff}.end-call-header-btn{background:#f43f5e40!important;border-color:var(--accent-rose)!important;color:#fff!important}.end-call-header-btn:hover{background:var(--accent-rose)!important;box-shadow:0 0 14px #f43f5e99;transform:scale(1.05)}.call-peer-badge{display:flex;align-items:center;gap:8px}.call-status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald-glow)}.call-timer-badge{font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--accent-cyan);padding:3px 9px;background:#00f2fe14;border:1px solid rgba(0,242,254,.25);border-radius:var(--radius-full)}.call-security-badge{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text-dim);padding:3px 8px;background:#ffffff08;border-radius:var(--radius-full)}.call-icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-subtle);background:#ffffff0d;color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.call-icon-btn:hover{background:#ffffff1f}.call-viewport{flex:1 1 auto;min-height:0;width:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#020306}.call-audio-visualizer{display:flex;flex-direction:column;align-items:center;justify-content:center}.audio-visualizer-orb{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.audio-visualizer-wave{position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent-cyan);opacity:.5}.audio-visualizer-wave.wave-1{animation:audio-pulse 2.4s infinite cubic-bezier(.16,1,.3,1)}.audio-visualizer-wave.wave-2{animation:audio-pulse 2.4s infinite cubic-bezier(.16,1,.3,1) .8s;border-color:var(--accent-purple)}@keyframes audio-pulse{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.8);opacity:0}}.audio-visualizer-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#000;font-size:2.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 35px var(--accent-cyan-glow)}.voice-wave-bars{display:flex;align-items:center;gap:5px;height:20px;margin-top:10px}.voice-wave-bar{width:3px;height:10px;border-radius:2px;background:var(--accent-cyan);animation:voice-bar-pulse 1.2s ease-in-out infinite alternate}.voice-wave-bar:nth-child(2){animation-delay:.2s;height:16px}.voice-wave-bar:nth-child(3){animation-delay:.4s;height:20px;background:var(--accent-purple)}.voice-wave-bar:nth-child(4){animation-delay:.15s;height:13px}.voice-wave-bar:nth-child(5){animation-delay:.35s;height:17px}@keyframes voice-bar-pulse{0%{transform:scaleY(.4);opacity:.6}to{transform:scaleY(1);opacity:1}}.call-remote-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none}.call-zoom-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;will-change:transform}.call-remote-video.fit-contain{object-fit:contain;width:100%;height:100%;max-width:100%;max-height:100%;background:#000}.call-remote-video.fill-cover{object-fit:cover;width:100%;height:100%;max-width:100%;max-height:100%;background:#000}.call-zoom-dock{position:absolute;top:16px;right:20px;z-index:80;display:flex;align-items:center;gap:6px;padding:5px 8px;background:#0a0e18d6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-accent);border-radius:var(--radius-full);box-shadow:0 8px 30px #000000bf,0 0 15px #00f2fe26;animation:fadeIn .2s ease-out}.zoom-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;transition:all .2s ease}.zoom-btn:hover:not(:disabled){background:#00f2fe26;border-color:var(--accent-cyan);color:var(--accent-cyan);transform:scale(1.06)}.zoom-btn:disabled{opacity:.35;cursor:not-allowed}.zoom-btn.active-fill{background:#00f2fe33;border-color:var(--accent-cyan);color:var(--accent-cyan)}.zoom-btn.reset-btn{background:#f43f5e26;border-color:#f43f5e66;color:#fecdd3}.zoom-btn.reset-btn:hover{background:var(--accent-rose);color:#fff;border-color:var(--accent-rose)}.zoom-pill{display:flex;align-items:center;justify-content:center;min-width:48px;padding:4px 8px;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-dim);font-family:var(--font-mono);font-size:.74rem;font-weight:700;cursor:pointer;transition:all .2s ease}.zoom-pill:hover{background:#00f2fe1f;border-color:var(--accent-cyan);color:var(--accent-cyan)}.zoom-pill.active{background:#00f2fe2e;border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan-glow)}.call-zoom-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);pointer-events:none;font-size:.72rem;color:var(--accent-cyan);background:#050810c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:4px 12px;border-radius:var(--radius-full);border:1px solid rgba(0,242,254,.2);letter-spacing:.3px;white-space:nowrap;animation:fadeIn .3s ease-out;z-index:75}.call-local-pip{position:absolute;bottom:96px;right:24px;width:180px;height:120px;border-radius:var(--radius-md);overflow:hidden;background:#0d121f;border:2px solid var(--border-accent);box-shadow:0 10px 30px #000000b3;z-index:60;transition:all .2s ease}.call-local-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.call-local-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0a0d16}.pip-label{position:absolute;bottom:6px;left:8px;font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:4px;background:#0009;color:#fff}.call-controls-dock{position:absolute;bottom:max(24px,env(safe-area-inset-bottom,24px));left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;background:#0c101aeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-accent);border-radius:9999px;box-shadow:0 12px 40px #000000d9;z-index:1000;max-width:94vw;animation:slideUp .25s ease-out}.call-dock-btn{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:8px 10px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;transition:all .2s ease}.call-dock-btn:hover{background:#ffffff24;border-color:var(--accent-cyan)}.call-dock-btn.muted{background:#f43f5e2e;border-color:var(--accent-rose);color:#fecdd3}.call-dock-btn.active-screen{background:#00f2fe2e;border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan-glow)}.call-dock-btn.end-call{background:var(--accent-rose);border-color:var(--accent-rose);color:#fff;min-width:68px;box-shadow:0 0 20px #f43f5e80}.call-dock-btn.end-call:hover{filter:brightness(1.15);transform:scale(1.05)}.dock-btn-label{font-size:.68rem;font-weight:600;white-space:nowrap}.modal-overlay{position:fixed;inset:0;background:#03050ae6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:999;animation:fadeIn .2s ease}.modal-content{width:100%;max-width:480px;max-height:90dvh;overflow-y:auto;padding:22px;background:#0d121f;border:1px solid var(--border-hover);border-radius:var(--radius-lg);box-shadow:0 20px 50px -10px #000c,0 0 20px var(--accent-cyan-glow);display:flex;flex-direction:column;gap:16px}.room-code-display{width:100%;display:flex;flex-direction:column;gap:5px}.room-code-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.room-code-box{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#00f2fe0f;border:1px solid rgba(0,242,254,.25);border-radius:var(--radius-md);gap:8px}.room-code-text{font-family:var(--font-mono);font-size:1.05rem;font-weight:700;color:var(--accent-cyan);letter-spacing:.02em}.connection-guide-card{width:100%;padding:10px 12px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px}.guide-step{display:flex;align-items:flex-start;gap:9px;font-size:.78rem;color:var(--text-muted);line-height:1.4}.guide-step-num{width:18px;height:18px;border-radius:50%;background:var(--bg-ambient-1);color:var(--accent-cyan);font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-tab-switcher,.room-tabs{display:grid;grid-template-columns:1fr 1fr;background:#ffffff0a;padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:6px;width:100%;box-sizing:border-box}.modal-tab-btn,.room-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease;min-height:38px;box-sizing:border-box}.modal-tab-btn:hover,.room-tab-btn:hover{color:#fff;background:#ffffff0d}.modal-tab-btn.active,.room-tab-btn.active{background:var(--bg-ambient-1);border-color:var(--border-accent);color:#fff;box-shadow:0 0 12px var(--accent-cyan-glow)}@media(max-width:480px){.modal-overlay{padding:8px}.modal-content{padding:16px 12px;gap:12px;max-height:94dvh;border-radius:var(--radius-md)}.modal-tab-switcher,.room-tabs{gap:4px;padding:3px}.modal-tab-btn,.room-tab-btn{padding:6px 4px;font-size:.72rem;gap:4px;min-height:34px}.modal-content input{font-size:16px!important}}.lightbox-overlay{position:fixed!important;inset:0!important;z-index:10000!important;background:#030509f0!important;backdrop-filter:blur(12px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;cursor:pointer!important;box-sizing:border-box!important}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:default;box-sizing:border-box}.lightbox-content img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 20px 60px #000000d9}.lightbox-close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;background:#0f172af2;border:1px solid var(--border-subtle);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 4px 16px #0009;transition:all .2s ease}.lightbox-close:hover{background:var(--accent-rose);border-color:var(--accent-rose);transform:scale(1.08)}.home-hub-container{display:flex;flex-direction:column;gap:16px;height:100%;min-height:0;overflow-y:auto;padding:4px;animation:ghostHomeAppearFromBlack .38s cubic-bezier(.16,1,.3,1) forwards}@keyframes ghostHomeAppearFromBlack{0%{opacity:0;filter:brightness(0) blur(4px);transform:scale(.985)}to{opacity:1;filter:brightness(1) blur(0);transform:scale(1)}}.home-header{display:flex;flex-direction:column;padding:12px 18px;border-radius:var(--radius-lg);flex-shrink:0;gap:10px}.home-header-main{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.home-logo-group{display:flex;align-items:center;gap:10px;flex-shrink:0}.home-brand-title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff}.home-brand-sub{font-size:.72rem;color:var(--accent-cyan);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.home-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.home-header-actions .btn-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0}.home-header-actions .btn-danger{height:34px;padding:0 12px;gap:6px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.user-profile-pill{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-full);height:34px;padding:3px 12px 3px 5px;cursor:pointer;transition:all .2s ease;color:var(--text-main)}.user-profile-pill:hover{background:#ffffff1a;border-color:var(--accent-cyan);transform:translateY(-1px)}.user-avatar-circle{width:24px;height:24px;border-radius:50%;color:#000;font-weight:800;font-size:.72rem;display:flex;align-items:center;justify-content:center}.user-profile-name{font-size:.78rem;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-header-actions .btn-danger{white-space:nowrap;flex-shrink:0}.home-room-status-bar{display:flex;align-items:center}.active-room-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-ambient-1);border:1px solid var(--border-accent);border-radius:var(--radius-full);color:var(--text-main);font-size:.78rem;font-family:var(--font-mono);cursor:pointer;transition:all .2s ease;white-space:nowrap}.active-room-pill:hover{background:var(--bg-ambient-1);box-shadow:0 0 15px var(--accent-cyan-glow)}.home-hero-section{text-align:center;padding:8px 10px 2px}.home-hero-section h2{font-size:1.45rem;font-weight:800;margin-bottom:4px;background:linear-gradient(135deg,#fff 40%,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff}.home-hero-section p{font-size:.88rem;color:var(--text-muted);line-height:1.5;font-weight:500}.home-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;flex:1}.feature-hub-card{padding:18px;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:space-between;gap:14px;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1)}.feature-hub-card:hover{transform:translateY(-3px);border-color:#ffffff40}.feature-hub-card.highlight-cyan:hover{border-color:var(--accent-cyan);box-shadow:0 10px 30px -10px var(--accent-cyan-glow)}.feature-hub-card.highlight-purple:hover{border-color:var(--accent-purple);box-shadow:0 10px 30px -10px var(--accent-purple-glow)}.card-top-badge{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-family:var(--font-mono);font-weight:600;color:var(--accent-cyan);background:var(--bg-ambient-1);padding:3px 8px;border-radius:var(--radius-full);align-self:flex-start;border:1px solid var(--border-accent)}.card-top-badge.purple{color:var(--accent-purple);background:#9d4edd1a;border-color:#9d4edd40}.card-top-badge.lock-badge{color:var(--text-dim);background:#ffffff0d;border-color:#ffffff1a}.card-icon-title{display:flex;align-items:center;gap:12px}.card-icon-box{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon-box.cyan{background:var(--bg-ambient-1);color:var(--accent-cyan);border:1px solid var(--border-accent)}.card-icon-box.purple{background:#9d4edd1f;color:var(--accent-purple);border:1px solid rgba(157,78,221,.25)}.card-icon-box.dim{background:#ffffff0a;color:var(--text-dim);border:1px solid rgba(255,255,255,.08)}.card-icon-title h3{font-size:1.05rem;font-weight:700;color:#fff}.card-sub-tag{font-size:.74rem;color:var(--text-dim);font-family:var(--font-mono);font-weight:500}.card-desc{font-size:.84rem;color:var(--text-muted);line-height:1.55;font-weight:450;flex:1}.purple-bg{background:linear-gradient(135deg,var(--accent-purple),#ec4899)}.purple-bg:hover{box-shadow:0 0 20px var(--accent-purple-glow)}.locked-card{opacity:.9}.home-quick-join{padding:14px 18px;border-radius:var(--radius-lg);flex-shrink:0}.quick-join-form{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.quick-join-input-group{display:flex;align-items:center;gap:8px;flex:1;max-width:440px}@media(max-width:640px){.home-header{padding:8px 12px;gap:8px}.home-header-main{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.home-logo-group{flex:1 1 auto;gap:8px;min-width:0;overflow:hidden}.home-brand-title{font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-brand-sub{display:none!important}.home-header-actions{flex:0 0 auto;display:flex;flex-wrap:nowrap;align-items:center;gap:6px}.pwa-install-badge-btn{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.pwa-install-badge-btn span{display:none!important}.home-header-actions .btn-icon{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--radius-sm)!important}.user-profile-pill{padding:2px!important;border-radius:50%!important;width:34px!important;height:34px!important;min-width:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.user-profile-name{display:none!important}.user-avatar-circle{width:28px!important;height:28px!important}.home-header-actions .burn-text{display:none!important}.home-header-actions .btn-danger{padding:0!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.home-room-status-bar{order:3;width:100%;margin-top:2px}.active-room-pill{width:100%;justify-content:center;padding:6px 12px;font-size:.72rem}.home-connecting-banner{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.home-connecting-banner-top{display:flex;align-items:center;gap:10px}.connecting-banner-actions .btn{width:100%;justify-content:center}.quick-join-form{flex-direction:column;align-items:stretch;gap:8px}.quick-join-input-group{max-width:100%}.quick-join-input-group input{font-size:16px!important}.quick-join-input-group .btn{white-space:nowrap;flex-shrink:0}}.home-connecting-banner{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius-lg);border:1px solid rgba(0,242,254,.35);background:linear-gradient(135deg,#00f2fe14,#4facfe08);box-shadow:0 4px 20px #00f2fe1f;animation:bannerPulse 2.5s infinite ease-in-out;flex-shrink:0}@keyframes bannerPulse{0%,to{border-color:#00f2fe59;box-shadow:0 4px 18px #00f2fe1f}50%{border-color:#00f2fea6;box-shadow:0 4px 28px #00f2fe38}}.connecting-radar-wrap{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.connecting-radar-core{width:28px;height:28px;border-radius:50%;background:#00f2fe33;border:1px solid var(--accent-cyan);display:flex;align-items:center;justify-content:center;z-index:2}.connecting-radar-ring{position:absolute;border-radius:50%;border:1.5px solid var(--accent-cyan);opacity:0;animation:radarPing 2s cubic-bezier(0,.2,.8,1) infinite}.connecting-radar-ring.ring-2{animation-delay:.8s}@keyframes radarPing{0%{width:14px;height:14px;opacity:.85}to{width:40px;height:40px;opacity:0}}.connecting-banner-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.connecting-banner-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.connecting-banner-title{font-size:.92rem;font-weight:700;color:#fff}.connecting-timer-badge{font-size:.68rem;font-family:var(--font-mono);font-weight:700;color:var(--accent-cyan);background:#00f2fe26;padding:2px 7px;border-radius:var(--radius-full);border:1px solid rgba(0,242,254,.3)}.connecting-banner-sub{font-size:.78rem;color:var(--text-muted);line-height:1.35}.connecting-banner-hint{font-size:.72rem;color:var(--accent-cyan);font-family:var(--font-mono);display:flex;align-items:center;gap:5px}.game-arena-container{display:flex;flex-direction:column;height:100%;min-height:0;border-radius:var(--radius-lg);overflow:hidden;position:relative;background:var(--bg-primary)}.game-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-subtle);background:var(--bg-card);flex-shrink:0!important;position:sticky!important;top:0!important;z-index:50!important;gap:12px;width:100%!important;box-sizing:border-box!important;padding-top:max(10px,env(safe-area-inset-top))!important}.game-header-left,.game-header-right{display:flex;align-items:center;gap:8px}.game-settings-btn{width:32px;height:32px;min-width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}@media(max-width:640px){.game-header{padding:6px 10px;gap:6px;max-width:100vw;overflow-x:hidden}.game-header-left,.game-header-right{gap:6px}.game-nav-label,.game-drawer-btn-label,.voice-dock-offline .voice-status-indicator,.voice-connect-btn .voice-btn-label{display:none}.game-room-pill{padding:2px 6px;font-size:.72rem;max-width:160px}.game-room-code{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-waiting-banner{padding:6px 8px;font-size:.72rem;flex-wrap:wrap;gap:6px}.grid-score-pills{gap:4px}.cyber-board{grid-template-columns:repeat(3,78px);grid-template-rows:repeat(3,78px);gap:6px}.cyber-cell{font-size:1.8rem}}.game-stage-wrapper{flex:1;position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden}.pong-arena-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden;box-sizing:border-box;width:100%}.pong-subbar{flex-shrink:0!important;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;background:#0003}.game-scoreboard{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.95rem;font-weight:700}.player-tag.left{color:var(--accent-cyan)}.player-tag.right{color:var(--accent-emerald)}.vs-divider{color:var(--text-dim)}.game-canvas-wrapper{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;cursor:ns-resize;background:#04060a}.game-canvas{width:100%;height:100%;max-width:600px;max-height:400px;object-fit:contain;box-shadow:0 0 40px #000c,0 0 0 1px var(--border-subtle);border-radius:var(--radius-md)}.faceoff-pip-dock{position:absolute;top:14px;right:14px;width:90px;height:90px;border-radius:var(--radius-md);border:1px solid var(--border-accent);background:#0c101ae0;backdrop-filter:var(--glass-blur);overflow:hidden;box-shadow:0 8px 24px #0009;display:flex;flex-direction:column;z-index:20}.faceoff-video{width:100%;height:100%;object-fit:cover}.faceoff-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:var(--accent-cyan);background:#00f2fe0d}.faceoff-controls{position:absolute;bottom:3px;left:0;right:0;display:flex;justify-content:center;gap:4px;padding:2px;background:#000000a6}.faceoff-controls .btn-xs{width:22px;height:22px;padding:0;border-radius:4px}.cyber-grid-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:12px;background:#04060a;min-height:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;width:100%}.grid-status-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:380px}.grid-score-pills{display:flex;align-items:center;gap:8px}.score-pill{font-size:.72rem;font-family:var(--font-mono);padding:3px 8px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#ffffff0a;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.score-pill.you{color:var(--accent-cyan);border-color:#00f2fe40}.score-pill.ties{color:var(--text-dim)}.score-pill.peer{color:var(--accent-emerald);border-color:#10b98140}.grid-turn-indicator{font-size:.85rem;font-weight:700}.active-turn.user{color:var(--accent-cyan);text-shadow:0 0 10px var(--accent-cyan-glow)}.active-turn.opponent{color:var(--accent-amber)}.winner-label{color:#fff;font-size:1rem}.cyber-board{display:grid;grid-template-columns:repeat(3,90px);grid-template-rows:repeat(3,90px);gap:8px;padding:10px;background:#ffffff05;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:0 0 30px #000000b3}.cyber-cell{background:#0e1320d9;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:2.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;user-select:none}.cyber-cell:hover:not(:disabled){border-color:var(--accent-cyan);background:#00f2fe14;transform:scale(1.03)}.cyber-cell.filled-x{color:var(--accent-cyan);text-shadow:0 0 15px var(--accent-cyan-glow)}.cyber-cell.filled-o{color:var(--accent-emerald);text-shadow:0 0 15px var(--accent-emerald-glow)}.cyber-cell.winning-cell{background:#00f2fe40;border-color:var(--accent-cyan);animation:pulse-ring 1s infinite alternate}.game-winner-overlay{position:absolute;inset:0;background:#06080de0;backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:30}.game-winner-overlay h3{font-size:1.4rem;font-weight:800;color:#fff}.game-lobby-chat-container{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;width:100%;overflow:hidden}.game-chat-feed{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;background:var(--bg-primary, #030508);overflow:hidden}.game-chat-header{padding:8px 14px;display:flex;align-items:center;justify-content:space-between;font-size:.74rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.05);background:#0e132066;flex-shrink:0}.game-chat-messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.empty-game-chat{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.74rem;color:var(--text-dim);padding:20px}.game-msg-row{display:flex;align-items:flex-end;gap:8px}.game-msg-row.mine{justify-content:flex-end}.game-msg-avatar{width:26px;height:26px;border-radius:7px;font-size:.72rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-msg-bubble{max-width:78%;padding:8px 14px;border-radius:14px;font-size:.84rem;line-height:1.4;word-break:break-word}.game-msg-bubble.mine{background:linear-gradient(135deg,#00f2fe,#4facfe);color:#000;font-weight:600;border-bottom-right-radius:3px;box-shadow:0 2px 10px #00f2fe33}.game-msg-bubble.theirs{background:#ffffff14;color:var(--text-main);border-bottom-left-radius:3px;border:1px solid rgba(255,255,255,.05)}.game-quick-chips{display:flex;gap:6px;padding:6px 12px;overflow-x:auto;scrollbar-width:none;flex-shrink:0;background:#00000026}.game-quick-chips::-webkit-scrollbar{display:none}.chip-btn{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.74rem;white-space:nowrap;cursor:pointer;transition:all .15s ease}.chip-btn:hover{background:#00f2fe26;color:#00f2fe;border-color:#00f2fe4d}.game-chat-input-bar{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--border-subtle);background:var(--bg-card);align-items:center;flex-shrink:0}.game-add-card-btn{background:#00f2fe1a!important;border:1px solid rgba(0,242,254,.3)!important;color:var(--accent-cyan)!important;box-shadow:0 0 10px #00f2fe26;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.game-add-card-btn:hover{background:#00f2fe33!important;border-color:#00f2fe!important;box-shadow:0 0 14px #00f2fe59;transform:translateY(-1px)}@media(max-width:768px){.game-chat-input-bar{padding:6px 8px;padding-bottom:max(10px,env(safe-area-inset-bottom,10px));gap:6px}.game-chat-input-bar input{font-size:16px!important;height:38px}.game-add-card-btn{height:38px!important;padding:0 10px!important}.game-chat-send-btn{height:38px!important;width:38px!important;min-width:38px!important}.game-chat-messages{padding:8px 10px;gap:8px}}.game-shelf-container{display:flex;flex-direction:column;gap:12px}.game-shelf-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:4px}.game-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.game-select-card{display:flex;flex-direction:column;padding:12px;border-radius:var(--radius-md);background:#ffffff06;border:1px solid var(--border-subtle);transition:all .2s ease;position:relative;overflow:hidden}.game-select-card:hover{background:#ffffff0d;border-color:#a855f766;transform:translateY(-2px);box-shadow:0 4px 20px #00000059}.game-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.game-card-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid}.game-card-badge{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);letter-spacing:.02em}.game-card-title{margin:0 0 4px;font-size:.88rem;font-weight:700;color:var(--text-main)}.game-card-desc{margin:0 0 12px;font-size:.72rem;color:var(--text-muted);line-height:1.35;flex:1}.game-card-actions{display:flex;gap:6px;align-items:center;margin-top:auto}@media(max-width:768px){.game-cards-row{grid-template-columns:1fr;gap:8px}.game-select-card{padding:10px}.game-card-desc{margin-bottom:8px}}.in-chat-game-card{width:100%;max-width:420px;margin:4px 0;padding:12px 14px;border-radius:var(--radius-md);background:#0e1320c7;border:1px solid rgba(0,242,254,.25);box-shadow:0 4px 20px #00000073;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;transition:all .2s ease}.in-chat-game-card.concluded{background:#ffffff05!important;border-color:#ffffff14!important;box-shadow:none!important}.in-chat-game-card.concluded .in-chat-card-header,.in-chat-game-card.concluded .in-chat-players-row{opacity:.65;filter:grayscale(.8)}.in-chat-game-card.concluded .rematch-btn{cursor:pointer!important;opacity:1!important;filter:none!important}.in-chat-card-header{display:flex;align-items:center;justify-content:space-between}.in-chat-card-title-group{display:flex;align-items:center;gap:10px}.in-chat-card-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid}.in-chat-card-title{margin:0;font-size:.92rem;font-weight:700;color:var(--text-main)}.in-chat-card-tag{font-size:.68rem;color:var(--text-muted)}.in-chat-card-badge span{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full)}.badge-waiting{background:#00f2fe1f;color:var(--accent-cyan);border:1px solid rgba(0,242,254,.3)}.badge-ready{background:#10b9811f;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.35);animation:pulse-ring 1.8s infinite}.badge-concluded{background:#ffffff0d;color:var(--text-dim);border:1px solid rgba(255,255,255,.1)}.in-chat-players-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 10px;background:#00000047;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.05);min-width:0}.in-chat-player-slot{display:flex;align-items:center;gap:6px;min-width:0;flex:1;overflow:hidden}.in-chat-vs-label{font-size:.68rem;font-weight:800;font-family:var(--font-mono);color:var(--text-dim);padding:2px 6px;border-radius:var(--radius-full);background:#ffffff0a;flex-shrink:0;text-align:center}.in-chat-player-avatar{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;color:#fff;flex-shrink:0}.in-chat-player-avatar.empty{background:#ffffff0a;border:1px dashed var(--border-subtle)}.in-chat-player-info{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden}.in-chat-player-name{font-size:.78rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.in-chat-player-name.empty{color:var(--text-dim);font-style:italic}.in-chat-player-role{font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.in-chat-ready-dot{width:18px;height:18px;border-radius:50%;background:#10b98126;display:flex;align-items:center;justify-content:center;flex-shrink:0}.in-chat-vs-label{font-size:.7rem;font-weight:800;color:var(--accent-purple, #c084fc);padding:0 4px}.in-chat-card-actions{display:flex;width:100%}.in-chat-waiting-msg{width:100%;text-align:center;font-size:.72rem;color:var(--accent-cyan);padding:4px}.concluded-btn{opacity:.6;font-size:.72rem!important;color:var(--text-dim)!important}.launch-card-btn{background:linear-gradient(135deg,#a855f7,#ec4899)!important;border:none!important;color:#fff!important;font-weight:700!important;height:38px!important;font-size:.82rem!important;box-shadow:0 0 16px #ec489973;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.launch-card-btn:hover{box-shadow:0 0 24px #ec4899a6;transform:translateY(-1px)}.join-card-btn{background:linear-gradient(135deg,#00f2fe,#4facfe)!important;border:none!important;color:#000!important;font-weight:700!important;height:38px!important;font-size:.82rem!important;box-shadow:0 0 16px #00f2fe66;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.join-card-btn:hover{box-shadow:0 0 22px #00f2fe99;transform:translateY(-1px)}.resume-card-btn{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;color:#fff!important;font-weight:700!important;height:38px!important;font-size:.82rem!important;box-shadow:0 0 16px #10b98173;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.resume-card-btn:hover{box-shadow:0 0 24px #10b981a6;transform:translateY(-1px)}.message-bubble.game-card-bubble{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;max-width:440px;width:100%}.game-trigger-btn{color:var(--accent-purple, #c084fc);transition:transform .2s ease,color .2s ease}.game-trigger-btn:hover{color:#e879f9;transform:scale(1.1)}.rematch-btn:hover{background:#00f2fe26!important;border-color:var(--accent-cyan)!important;transform:translateY(-1px)}@media(max-width:480px){.in-chat-game-card{padding:10px;margin:6px 0}.in-chat-players-row{padding:6px 8px;gap:4px}.in-chat-player-name{font-size:.74rem;max-width:95px}}.active-match-floating-dock{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;margin:6px 12px 0;background:linear-gradient(135deg,#c084fc24,#00f2fe1a);border:1px solid rgba(0,242,254,.3);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000004d;z-index:25;animation:slideDown .25s ease-out}.dock-info{display:flex;align-items:center;gap:8px}.dock-title{font-size:.78rem;color:var(--text-main)}.resume-dock-btn{background:linear-gradient(135deg,#00f2fe,#4facfe);color:#050b14;font-weight:700;border:none;padding:4px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:.75rem;transition:all .2s ease}.resume-dock-btn:hover{box-shadow:0 0 16px #00f2fe80;transform:translateY(-1px)}.in-chat-active-match-overlay{position:absolute;inset:0;z-index:60;background:#0a0f1dfa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;height:100%;max-height:100%;box-sizing:border-box;animation:fadeIn .22s ease-out}.active-match-stage{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden;position:relative;box-sizing:border-box;width:100%}.active-match-top-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);gap:8px;min-height:46px;flex-shrink:0!important;position:sticky!important;top:0!important;z-index:50!important;width:100%!important;box-sizing:border-box!important;padding-top:max(8px,env(safe-area-inset-top))!important}.return-to-chat-btn{display:inline-flex;align-items:center;gap:6px;font-weight:600;padding:5px 12px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;transition:all .2s ease;min-height:34px}.return-to-chat-btn:hover{background:#ffffff24;border-color:var(--accent-cyan);transform:translate(-2px)}.active-match-title-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#00f2fe14;border:1px solid rgba(0,242,254,.2);font-size:.74rem;font-weight:600;color:var(--text-main);white-space:nowrap}.match-vs-text{color:var(--text-muted);font-size:.68rem}.exit-match-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:.72rem;color:#f87171;background:#ef44441a;border:1px solid rgba(239,68,68,.25);cursor:pointer;transition:all .2s ease}.exit-match-btn:hover{background:#ef444433;border-color:#ef4444}.return-btn-mobile-label,.spec-badge-mobile{display:none}.spectator-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;background:#c084fc2e;border:1px solid rgba(192,132,252,.45);color:#c084fc;font-size:.74rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}@media(max-width:480px){.active-match-top-nav{padding:6px 8px;gap:4px}.return-to-chat-btn{padding:5px 8px;font-size:.75rem;min-height:32px}.return-btn-label{display:none}.return-btn-mobile-label{display:inline}.spec-badge-full{display:none}.spec-badge-mobile{display:inline}.spectator-status-badge{padding:3px 6px;font-size:.68rem;gap:3px}.match-vs-text{font-size:.65rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exit-btn-label{display:none}}.squad-layout-container{display:flex;width:100%;height:100%;max-height:100dvh;position:relative;overflow:hidden;background-color:var(--bg-main);color:var(--text-main)}.squad-main-feed{flex:1;display:flex;flex-direction:column;height:100%;min-width:0;position:relative;background-color:var(--bg-main)}.squad-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-panel);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:10;flex-shrink:0;gap:12px}.squad-header-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.squad-header-left .btn-icon,.squad-header-badges .btn-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0}.squad-channel-title{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:700;color:var(--text-main);min-width:0;overflow:hidden}.squad-channel-hash{color:var(--text-dim);font-weight:500}.squad-header-badges{display:flex;align-items:center;gap:8px;flex-shrink:0}.squad-occupancy-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-full);height:34px;padding:4px 12px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.squad-occupancy-pill:hover{background:#ffffff1a;border-color:var(--border-hover)}.squad-occupancy-pill.has-knocks{border-color:#f59e0b99;background:#f59e0b1f;box-shadow:0 0 12px #f59e0b40}.squad-knock-badge{background:#f59e0b;color:#000;font-size:.65rem;font-weight:800;padding:1px 6px;border-radius:999px;margin-left:2px}.relay-status-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:4px 12px;border-radius:var(--radius-full);font-size:.76rem;font-weight:600;border:1px solid rgba(245,158,11,.35);background:#f59e0b1a;color:var(--accent-amber)}.relay-status-chip.guest{border-color:var(--border-accent);background:var(--bg-ambient-1);color:var(--accent-cyan)}.squad-stream-scroll{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.compact-stream-row{display:flex;gap:12px;padding:6px 10px;border-radius:var(--radius-md);position:relative;transition:background .15s ease}.compact-stream-row:hover{background:#ffffff08}.compact-stream-row.system-row{justify-content:center;padding:4px 12px}.system-notice-badge{font-size:.78rem;color:var(--text-muted);background:#ffffff0a;padding:4px 12px;border-radius:12px;border:1px solid var(--border-subtle)}.stream-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.92rem;color:#fff;flex-shrink:0;border:2px solid var(--bg-panel)}.stream-content{flex:1;min-width:0}.stream-meta-line{display:flex;align-items:center;gap:8px;margin-bottom:2px}.stream-author-name{font-size:.88rem;font-weight:700;color:var(--text-main)}.role-chip{font-size:.68rem;font-weight:700;padding:1px 6px;border-radius:4px;text-transform:uppercase}.role-chip.host{background:#f59e0b33;color:var(--accent-amber);border:1px solid rgba(245,158,11,.4)}.role-chip.cohost{background:#a855f733;color:var(--accent-purple);border:1px solid rgba(168,85,247,.4)}.role-chip.member{background:#ffffff0f;color:var(--text-dim)}.stream-timestamp{font-size:.72rem;color:var(--text-dim)}.stream-text-body{font-size:.92rem;line-height:1.45;color:var(--text-muted);word-break:break-word}.stream-action-bar{position:absolute;right:14px;top:-12px;display:none;background:var(--bg-panel);border:1px solid var(--border-hover);border-radius:6px;padding:2px 4px;gap:2px;box-shadow:0 4px 16px #00000080;z-index:5}.compact-stream-row:hover .stream-action-bar{display:flex}.stream-action-btn{background:transparent;border:none;color:var(--text-muted);padding:4px 6px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;transition:all .15s ease}.stream-action-btn:hover{background:#ffffff14;color:var(--text-main)}.stream-voice-player{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 12px;max-width:280px;margin-top:4px}.voice-play-btn{width:32px;height:32px;border-radius:50%;background:var(--accent-emerald);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .1s ease}.voice-play-btn:active{transform:scale(.95)}.voice-waveform-preview{flex:1;height:24px;display:flex;align-items:center;gap:2px}.waveform-bar{width:3px;background:var(--accent-cyan);border-radius:2px;min-height:4px}.squad-knock-alert-dock{background:#00f2fe1f;backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,242,254,.35);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:8;animation:slideDownFade .25s ease-out}@keyframes slideDownFade{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.squad-knock-alert-info{display:flex;align-items:center;gap:10px;min-width:0}.knock-pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan);animation:pulseGlow 1.4s infinite;flex-shrink:0}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}.squad-knock-text{display:flex;flex-direction:column;min-width:0}.squad-knock-title{font-size:.85rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squad-knock-title strong{color:var(--accent-cyan)}.squad-knock-count{font-size:.72rem;color:var(--text-muted)}.squad-knock-alert-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.squad-input-dock{padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom,10px));background:var(--bg-panel);border-top:1px solid var(--border-subtle);flex-shrink:0}@media(max-width:640px){.squad-header{padding:0 10px;gap:6px;height:52px}.squad-header-left,.squad-header-badges{gap:6px}.squad-header-badges .btn-icon,.squad-header-left .btn-icon{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:var(--radius-sm)}.relay-chip-label,.relay-chip-latency{display:none}.relay-status-chip{padding:0 8px;gap:4px;height:34px;box-sizing:border-box}.relay-status-chip:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.squad-channel-title span:first-of-type{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.occupancy-label{display:none}.squad-occupancy-pill{padding:0 10px;gap:5px;font-size:.76rem;height:34px;box-sizing:border-box}}@media(max-width:400px){.relay-status-chip{display:none}.squad-channel-title span:first-of-type{max-width:110px}}.drawer-backdrop{display:none}@media(max-width:640px){.drawer-backdrop{display:block;position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);z-index:45;opacity:0;pointer-events:none;transition:opacity .2s ease}.drawer-backdrop.active{opacity:1;pointer-events:auto}}.squad-member-drawer{width:320px;height:100%;background:#0c1222;border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;z-index:50;transition:all .2s ease}@media(min-width:641px){.squad-member-drawer:not(.drawer-open){display:none}}.drawer-header{height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);font-weight:700;font-size:.92rem;color:var(--text-main)}.drawer-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.drawer-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-dim);letter-spacing:.5px;margin-bottom:8px}.pending-knock-card{background:#00f2fe14;border:1px solid rgba(0,242,254,.3);border-radius:var(--radius-md);padding:10px;margin-bottom:8px}.knock-top-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.knock-name{font-weight:700;font-size:.85rem;color:var(--accent-cyan)}.knock-actions{display:flex;gap:6px}.btn-knock-admit{background:var(--accent-emerald);border:none;color:#fff;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600;cursor:pointer}.btn-knock-decline{background:#ffffff0f;border:1px solid var(--border-subtle);color:#f87171;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600;cursor:pointer}.drawer-member-card{display:flex;align-items:center;justify-content:space-between;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 10px;margin-bottom:6px}.drawer-member-card.is-host-card{border-color:#f59e0b66;background:#f59e0b14}.member-card-left{display:flex;align-items:center;gap:8px}.status-dot-sm{width:8px;height:8px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 6px #10b98199}.member-name-text{font-size:.84rem;font-weight:600;color:var(--text-main)}.latency-chip{font-size:.7rem;color:var(--text-dim);font-family:var(--font-mono)}.btn-pass-baton{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:var(--accent-amber);font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:4px;cursor:pointer;transition:all .15s ease}.btn-pass-baton:hover{background:var(--accent-amber);color:#000}.btn-kick-peer{display:inline-flex;align-items:center;gap:3px;background:#f871711a;border:1px solid rgba(248,113,113,.35);color:#f87171;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:4px;cursor:pointer;transition:all .15s ease}.btn-kick-peer:hover{background:#f87171;color:#000}.btn-star-cohost{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:4px}.btn-star-cohost.active{color:var(--accent-purple)}.drawer-footer{padding:14px 16px;border-top:1px solid var(--border-subtle);background:var(--bg-panel);display:flex;flex-direction:column;gap:10px}.lock-toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:600;color:var(--text-main)}.member-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}@media(max-width:640px){.squad-member-drawer{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:80dvh;border-top:1px solid var(--border-hover);border-left:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -10px 40px #000000d9;transform:translateY(100%);transition:transform .28s cubic-bezier(.16,1,.3,1);z-index:50}.squad-member-drawer.drawer-open{transform:translateY(0)}.drawer-member-card{flex-wrap:wrap;gap:6px}.member-card-left{min-width:0;flex:1}.member-card-actions{width:100%;justify-content:flex-end;gap:6px}}.squad-status-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;gap:10px}.squad-status-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-main)}.squad-status-title.error{color:#f87171}.squad-status-body{margin:0 0 6px;font-size:.82rem;color:var(--text-muted);max-width:320px;line-height:1.4}.squad-status-error-icon{width:50px;height:50px;border-radius:50%;background:#ef444426;border:1px solid rgba(239,68,68,.35);display:flex;align-items:center;justify-content:center}.squad-status-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-accent);background:var(--bg-ambient-1)}.squad-status-banner.declined{background:#ef44441f;border-color:#ef444466;color:#f87171}.squad-status-banner-left{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--accent-cyan)}.squad-status-banner.declined .squad-status-banner-left{color:#f87171}.squad-passcode-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;background:#0009;backdrop-filter:blur(16px);border-bottom:1px solid var(--border-accent);text-align:center}.passcode-icon{color:var(--accent-cyan)}.passcode-label{margin:0;font-size:.9rem;color:var(--text-muted);max-width:300px;line-height:1.4}.passcode-input{width:100%;max-width:280px;padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-accent);color:var(--text-main);font-size:1rem;text-align:center;letter-spacing:.15em;outline:none;transition:border-color .2s ease}.passcode-input:focus{border-color:var(--accent-cyan)}.passcode-actions{display:flex;gap:10px;justify-content:center}.settings-modal{max-width:420px;width:100%;max-height:90vh;overflow-y:auto;border-radius:var(--radius-lg);padding:0;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-hover);box-shadow:0 24px 60px #000000e6,0 0 25px var(--accent-cyan-glow)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 14px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;gap:12px}.modal-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.modal-close{width:32px;height:32px;min-width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s ease;margin-left:auto}.modal-close:hover{color:var(--text-main);background:#ffffff14;border-color:var(--border-hover)}.settings-body{padding:18px 20px 26px;display:flex;flex-direction:column;gap:20px}.settings-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 10px}.theme-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.theme-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-panel);cursor:pointer;transition:all .2s ease;position:relative}.theme-card:hover{background:#ffffff0f;border-color:var(--border-hover);transform:translateY(-1px)}.theme-card.active{border-color:var(--accent-cyan);background:var(--bg-ambient-1);box-shadow:0 0 16px var(--accent-cyan-glow)}.theme-swatch{width:26px;height:26px;border-radius:50%;display:block;box-shadow:0 0 10px currentColor;border:2px solid rgba(255,255,255,.2)}.theme-card-label{font-size:.68rem;font-weight:600;color:var(--text-muted);text-align:center;line-height:1.2}.theme-card.active .theme-card-label{color:var(--text-main)}.surface-option-list{display:flex;flex-direction:column;gap:8px}.surface-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-panel);cursor:pointer;text-align:left;transition:all .2s ease}.surface-option:hover{background:#ffffff0d;border-color:var(--border-hover)}.surface-option.active{border-color:var(--accent-cyan);background:var(--bg-ambient-1);box-shadow:0 0 14px var(--accent-cyan-glow)}.surface-option-text{display:flex;flex-direction:column;gap:2px;flex:1;text-align:left}.surface-option-name{font-size:.88rem;font-weight:600;color:var(--text-main)}.surface-option-desc{font-size:.74rem;color:var(--text-dim);line-height:1.3}.surface-option-right{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}.surface-option-icon{color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}.surface-option.active .surface-option-icon{color:var(--accent-cyan)}.surface-active-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan-glow);flex-shrink:0}.sound-toggle-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-panel);color:var(--text-main);cursor:pointer;transition:all .2s ease}.sound-toggle-btn:hover{background:#ffffff0d;border-color:var(--border-hover)}.sound-toggle-btn.enabled{border-color:var(--border-accent)}.sound-toggle-left{display:flex;flex-direction:column;gap:2px;flex:1;text-align:left}.sound-toggle-name{font-size:.88rem;font-weight:600;color:var(--text-main)}.sound-toggle-desc{font-size:.74rem;color:var(--text-dim)}.sound-toggle-right{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}.sound-toggle-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);width:20px;height:20px}.sound-toggle-btn.enabled .sound-toggle-icon{color:var(--accent-cyan)}.sound-toggle-btn.disabled .sound-toggle-icon{color:var(--accent-rose)}.toggle-pill{width:40px;height:22px;border-radius:11px;display:inline-flex;align-items:center;padding:2px;transition:background .25s ease;background:#ffffff1f;box-sizing:border-box}.toggle-pill.on{background:var(--accent-cyan)}.toggle-pill:after{content:"";width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .22s cubic-bezier(.16,1,.3,1),background .22s ease;box-shadow:0 1px 3px #00000059}.toggle-pill.on:after{transform:translate(18px);background:#060b13}.toggle-pill.off:after{transform:translate(0)}@media(max-width:440px){.theme-card-grid{grid-template-columns:repeat(4,1fr);gap:6px}.theme-card{padding:8px 2px}.theme-swatch{width:22px;height:22px}.theme-card-label{font-size:.62rem}.surface-option,.sound-toggle-btn{padding:10px 12px}}.game-room-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid var(--border-subtle);font-size:.76rem}.game-room-code{font-weight:600;color:var(--text-main)}.game-waiting-banner{padding:8px 16px;background:#a855f71a;border-bottom:1px solid rgba(168,85,247,.2);display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-main)}.game-drawer-backdrop{position:fixed;inset:0;background:#04060abf;backdrop-filter:blur(8px);z-index:100;display:flex;justify-content:flex-end;animation:fadeIn .2s ease}.game-drawer-panel{width:100%;max-width:380px;height:100%;background:var(--bg-card);border-left:1px solid var(--border-accent);display:flex;flex-direction:column;animation:slideInRight .25s ease;overflow:hidden}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.game-drawer-header{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.game-drawer-title-group{display:flex;align-items:center;gap:10px}.game-drawer-title-group h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-main)}.game-drawer-title-group p{margin:2px 0 0;font-size:.72rem;color:var(--text-muted)}.game-drawer-badge-icon{width:34px;height:34px;border-radius:8px;background:#00f2fe1f;border:1px solid rgba(0,242,254,.25);display:flex;align-items:center;justify-content:center}.game-drawer-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.game-drawer-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s ease}.game-drawer-card:hover,.game-drawer-card.active{background:#00f2fe0f;border-color:#00f2fe59;transform:translateY(-1px)}.game-card-icon{width:44px;height:44px;border-radius:12px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-card-details{flex:1;min-width:0}.game-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.game-card-name{font-size:.88rem;font-weight:700;color:var(--text-main)}.game-card-pill{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:var(--radius-full);border:1px solid;white-space:nowrap;flex-shrink:0}.game-card-tag{display:block;font-size:.7rem;color:var(--text-muted);margin-top:1px}.game-card-desc{margin:4px 0 0;font-size:.72rem;color:var(--text-dim);line-height:1.35}.game-drawer-footer{padding:12px 16px;border-top:1px solid var(--border-subtle);background:#0003}.game-voice-dock{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-full);background:#ffffff08;border:1px solid var(--border-subtle)}.voice-dock-offline,.voice-dock-live{display:flex;align-items:center;gap:6px}.voice-status-indicator{display:flex;align-items:center;gap:4px}.voice-status-text{font-size:.72rem;color:var(--text-dim)}.voice-live-badge{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--text-main);padding-right:4px}.ptt-btn.ptt-active{background:#00f2fe40!important;border-color:#00f2fe!important;color:#00f2fe!important;box-shadow:0 0 10px #00f2fe66}.drawer-drag-pill{display:none}.game-add-chat-btn{background:linear-gradient(135deg,#00f2fe,#4facfe)!important;color:#000!important;font-weight:700!important;border:none!important;box-shadow:0 0 12px #00f2fe59;border-radius:var(--radius-sm);transition:all .2s ease}.game-add-chat-btn:hover{box-shadow:0 0 16px #00f2fe8c;transform:translateY(-1px)}@media(max-width:640px){.game-drawer-backdrop{align-items:flex-end;justify-content:center}.game-drawer-panel{max-width:100%;width:100%;height:auto;max-height:84dvh;border-radius:20px 20px 0 0;border-left:none;border-top:1px solid rgba(0,242,254,.35);box-shadow:0 -12px 40px #000c;animation:slideUpSheet .28s cubic-bezier(.16,1,.3,1);padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}.drawer-drag-pill{display:block;width:40px;height:4px;border-radius:2px;background:#ffffff4d;margin:10px auto 2px;flex-shrink:0}.game-drawer-header{padding:12px 16px}.game-drawer-body{padding:10px 14px;gap:10px}.game-drawer-card{padding:10px 12px}}.cyber-c4-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:10px;background:radial-gradient(circle at 50% 25%,#0b1529,#03060a);min-height:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;width:100%}.c4-status-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:440px}.c4-matrix-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%}.c4-col-guides{display:flex;gap:6px;padding:0 10px}.c4-guide-btn{width:44px;height:28px;display:flex;align-items:center;justify-content:center;background:#00f2fe14;border:1px solid rgba(0,242,254,.25);border-radius:var(--radius-sm);color:var(--accent-cyan);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .15s ease}.c4-guide-btn:hover:not(:disabled),.c4-guide-btn.active{background:#00f2fe40;border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 0 10px var(--accent-cyan-glow)}.c4-guide-btn:disabled{opacity:.25;cursor:not-allowed}.c4-board-grid{display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#101c36f5,#091226fa);border:2px solid rgba(0,242,254,.35);border-radius:var(--radius-lg);padding:10px;box-shadow:0 16px 48px #000000d9,0 0 24px #00f2fe26,inset 0 1px 1px #ffffff26}.c4-row{display:flex;gap:6px}.c4-slot{width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%}.c4-slot .c4-disc{width:38px;height:38px;border-radius:50%;transition:all .22s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 2px 4px #0009}.c4-slot.empty .c4-disc,.c4-disc.empty{background:radial-gradient(circle at 50% 50%,#030712f2,#0d1628e6);border:2px solid rgba(0,242,254,.24);box-shadow:inset 0 3px 8px #000000d9,0 0 4px #00f2fe14}.c4-slot.empty:hover .c4-disc,.c4-column.col-hover .c4-disc.empty{border-color:#00f2fe8c;box-shadow:inset 0 2px 6px #000c,0 0 8px #00f2fe40}.c4-slot.filled-c .c4-disc{background:radial-gradient(circle at 35% 35%,#67e8f9 0%,var(--accent-cyan, #00f2fe) 60%,#0891b2 100%);box-shadow:0 0 14px var(--accent-cyan-glow, rgba(0, 242, 254, .5));animation:disc-drop .25s ease-out}.c4-slot.filled-m .c4-disc{background:radial-gradient(circle at 35% 35%,#f472b6,#d946ef 60%,#9333ea);box-shadow:0 0 14px #d946ef80;animation:disc-drop .25s ease-out}.c4-slot.winning-slot .c4-disc{animation:disc-pulse .9s infinite alternate;filter:brightness(1.25);box-shadow:0 0 22px #fff}@keyframes disc-drop{0%{transform:translateY(-40px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes disc-pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}@media(max-width:480px){.c4-slot,.c4-guide-btn{width:clamp(26px,8.4vw,36px);height:clamp(26px,8.4vw,36px)}.c4-slot .c4-disc{width:clamp(22px,7.2vw,30px);height:clamp(22px,7.2vw,30px)}.c4-board-grid{padding:6px;gap:3px}.c4-row{gap:3px}.cyber-c4-container{padding:8px 4px;max-width:100%;overflow-x:hidden}.c4-guide-row{padding:0 6px}}.orbital-loader-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;background:radial-gradient(120% 120% at 50% 0%,#00f2fe12,#0a0f1dd9 60%),#0d1424b8;border:1px solid rgba(0,242,254,.25);border-radius:var(--radius-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 40px #00000080,0 0 35px #00f2fe1f;max-width:440px;width:100%;margin:auto;position:relative;overflow:hidden;box-sizing:border-box}.orbital-loader-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,242,254,.08) 0%,transparent 60%);pointer-events:none;animation:orbitalAmbientBreath 4s ease-in-out infinite}@keyframes orbitalAmbientBreath{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.orbital-stage{position:relative;width:110px;height:110px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.orbital-ring{position:absolute;border-radius:50%;box-sizing:border-box}.orbital-ring-outer{width:106px;height:106px;border:1.5px solid rgba(0,242,254,.3);box-shadow:0 0 15px #00f2fe26;animation:orbitalRotateCW 12s linear infinite}.orbital-ring-mid{width:78px;height:78px;border:1.5px solid rgba(0,242,254,.45);animation:orbitalRotateCCW 8s linear infinite}.orbital-ring-inner{width:52px;height:52px;border:1.5px solid rgba(0,242,254,.6);animation:orbitalRotateCW 5s linear infinite}.orbital-particle-track{position:absolute;width:78px;height:78px;animation:orbitalRotateCW 2.4s cubic-bezier(.4,0,.2,1) infinite}.orbital-photon{position:absolute;top:-4px;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px #00f2fe,0 0 20px #00f2fe,0 0 30px #4facfe}.orbital-core-dot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#fff 10%,#00f2fe 70%);box-shadow:0 0 16px #00f2fecc;animation:corePulse 2s ease-in-out infinite}@keyframes orbitalRotateCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitalRotateCCW{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes corePulse{0%,to{transform:scale(.9);opacity:.85}50%{transform:scale(1.25);opacity:1;filter:drop-shadow(0 0 8px #00f2fe)}}.orbital-title{font-size:1.28rem;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.02em}.orbital-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#00f2fe1f;border:1px solid rgba(0,242,254,.35);color:var(--accent-cyan);font-size:.76rem;font-weight:600;letter-spacing:.02em;margin-bottom:16px}.orbital-status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan);animation:corePulse 1.5s infinite ease-in-out}.orbital-progress-track{width:100%;max-width:280px;height:4px;background:#ffffff14;border-radius:999px;overflow:hidden;position:relative;margin:0 auto 14px}.orbital-progress-fill{width:45%;height:100%;background:linear-gradient(90deg,#00f2fe,#4facfe,#9d4edd);border-radius:999px;box-shadow:0 0 10px #00f2fe99;animation:progressSlide 2.2s ease-in-out infinite alternate}@keyframes progressSlide{0%{transform:translate(-40%);width:35%}50%{width:55%}to{transform:translate(190%);width:40%}}.orbital-reassurance{font-size:.8rem;color:var(--text-muted);line-height:1.45;max-width:320px;margin:0 auto 20px}.orbital-actions{display:flex;gap:10px;width:100%;max-width:340px;justify-content:center}.orbital-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 14px;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text-main);transition:all .2s ease;min-height:44px;cursor:pointer}.orbital-btn-ghost:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff;transform:translateY(-1px)}.orbital-btn-ghost:active{transform:translateY(0)}@media(max-width:480px){.orbital-loader-card{padding:24px 16px;border-radius:var(--radius-lg)}.orbital-stage{width:96px;height:96px;margin-bottom:16px}.orbital-ring-outer{width:92px;height:92px}.orbital-ring-mid{width:68px;height:68px}.orbital-ring-inner{width:44px;height:44px}.orbital-particle-track{width:68px;height:68px}.orbital-title{font-size:1.15rem}.orbital-actions{flex-direction:column;width:100%;max-width:100%;gap:8px}.orbital-btn-ghost{width:100%}}.diagnostic-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 22px;background:radial-gradient(120% 120% at 50% 0%,#f59e0b14,#0a0f1de0 60%),#12101cc2;border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 40px #0000008c,0 0 30px #f59e0b1f;max-width:440px;width:100%;margin:auto;position:relative;overflow:hidden;box-sizing:border-box;animation:cardFadeIn .3s ease-out}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.diagnostic-icon-wrapper{position:relative;width:68px;height:68px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#f59e0b38,#f59e0b0a 70%);border:1.5px solid rgba(245,158,11,.45);box-shadow:0 0 25px #f59e0b40}.diagnostic-title{font-size:1.24rem;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:-.02em}.diagnostic-sub{font-size:.8rem;color:var(--text-muted);line-height:1.45;max-width:360px;margin:0 auto 18px}.diagnostic-tips-grid{display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:22px}.diagnostic-tip-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);text-align:left;transition:border-color .2s ease,background .2s ease;box-sizing:border-box}.diagnostic-tip-item:hover{background:#ffffff0f;border-color:#f59e0b4d}.diagnostic-tip-icon-box{width:34px;height:34px;border-radius:var(--radius-sm);background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#f59e0b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.diagnostic-tip-text{display:flex;flex-direction:column;min-width:0;word-break:break-word}.diagnostic-tip-title{font-size:.82rem;font-weight:600;color:var(--text-main);line-height:1.25}.diagnostic-tip-desc{font-size:.72rem;color:var(--text-dim);line-height:1.35;margin-top:2px}.diagnostic-actions{display:flex;gap:10px;width:100%;justify-content:center}.diagnostic-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1.2;padding:11px 16px;border-radius:var(--radius-md);font-size:.84rem;font-weight:600;background:linear-gradient(135deg,#00f2fe,#4facfe);color:#040d1a;border:none;box-shadow:0 4px 18px #00f2fe59;transition:all .2s ease;min-height:44px;cursor:pointer}.diagnostic-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px #00f2fe80;filter:brightness(1.05)}.diagnostic-btn-primary:active{transform:translateY(0)}.diagnostic-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:11px 14px;border-radius:var(--radius-md);font-size:.84rem;font-weight:600;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:var(--text-main);transition:all .2s ease;min-height:44px;cursor:pointer}.diagnostic-btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff;transform:translateY(-1px)}.diagnostic-btn-secondary:active{transform:translateY(0)}@media(max-width:480px){.diagnostic-card{padding:22px 14px;border-radius:var(--radius-lg)}.diagnostic-title{font-size:1.15rem}.diagnostic-sub{font-size:.76rem;margin-bottom:14px}.diagnostic-tips-grid{gap:6px;margin-bottom:18px}.diagnostic-tip-item{padding:9px 12px;gap:10px}.diagnostic-tip-icon-box{width:32px;height:32px}.diagnostic-tip-title{font-size:.78rem}.diagnostic-tip-desc{font-size:.68rem}.diagnostic-actions{flex-direction:column;gap:8px;width:100%}.diagnostic-btn-primary,.diagnostic-btn-secondary{width:100%}}@media(max-width:1150px)and (min-width:769px){.main-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:10px}.header-bar{padding:8px 14px;gap:8px}.header-actions{gap:6px}.end-chat-text,.burn-text{display:none}.header-actions .btn-secondary,.header-actions .btn-danger{padding:7px 10px}}@media(max-width:768px){.app-container{padding:6px 8px;gap:6px;height:100dvh}.header-bar{padding:6px 10px;gap:6px;overflow:visible;display:flex;align-items:center;justify-content:space-between}.logo-group{gap:6px;flex-shrink:0}.logo-badge{width:30px;height:30px}.logo-text h1{font-size:.94rem}.logo-text p,.burn-text,.end-chat-text,.nickname-label{display:none!important}.user-nickname-btn{padding:2px!important;border-radius:50%!important;width:34px!important;height:34px!important;min-width:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.room-link-group .btn-secondary{display:none!important}.ping-monitor-badge{padding:2px 6px;font-size:.65rem;gap:3px;max-width:72px}.ping-monitor-badge svg{display:none!important}.header-actions{gap:6px;display:flex;align-items:center;flex-shrink:0}.header-actions .btn-icon{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);position:relative;touch-action:manipulation}.header-actions .btn-icon:after{content:"";position:absolute;inset:-5px}.header-actions .btn-danger{padding:0!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;display:inline-flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation}.header-actions .btn-danger:after{content:"";position:absolute;inset:-5px}.header-actions .info-btn{display:none!important}.mobile-segmented-bar{display:grid;grid-template-columns:1fr 1fr;background:#0c111ef2;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px;gap:4px;flex-shrink:0}.segment-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;height:38px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.segment-btn.active{background:linear-gradient(135deg,#00f2fe2e,#4facfe2e);border:1px solid var(--accent-cyan);color:#fff;box-shadow:0 0 12px var(--accent-cyan-glow)}.segment-badge{background:var(--accent-rose);color:#fff;font-size:.65rem;font-weight:800;padding:1px 6px;border-radius:999px}.segment-badge.cyan{background:var(--accent-cyan);color:#000}.main-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr;flex:1;min-height:0;width:100%;max-width:100%;overflow-x:hidden}.main-workspace.tab-chat .sidebar-container,.main-workspace.tab-files .chat-container{display:none!important}.chat-header{padding:8px 12px}.chat-header .peer-avatar{width:30px;height:30px;font-size:.75rem}.messages-list{padding:10px 12px;gap:10px}.message-row{max-width:90%}.message-bubble{padding:8px 13px;font-size:.86rem}.message-bubble-wrapper.mobile-active{z-index:25}.message-action-dock{opacity:0;pointer-events:none;padding:3px 6px;gap:4px;border-radius:22px;background:#0e1424f5;border:1px solid var(--border-accent);box-shadow:0 4px 18px #0009;position:absolute;top:-16px;z-index:26}.message-row.sent .message-action-dock{right:8px;left:auto}.message-row.received .message-action-dock{left:8px;right:auto}.message-bubble-wrapper.mobile-active .message-action-dock,.message-action-dock:focus-within{opacity:1;pointer-events:auto;transform:scale(1.02)}.message-action-btn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}.reaction-picker-flyout{position:absolute;bottom:calc(100% + 6px);padding:4px 8px;gap:4px;border-radius:26px;background:#0a0e18fa;box-shadow:0 8px 30px #000c,0 0 16px #00f2fe40;border:1px solid var(--accent-cyan);z-index:30;max-width:calc(100vw - 20px);box-sizing:border-box}.message-row.sent .reaction-picker-flyout{right:0!important;left:auto!important;transform:none!important}.message-row.received .reaction-picker-flyout{left:0!important;right:auto!important;transform:none!important}.reaction-emoji-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;font-size:1.35rem!important;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.chat-input-bar{padding:6px 8px;padding-bottom:max(8px,env(safe-area-inset-bottom,8px));gap:4px;width:100%;box-sizing:border-box;display:flex;align-items:center}.chat-input{font-size:16px!important;padding:8px 12px;height:38px;min-width:0!important;flex:1 1 0%}.chat-input-bar .btn-icon,.chat-input-bar .attachment-btn{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.send-btn{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.waiting-hero-card{padding:8px;max-width:320px}.drop-zone{padding:18px 12px}.call-header-bar{padding:10px 14px}.call-security-badge{display:none!important}.call-local-pip{bottom:84px;right:12px;width:110px;height:75px}.call-controls-dock{bottom:16px;gap:6px;padding:8px 12px;max-width:95vw}.call-dock-btn{min-width:44px;padding:6px}.call-dock-btn.end-call{min-width:54px}.dock-btn-label{font-size:.6rem}.call-zoom-dock{top:10px;right:10px;gap:4px;padding:4px 6px}.zoom-btn{width:28px;height:28px}.zoom-pill{min-width:40px;font-size:.68rem;padding:3px 6px}.call-zoom-hint{bottom:80px;font-size:.65rem;padding:3px 10px}.message-row{max-width:90%!important}.message-bubble{font-size:.88rem;padding:8px 12px;max-width:100%!important;min-width:0!important}.wa-media-card,.telegram-doc-card{max-width:100%!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}.wa-media-backdrop{height:160px}.wa-media-img{max-height:220px}.in-chat-game-card{max-width:100%!important;padding:10px!important;box-sizing:border-box!important}.squad-header{padding:0 10px!important;gap:6px!important;height:52px!important}.squad-header-left{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;gap:6px!important}.squad-channel-title{max-width:110px!important;font-size:.85rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.squad-channel-title span:first-of-type{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.squad-header-badges{gap:4px!important;flex-shrink:0!important}.relay-status-chip{padding:0 8px!important;height:32px!important;font-size:.7rem!important;gap:4px!important}.relay-status-chip .relay-chip-label{display:none!important}.squad-occupancy-pill{padding:0 8px!important;height:32px!important;font-size:.72rem!important;gap:4px!important}.squad-occupancy-pill .occupancy-label{display:none!important}.squad-back-btn,.squad-qr-btn,.squad-settings-btn{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important}.squad-stream-scroll{padding:12px 10px!important;gap:10px!important}.squad-knock-alert-dock{left:8px!important;right:8px!important;max-width:calc(100vw - 16px)!important;padding:8px 10px!important}}.mobile-only{display:none!important}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}}@media(max-width:380px){.logo-text{display:none!important}}.mobile-menu-backdrop{position:fixed;inset:0;z-index:999999;background:#04070fbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out;pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-menu-sheet{width:100%;max-width:500px;background:#0c1220fa;border:1px solid var(--border-accent);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:16px 18px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px));box-shadow:0 -10px 40px #000c,0 0 25px var(--accent-cyan-glow);display:flex;flex-direction:column;gap:14px;animation:slideUp .25s cubic-bezier(.16,1,.3,1);box-sizing:border-box;max-height:85vh;overflow-y:auto;pointer-events:auto}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);padding-bottom:10px}.mobile-menu-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:#fff;letter-spacing:-.01em}.mobile-menu-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan-glow)}.close-menu-btn{width:32px;height:32px;border-radius:50%;background:#ffffff0f}.mobile-menu-card{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.mobile-menu-row{display:flex;align-items:center;justify-content:space-between}.mobile-copy-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;height:28px;border-radius:var(--radius-full)}.mobile-status-indicator{display:inline-flex;align-items:center;gap:6px}.mobile-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-grid-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:48px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;text-align:left;transition:all .2s ease;touch-action:manipulation}.mobile-grid-btn:hover,.mobile-grid-btn:active{background:#00f2fe1a;border-color:var(--accent-cyan)}.mobile-grid-btn.full-width{grid-column:1 / -1}.grid-btn-text{display:flex;flex-direction:column;gap:2px}.grid-label{font-size:.82rem;font-weight:600;color:#fff}.grid-sub{font-size:.68rem;color:var(--text-muted)}.text-capitalize{text-transform:capitalize}.mobile-menu-footer{display:flex;flex-direction:column;gap:8px;padding-top:4px}.mobile-footer-btn{width:100%;height:42px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;font-weight:600;border-radius:var(--radius-md);touch-action:manipulation}.ping-monitor-badge-mobile{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;height:32px;background:#090e18e6;border:1px solid rgba(0,242,254,.25);border-radius:var(--radius-full);font-size:.72rem;font-family:var(--font-mono);color:var(--accent-cyan);cursor:pointer;flex-shrink:0;touch-action:manipulation}.ping-val-compact{font-weight:700;color:var(--accent-cyan);font-size:.7rem}.mobile-menu-trigger{width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;background:#ffffff14!important;color:var(--accent-cyan)!important;border:1px solid rgba(0,242,254,.3)!important;touch-action:manipulation}.mobile-menu-trigger:hover,.mobile-menu-trigger:active{background:#00f2fe33!important;box-shadow:0 0 10px var(--accent-cyan-glow)}.peer-text-details{display:flex;flex-direction:column;min-width:0;flex:1}.peer-text-headline{display:flex;align-items:center;gap:8px;min-width:0}.peer-nickname-text{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peer-subtitle-text{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.chat-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.status-badge-text-compact{display:none}@media(max-width:768px){.peer-info{min-width:0;flex:1;overflow:hidden}.peer-text-headline{gap:5px;flex-wrap:nowrap;overflow:hidden}.peer-nickname-text{max-width:110px;font-size:.85rem;flex-shrink:1}.status-badge-text-full{display:none!important}.status-badge-text-compact{display:inline!important}.peer-subtitle-text{display:none!important}.chat-header-actions .btn-icon{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:50%;position:relative;touch-action:manipulation}.chat-header-actions .btn-icon:after{content:"";position:absolute;inset:-5px}.status-badge-inline{font-size:.65rem;padding:1px 6px;flex-shrink:0}.e2ee-tag{display:none!important}}.pwa-install-badge-btn{display:inline-flex;align-items:center;gap:6px;background:#00f2fe14;border:1px solid rgba(0,242,254,.35);color:var(--accent-cyan, #00f2fe);padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #00f2fe26}.pwa-install-badge-btn:hover{background:#00f2fe2e;border-color:var(--accent-cyan, #00f2fe);transform:translateY(-1px);box-shadow:0 0 18px #00f2fe4d}.pwa-install-modal-overlay{position:fixed;inset:0;z-index:9999;background:#04070dd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.pwa-install-modal-card{width:100%;max-width:440px;background:#0a0f1df5;border:1px solid rgba(0,242,254,.28);border-radius:24px;padding:26px 24px;box-shadow:0 20px 50px #000c,0 0 35px #00f2fe26;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;box-sizing:border-box}.pwa-install-modal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan, #00f2fe),var(--accent-purple, #c084fc),transparent)}.pwa-icon-glow-wrap{width:72px;height:72px;border-radius:18px;margin-bottom:16px;position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 24px rgba(0,242,254,.45))}.pwa-modal-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:-.02em}.pwa-modal-desc{font-size:.85rem;color:var(--text-muted, #94a3b8);line-height:1.45;margin:0 0 18px}.pwa-benefits-list{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 14px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px;text-align:left;box-sizing:border-box}.pwa-benefit-item{display:flex;align-items:center;gap:10px;font-size:.8rem;color:#e2e8f0}.pwa-benefit-icon{color:var(--accent-cyan, #00f2fe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-guide-box{width:100%;background:#00f2fe0a;border:1px solid rgba(0,242,254,.25);border-radius:16px;padding:14px;margin-bottom:18px;text-align:left;box-sizing:border-box}.pwa-guide-header{font-size:.78rem;font-weight:700;color:var(--accent-cyan, #00f2fe);margin-bottom:10px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.04em}.pwa-guide-step{display:flex;align-items:flex-start;gap:10px;font-size:.8rem;color:#cbd5e1;margin-bottom:8px;line-height:1.4}.pwa-guide-step:last-child{margin-bottom:0}.pwa-step-number{background:#00f2fe26;color:var(--accent-cyan, #00f2fe);font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;margin-top:1px}.pwa-guide-step strong{color:#fff}.pwa-guide-note{font-size:.75rem;color:#94a3b8;margin-top:10px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.1);display:flex;align-items:center;gap:6px;line-height:1.35}.ios-instructions-box{width:100%;background:#c084fc0f;border:1px solid rgba(192,132,252,.25);border-radius:16px;padding:14px;margin-bottom:18px;text-align:left;box-sizing:border-box}.ios-step{display:flex;align-items:flex-start;gap:10px;font-size:.8rem;color:#cbd5e1;margin-bottom:8px;line-height:1.4}.ios-step:last-child{margin-bottom:0}.ios-step-number{background:#c084fc33;color:#c084fc;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;margin-top:1px}.ios-step strong{color:#fff}.pwa-modal-actions{display:flex;gap:10px;width:100%}.pwa-install-confirm-btn{flex:1;height:44px;background:linear-gradient(135deg,#00f2fe,#4facfe);color:#07090e;border:none;border-radius:14px;font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #00f2fe59;transition:all .2s ease}.pwa-install-confirm-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px #00f2fe80}.pwa-install-confirm-btn:active{transform:translateY(0)}.pwa-dismiss-btn{height:44px;padding:0 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;border-radius:14px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.pwa-dismiss-btn:hover{background:#ffffff1a;color:#fff}.pulse-border{animation:pulseGlow 1.2s ease-in-out infinite alternate}@keyframes pulseGlow{0%{border-color:#00f2fe4d;box-shadow:0 0 10px #00f2fe1a}to{border-color:#00f2fed9;box-shadow:0 0 24px #00f2fe66}}.pwa-floating-bar{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:1000;background:#0a0f1df0;border:1px solid rgba(0,242,254,.35);border-radius:40px;padding:8px 16px 8px 12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #000c,0 0 20px #00f2fe33;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:slideUp .3s cubic-bezier(.16,1,.3,1);max-width:calc(100vw - 32px);box-sizing:border-box;transition:opacity .25s ease,transform .25s ease}.pwa-floating-bar.fade-out-banner{opacity:0;transform:translate(-50%,16px);pointer-events:none}.pwa-floating-icon-wrap{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pwa-floating-text{font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-floating-text span{display:block;font-size:.7rem;color:var(--text-muted, #94a3b8);font-weight:400}@media(max-width:640px){.pwa-install-badge-btn{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.pwa-install-badge-btn span{display:none!important}.pwa-floating-bar{padding:6px 12px 6px 10px;gap:8px;bottom:max(12px,env(safe-area-inset-bottom))}}.airdrop-workspace{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);color:var(--text-main);position:relative}.airdrop-header{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border-glass);background:#0a0f1ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}.airdrop-header-left{display:flex;align-items:center;gap:10px;min-width:0}.airdrop-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.airdrop-brand{display:flex;align-items:center;gap:8px;min-width:0}.airdrop-brand-icon{width:34px;height:34px;border-radius:10px;background:#00f2fe1f;border:1px solid rgba(0,242,254,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 12px #00f2fe33}.airdrop-brand-titles{display:flex;flex-direction:column;line-height:1.2}.airdrop-title{font-size:1rem;font-weight:700;background:linear-gradient(135deg,#ffffff 40%,var(--accent-cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff;margin:0;letter-spacing:-.02em}.airdrop-sub{font-size:.68rem;color:var(--text-muted);font-weight:500}.airdrop-radar-toggle-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--border-glass);background:#ffffff0a;color:var(--text-main);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.airdrop-radar-toggle-btn.active{border-color:#10b98166;background:#10b9811a}.airdrop-code-pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:999px;border:1px solid rgba(0,242,254,.25);background:#00f2fe14;color:var(--text-main);font-family:var(--font-mono, monospace);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.airdrop-code-pill:hover{background:#00f2fe29;border-color:var(--accent-cyan)}.airdrop-code-label{color:var(--text-muted);font-size:.7rem}.airdrop-code-val{color:var(--accent-cyan);font-weight:700}.airdrop-main-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:16px 14px max(24px,env(safe-area-inset-bottom,24px))}.airdrop-content-container{max-width:660px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.airdrop-radar-stage{position:relative;overflow:hidden;padding:20px 16px;border-radius:16px;border:1px solid var(--border-glass)}.airdrop-radar-canvas{height:190px;position:relative;display:flex;align-items:center;justify-content:center}.radar-circle{position:absolute;border-radius:50%;border:1px solid rgba(0,242,254,.12);pointer-events:none}.circle-1{width:80px;height:80px}.circle-2{width:135px;height:135px}.circle-3{width:190px;height:190px}.radar-sweep-line{position:absolute;width:190px;height:190px;border-radius:50%;background:conic-gradient(from 0deg,rgba(0,242,254,.2) 0deg,rgba(0,242,254,0) 60deg,transparent 360deg);animation:airdropRadarSweep 3.2s linear infinite;pointer-events:none}@keyframes airdropRadarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.airdrop-center-node{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px}.airdrop-center-avatar{width:46px;height:46px;border-radius:50%;color:#fff;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00f2fe73;border:2px solid rgba(255,255,255,.3)}.airdrop-center-label{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:var(--text-main);background:#0a0f1ab3;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.airdrop-center-code{color:var(--accent-cyan);font-family:var(--font-mono, monospace)}.airdrop-center-ping{position:absolute;top:0;left:50%;transform:translate(-50%);width:46px;height:46px;border-radius:50%;border:2px solid var(--accent-cyan);animation:airdropPing 2.2s cubic-bezier(0,0,.2,1) infinite;pointer-events:none}@keyframes airdropPing{0%{transform:translate(-50%) scale(1);opacity:.9}80%,to{transform:translate(-50%) scale(2.4);opacity:0}}.airdrop-peers-tray{margin-top:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.airdrop-tray-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px;flex-wrap:wrap}.airdrop-tray-title-wrap{display:flex;align-items:center;gap:6px}.airdrop-tray-title{font-size:.85rem;font-weight:600;color:var(--text-main)}.airdrop-tray-hint{font-size:.72rem;color:var(--text-muted)}.airdrop-empty-radar{padding:20px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.airdrop-empty-icon-wrap{width:40px;height:40px;border-radius:50%;background:#00f2fe14;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.airdrop-empty-text{font-size:.82rem;font-weight:500;color:var(--text-main);margin:0}.airdrop-empty-sub{font-size:.72rem;color:var(--text-muted);max-width:380px}.airdrop-peers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.airdrop-peer-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease;border:1px solid var(--border-glass);min-height:48px}.airdrop-peer-card:hover{transform:translateY(-2px);border-color:#00f2fe66;background:#00f2fe0d}.airdrop-peer-card.target-active{border-color:#10b981cc!important;background:#10b9811f!important;box-shadow:0 0 16px #10b98147}.airdrop-beam-btn.active-paired{background:#10b98133!important;color:#10b981!important;border:1px solid rgba(16,185,129,.5)!important}.airdrop-peer-avatar-wrap{position:relative;flex-shrink:0}.airdrop-peer-avatar{width:36px;height:36px;border-radius:50%;color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #0006}.airdrop-device-badge{position:absolute;bottom:-3px;right:-3px;width:17px;height:17px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.airdrop-peer-details{flex:1;min-width:0;display:flex;flex-direction:column}.airdrop-peer-name{font-size:.82rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.airdrop-peer-code{font-size:.7rem;font-family:var(--font-mono, monospace);color:var(--accent-cyan)}.airdrop-beam-btn{padding:4px 10px!important;font-size:.72rem!important;flex-shrink:0}.airdrop-dropzone{border:2px dashed rgba(0,242,254,.25);border-radius:14px;padding:18px 16px;text-align:center;transition:all .2s ease;background:#0e132099}.airdrop-dropzone.drag-active{border-color:var(--accent-cyan);background:#00f2fe14;box-shadow:0 0 20px #00f2fe33}.airdrop-dropzone-empty{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:6px 0}.airdrop-dropzone-icon-box{width:48px;height:48px;border-radius:14px;background:#00f2fe14;border:1px solid rgba(0,242,254,.2);display:flex;align-items:center;justify-content:center}.airdrop-dropzone-prompt{display:flex;flex-direction:column;gap:3px}.airdrop-dropzone-main-text{font-size:.9rem;font-weight:600;color:var(--text-main)}.airdrop-dropzone-sub-text{font-size:.75rem;color:var(--text-muted)}.airdrop-staged-tray{display:flex;flex-direction:column;gap:12px}.airdrop-staged-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.airdrop-staged-summary{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--text-main)}.airdrop-staged-actions{display:flex;align-items:center;gap:6px}.airdrop-staged-list{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow-y:auto;padding:2px}.airdrop-staged-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px 8px;font-size:.75rem;color:var(--text-main);max-width:220px}.airdrop-staged-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.airdrop-staged-size{color:var(--text-muted);font-size:.68rem}.airdrop-staged-remove-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center}.airdrop-staged-remove-btn:hover{color:var(--accent-rose);background:#f43f5e26}.airdrop-manual-dock{padding:12px 14px;border-radius:12px}.airdrop-manual-form{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.airdrop-manual-label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--text-main)}.airdrop-manual-input-group{display:flex;align-items:center;gap:8px;flex:1;max-width:280px;min-width:180px}.airdrop-manual-input{flex:1;height:36px;padding:0 10px;font-size:.85rem;text-transform:uppercase}.airdrop-manual-btn{height:36px!important;padding:0 14px!important;flex-shrink:0}.airdrop-transfer-row{border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;border:1px solid rgba(0,242,254,.35);box-shadow:0 4px 20px #00f2fe26}.airdrop-transfer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.airdrop-transfer-info{display:flex;flex-direction:column;gap:2px;min-width:0}.airdrop-transfer-direction-badge{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--text-muted)}.airdrop-transfer-filename{font-size:.88rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.airdrop-progress-track{width:100%;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;position:relative}.airdrop-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-cyan),#4facfe);box-shadow:0 0 10px #00f2fe80;transition:width .15s ease-out}.airdrop-transfer-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.75rem}.airdrop-transfer-meta-left{display:flex;align-items:center;gap:8px}.airdrop-transfer-percent{font-weight:700;color:var(--accent-cyan)}.airdrop-transfer-bytes{color:var(--text-muted)}.airdrop-transfer-meta-right{display:flex;align-items:center;gap:6px}.airdrop-meta-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;background:#ffffff0d;font-size:.7rem;color:var(--text-main)}.airdrop-offer-banner{border-radius:14px;padding:16px 18px;border:1px solid var(--accent-cyan);background:#0e192af5;box-shadow:0 8px 32px #00f2fe38;display:flex;flex-direction:column;gap:12px;animation:airdropSlideDown .25s ease-out}@keyframes airdropSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.airdrop-offer-top{display:flex;align-items:center;gap:12px}.airdrop-offer-avatar{width:44px;height:44px;border-radius:50%;color:#fff;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 12px #00f2fe59}.airdrop-offer-info{display:flex;flex-direction:column;min-width:0;flex:1}.airdrop-offer-headline{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.airdrop-offer-sender{font-size:.95rem;font-weight:700;color:var(--accent-cyan)}.airdrop-offer-action{font-size:.8rem;color:var(--text-main)}.airdrop-offer-meta{font-size:.72rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin-top:2px}.airdrop-offer-meta-pill{color:var(--text-main);font-weight:500}.airdrop-offer-body{width:100%}.airdrop-offer-files-preview{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.airdrop-offer-file-chip{background:#ffffff14;border:1px solid rgba(255,255,255,.12);padding:4px 10px;border-radius:6px;font-size:.73rem;color:var(--text-main);display:inline-flex;align-items:center;gap:6px;max-width:280px;transition:all .18s ease}.airdrop-offer-file-chip.interactive-select{cursor:pointer;user-select:none}.airdrop-offer-file-chip.interactive-select.selected{background:#00f2fe1a;border-color:#00f2fe59;color:#fff}.airdrop-offer-file-chip.interactive-select.unselected{opacity:.55;background:#ffffff08;border-color:#ffffff0f;color:var(--text-muted)}.airdrop-chip-check-indicator{width:13px;height:13px;border-radius:3px;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.airdrop-chip-check-indicator.active{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#070d18}.airdrop-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.airdrop-chip-size{color:var(--text-muted);font-size:.68rem;flex-shrink:0}.airdrop-offer-more-btn{background:#00f2fe1f;border:1px solid rgba(0,242,254,.4);color:var(--accent-cyan);font-size:.73rem;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.airdrop-offer-more-btn:hover{background:#00f2fe38;border-color:var(--accent-cyan);box-shadow:0 0 10px #00f2fe4d;transform:translateY(-1px)}.airdrop-offer-expanded-list{background:#0a121ed9;border:1px solid rgba(0,242,254,.25);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;animation:airdropFadeIn .2s ease}@keyframes airdropFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.airdrop-offer-expanded-header{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.airdrop-offer-batch-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.airdrop-offer-batch-btn{display:inline-flex;align-items:center;gap:5px;background:#00f2fe1a;border:1px solid rgba(0,242,254,.3);color:var(--accent-cyan);font-size:.72rem;font-weight:600;cursor:pointer;padding:2px 8px;border-radius:4px;transition:all .15s ease}.airdrop-offer-batch-btn:hover{background:#00f2fe33;border-color:var(--accent-cyan)}.airdrop-offer-batch-btn.secondary{background:#ffffff0d;border-color:#ffffff1f;color:var(--text-muted)}.airdrop-offer-batch-btn.secondary:hover{background:#ffffff1a;color:var(--text-main)}.airdrop-offer-batch-btn:hover{background:#00f2fe1f}.airdrop-custom-check-box{width:15px;height:15px;border-radius:4px;border:1px solid rgba(0,242,254,.5);display:flex;align-items:center;justify-content:center;background:#0006;flex-shrink:0;transition:all .15s ease}.airdrop-custom-check-box.checked{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#070d18}.airdrop-custom-check-box.indeterminate{background:#00f2fe59;border-color:var(--accent-cyan);color:#fff}.airdrop-offer-selection-count{font-size:.7rem;color:var(--text-muted)}.airdrop-offer-toggle-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--accent-cyan);font-size:.72rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .15s ease}.airdrop-offer-toggle-btn:hover{background:#00f2fe26}.airdrop-offer-expanded-scroll{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.airdrop-offer-expanded-scroll::-webkit-scrollbar{width:4px}.airdrop-offer-expanded-scroll::-webkit-scrollbar-thumb{background:#00f2fe4d;border-radius:4px}.airdrop-offer-file-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;user-select:none;transition:all .15s ease}.airdrop-offer-file-row:hover{background:#00f2fe14;border-color:#00f2fe40}.airdrop-offer-file-row.selected{background:#00f2fe0f;border-color:#00f2fe40}.airdrop-offer-file-row.unselected{opacity:.5;background:#ffffff04;border-color:transparent}.airdrop-offer-row-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.airdrop-offer-row-details{flex:1;min-width:0}.airdrop-offer-row-name{font-size:.75rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.airdrop-offer-row-size{font-size:.7rem;color:var(--text-muted);flex-shrink:0;font-variant-numeric:tabular-nums}.airdrop-offer-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;margin-top:2px}.airdrop-offer-decline-btn{padding:7px 16px!important;font-size:.82rem!important;border-radius:8px!important;min-height:38px}.airdrop-offer-accept-btn{padding:7px 20px!important;font-size:.82rem!important;border-radius:8px!important;min-height:38px;box-shadow:0 0 16px #00f2fe59!important;transition:all .2s ease}.airdrop-offer-accept-btn:disabled{opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:grayscale(.5)}.airdrop-btn-text-mobile{display:none}.airdrop-receive-tray{border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.airdrop-receive-tray-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.airdrop-receive-title-wrap{display:flex;align-items:center;gap:8px}.airdrop-receive-title{font-size:.88rem;font-weight:600;color:var(--text-main)}.airdrop-ram-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;color:var(--accent-emerald);background:#10b9811a;border:1px solid rgba(16,185,129,.25);padding:1px 6px;border-radius:999px}.airdrop-receive-list{display:flex;flex-direction:column;gap:8px}.airdrop-receive-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08;border:1px solid var(--border-glass)}.airdrop-receive-icon-box{width:34px;height:34px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.airdrop-receive-info{flex:1;min-width:0;display:flex;flex-direction:column}.airdrop-receive-name{font-size:.82rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.airdrop-receive-sub{font-size:.7rem;color:var(--text-muted);display:flex;gap:4px}.airdrop-receive-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.airdrop-save-btn{padding:4px 12px!important;font-size:.75rem!important}@media(max-width:640px){.airdrop-header{padding:0 8px;gap:6px}.airdrop-header-left{gap:6px;flex-shrink:1}.airdrop-header-right{gap:6px}.airdrop-brand-titles .airdrop-sub,.airdrop-toggle-label,.airdrop-code-label{display:none}.airdrop-radar-toggle-btn{width:34px!important;height:34px!important;padding:0!important;justify-content:center;border-radius:50%!important;flex-shrink:0!important}.airdrop-code-pill{height:34px!important;padding:0 8px!important;font-size:.75rem!important;flex-shrink:0!important}.airdrop-radar-stage{padding:16px 12px}.airdrop-radar-canvas{height:160px}.circle-1{width:70px;height:70px}.circle-2{width:115px;height:115px}.circle-3,.radar-sweep-line{width:160px;height:160px}.airdrop-peers-grid{grid-template-columns:1fr}.airdrop-manual-form{flex-direction:column;align-items:stretch}.airdrop-manual-input-group{max-width:100%}.airdrop-offer-actions{justify-content:stretch;gap:8px}.airdrop-offer-actions button{flex:1;min-height:44px!important}.airdrop-btn-text-desktop{display:none}.airdrop-btn-text-mobile{display:inline}}@media(max-width:380px){.airdrop-title{font-size:.88rem}.airdrop-brand-icon{width:30px;height:30px}.airdrop-code-pill{padding:0 6px!important;font-size:.72rem!important}}.gateway-hud-root{position:relative;width:100%;max-width:1100px;margin:0 auto;padding:16px 20px 24px;display:flex;flex-direction:column;gap:20px}.gateway-hud-frame{position:relative;border:1px solid rgba(255,255,255,.08);background:#030712bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg, 16px);padding:24px 20px;overflow:hidden;box-shadow:0 20px 50px #0009,inset 0 0 40px #00f2fe08}.hud-corner{position:absolute;width:12px;height:12px;border-color:var(--accent-cyan, #00f2fe);pointer-events:none;opacity:.8}.hud-corner.top-left{top:6px;left:6px;border-top:2px solid var(--accent-cyan, #00f2fe);border-left:2px solid var(--accent-cyan, #00f2fe)}.hud-corner.top-right{top:6px;right:6px;border-top:2px solid #ec4899;border-right:2px solid #ec4899}.hud-corner.bottom-left{bottom:6px;left:6px;border-bottom:2px solid var(--accent-cyan, #00f2fe);border-left:2px solid var(--accent-cyan, #00f2fe)}.hud-corner.bottom-right{bottom:6px;right:6px;border-bottom:2px solid #ec4899;border-right:2px solid #ec4899}.gateway-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:12px}.gateway-brand-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono, monospace);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-cyan, #00f2fe);background:#00f2fe1a;padding:3px 10px;border-radius:999px;border:1px solid rgba(0,242,254,.25)}.gateway-title-glitch{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900;letter-spacing:.04em;font-family:var(--font-mono, monospace);color:#fff;text-transform:uppercase;position:relative;text-shadow:0 0 20px rgba(0,242,254,.6),0 0 40px rgba(236,72,153,.3)}.gateway-title-glitch .accent-cyan{color:#00f2fe}.gateway-title-glitch .accent-magenta{color:#ec4899}.gateway-subtitle{font-size:.85rem;color:var(--text-muted, #94a3b8);max-width:580px;line-height:1.4}.gateway-mode-pill-bar{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px 0 16px}.gateway-pill-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono, monospace);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:8px 18px;border-radius:999px;background:#0f172a99;border:1px solid rgba(255,255,255,.12);color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);min-height:40px}.gateway-pill-btn:hover{border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.gateway-pill-btn.active.ghost{background:#00f2fe26;border-color:#00f2fe;color:#00f2fe;box-shadow:0 0 16px #00f2fe59}.gateway-pill-btn.active.vault{background:#ec489926;border-color:#ec4899;color:#ec4899;box-shadow:0 0 16px #ec489959}.gateway-pods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}@media(max-width:768px){.gateway-pods-grid{grid-template-columns:1fr;gap:16px}}.gateway-pod-card{position:relative;background:#0a0f1dd9;border-radius:16px;padding:22px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden;border:1px solid rgba(255,255,255,.1);clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px))}.gateway-pod-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.05),transparent 70%);pointer-events:none}.gateway-pod-card.ghost{border-color:#00f2fe59;box-shadow:0 10px 30px #00000080,inset 0 0 25px #00f2fe0d}.gateway-pod-card.ghost:hover,.gateway-pod-card.ghost.focused{border-color:#00f2fe;box-shadow:0 12px 35px #00f2fe40,inset 0 0 35px #00f2fe1a;transform:translateY(-2px)}.gateway-pod-card.vault{border-color:#ec489959;box-shadow:0 10px 30px #00000080,inset 0 0 25px #ec48990d}.gateway-pod-card.vault:hover,.gateway-pod-card.vault.focused{border-color:#ec4899;box-shadow:0 12px 35px #ec489940,inset 0 0 35px #ec48991a;transform:translateY(-2px)}.pod-header{display:flex;align-items:center;justify-content:space-between;width:100%}.pod-title-block{display:flex;flex-direction:column;gap:2px}.pod-code-name{font-family:var(--font-mono, monospace);font-size:1.15rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.pod-code-name.ghost{color:#00f2fe;text-shadow:0 0 12px rgba(0,242,254,.6)}.pod-code-name.vault{color:#ec4899;text-shadow:0 0 12px rgba(236,72,153,.6)}.pod-sub-mode{font-family:var(--font-mono, monospace);font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted, #94a3b8);letter-spacing:.08em}.pod-visual-stage{display:flex;align-items:center;justify-content:center;padding:16px 0;position:relative}.pod-radar-box{width:90px;height:90px;border-radius:50%;border:1px solid rgba(0,242,254,.4);position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,242,254,.1) 0%,transparent 70%);box-shadow:0 0 20px #00f2fe33}.pod-radar-sweep{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(0,242,254,.35) 60deg,transparent 65deg);animation:radarSweep 3.5s linear infinite;pointer-events:none}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pod-shield-box{width:90px;height:90px;border-radius:16px;border:1px solid rgba(236,72,153,.4);position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%);box-shadow:0 0 20px #ec489933}.pod-shield-pulse{position:absolute;width:100%;height:100%;border-radius:16px;border:1px solid rgba(236,72,153,.6);animation:shieldPulse 2.5s cubic-bezier(.16,1,.3,1) infinite;pointer-events:none}@keyframes shieldPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.08);opacity:.2}to{transform:scale(.95);opacity:.8}}.pod-badge-tag{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-family:var(--font-mono, monospace);font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:4px 12px;border-radius:6px;width:fit-content;margin:0 auto}.pod-badge-tag.ghost{color:#00f2fe;background:#00f2fe1a;border:1px solid rgba(0,242,254,.3)}.pod-badge-tag.vault{color:#ec4899;background:#ec48991a;border:1px solid rgba(236,72,153,.3)}.pod-diagnostics-box{background:#030712cc;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px 14px;font-family:var(--font-mono, monospace);font-size:.75rem;line-height:1.6;display:flex;flex-direction:column;gap:2px}.pod-diag-line{display:flex;align-items:center;gap:6px;color:#94a3b8}.pod-diag-line .diag-key{color:#cbd5e1}.pod-diag-line.ghost .diag-val{color:#00f2fe}.pod-diag-line.vault .diag-val{color:#ec4899}.pod-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;font-family:var(--font-mono, monospace);font-size:.84rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid transparent}.pod-action-btn.ghost{background:linear-gradient(135deg,#00f2fe40,#10b98140);border-color:#00f2fe;color:#00f2fe;box-shadow:0 0 16px #00f2fe59}.pod-action-btn.ghost:hover{background:linear-gradient(135deg,#00f2fe73,#10b98173);box-shadow:0 0 25px #00f2fe99;transform:translateY(-1px);color:#fff}.pod-action-btn.vault{background:linear-gradient(135deg,#ec489940,#8b5cf640);border-color:#ec4899;color:#ec4899;box-shadow:0 0 16px #ec489959}.pod-action-btn.vault:hover{background:linear-gradient(135deg,#ec489973,#8b5cf673);box-shadow:0 0 25px #ec489999;transform:translateY(-1px);color:#fff}.gateway-footer{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-family:var(--font-mono, monospace);font-size:.68rem;color:var(--text-muted, #94a3b8);flex-wrap:wrap;gap:8px}.footer-telemetry{display:flex;align-items:center;gap:6px}.footer-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.vault-workspace-preview{margin-top:16px;border:1px solid rgba(236,72,153,.25);background:#0f0c1cd9;backdrop-filter:blur(16px);border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 16px 40px #0009,inset 0 0 30px #ec48990d}.vault-preview-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.vault-preview-title{display:flex;align-items:center;gap:10px}.vault-preview-title h3{font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:.02em}.vault-preview-pill{font-family:var(--font-mono, monospace);font-size:.7rem;font-weight:700;color:#ec4899;background:#ec489926;border:1px solid rgba(236,72,153,.3);padding:3px 8px;border-radius:6px}.landing-gateway-wrapper{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:16px 24px 20px;background-color:#060814;background-image:radial-gradient(circle at 18% 35%,rgba(0,242,254,.12) 0%,transparent 48%),radial-gradient(circle at 82% 40%,rgba(236,72,153,.14) 0%,transparent 50%),linear-gradient(180deg,#050711,#0a0d1d,#060813);overflow-x:hidden;box-sizing:border-box;animation:gatewayFadeIn .35s ease-out}@keyframes gatewayFadeIn{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.gateway-cyber-grid{position:absolute;inset:0;background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);pointer-events:none;z-index:1}.gateway-ambient-cyan{position:absolute;top:15%;left:5%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(0,242,254,.18) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:1}.gateway-ambient-magenta{position:absolute;top:18%;right:5%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.18) 0%,transparent 70%);filter:blur(90px);pointer-events:none;z-index:1}.gateway-top-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:12px 20px;background:#0a0e1cb3;border:1px solid rgba(255,255,255,.08);border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px #0006}.gateway-nav-left{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.gateway-logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#00f2fe33,#ec489933);border:1px solid rgba(0,242,254,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #00f2fe40;transition:transform .2s ease,box-shadow .2s ease}.gateway-logo-mark:hover{transform:scale(1.05);box-shadow:0 0 22px #00f2fe73}.gateway-logo-sparkle{color:#00f2fe;filter:drop-shadow(0 0 6px #00f2fe)}.gateway-brand-name{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:1.15rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.brand-zero{color:#fff}.brand-chat{color:#00f2fe;text-shadow:0 0 12px rgba(0,242,254,.6)}.gateway-nav-right{display:flex;align-items:center;gap:10px}.gateway-nav-login-btn{padding:6px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.gateway-nav-login-btn:hover{background:#ec489933;border-color:#ec489980;box-shadow:0 0 14px #ec48994d}.gateway-nav-user-pill{display:flex;align-items:center;gap:8px;padding:5px 14px;background:#a855f726;border:1px solid rgba(168,85,247,.35);border-radius:999px;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;font-family:var(--font-mono, monospace);transition:all .2s ease}.gateway-nav-user-pill:hover{border-color:#a855f799;box-shadow:0 0 14px #a855f74d}.user-dot-online{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}.gateway-icon-btn{width:34px;height:34px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.gateway-icon-btn:hover{color:#fff;border-color:#ffffff40;background:#ffffff0f}.gateway-hero-deck{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;flex:1;padding:30px 10px}.gateway-glass-frame{position:relative;width:100%;max-width:820px;background:#0d1122a6;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:28px 28px 24px;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 20px 60px #0009,0 0 40px #00f2fe0d}.gateway-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.gateway-hologram-card{position:relative;border-radius:20px;padding:26px 20px 24px;background:#0a0e1cb3;cursor:pointer;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease;user-select:none}.gateway-hologram-card.ghost{border:1.5px solid rgba(0,242,254,.4);box-shadow:0 10px 30px #00000080,0 0 20px #00f2fe26}.gateway-hologram-card.ghost:hover{transform:translateY(-4px);border-color:#00f2fed9;box-shadow:0 18px 45px #000000b3,0 0 35px #00f2fe66}.gateway-hologram-card.vault{border:1.5px solid rgba(236,72,153,.4);box-shadow:0 10px 30px #00000080,0 0 20px #ec489926}.gateway-hologram-card.vault:hover{transform:translateY(-4px);border-color:#ec4899d9;box-shadow:0 18px 45px #000000b3,0 0 35px #ec489966}.holo-card-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.holo-emblem-container{position:relative;width:140px;height:140px;margin-bottom:14px;display:flex;align-items:center;justify-content:center}.holo-radiance{position:absolute;width:110px;height:110px;border-radius:50%;pointer-events:none;filter:blur(28px);opacity:.45;transition:opacity .3s ease}.holo-radiance.ghost{background:#00f2fe}.holo-radiance.vault{background:#ec4899}.gateway-hologram-card:hover .holo-radiance{opacity:.75}.holo-ghost-svg{width:124px;height:124px;animation:holoGhostFloat 3.6s ease-in-out infinite}@keyframes holoGhostFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.holo-shield-svg{width:124px;height:124px;animation:holoShieldPulse 3.6s ease-in-out infinite}@keyframes holoShieldPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}}.holo-card-title{font-size:1.45rem;font-weight:800;letter-spacing:-.01em;color:#fff;margin:0 0 8px;line-height:1.2}.holo-card-desc{font-size:.82rem;color:#94a3b8;line-height:1.45;margin:0 0 22px;min-height:48px;max-width:280px}.holo-pill-btn{width:100%;max-width:220px;height:42px;border-radius:999px;border:none;font-size:.88rem;font-weight:700;letter-spacing:.02em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1)}.holo-pill-btn.ghost{background:linear-gradient(135deg,#00f2fe,#38bdf8);color:#030712;box-shadow:0 0 18px #00f2fe66}.holo-pill-btn.ghost:hover{background:linear-gradient(135deg,#38bdf8,#00f2fe);box-shadow:0 0 28px #00f2feb3;transform:translateY(-1px)}.holo-pill-btn.vault{background:linear-gradient(135deg,#ec4899,#d946ef);color:#fff;box-shadow:0 0 18px #ec489966}.holo-pill-btn.vault:hover{background:linear-gradient(135deg,#f43f5e,#ec4899);box-shadow:0 0 28px #ec4899b3;transform:translateY(-1px)}.gateway-page-footer{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:10px 14px 4px;font-size:.74rem;color:#64748b}.footer-left-brand{display:flex;align-items:center;gap:6px}.brand-bold{color:#cbd5e1;font-weight:700}.footer-pipe{color:#475569}.footer-social-links{display:flex;align-items:center;gap:12px}.social-icon-link{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .15s ease,transform .15s ease}.social-icon-link:hover{color:#00f2fe;transform:translateY(-1px)}.footer-legal-links{display:flex;align-items:center;gap:14px}.legal-link-btn{background:transparent;border:none;color:#64748b;font-size:.74rem;cursor:pointer;padding:2px 4px;transition:color .15s ease}.legal-link-btn:hover{color:#cbd5e1}@media(max-width:768px){.landing-gateway-wrapper{padding:12px 14px 16px}.gateway-top-nav{padding:10px 14px}.gateway-cards-grid{grid-template-columns:1fr;gap:18px}.gateway-glass-frame{padding:20px 16px 16px;border-radius:18px}.holo-emblem-container{width:110px;height:110px;margin-bottom:8px}.holo-ghost-svg,.holo-shield-svg{width:96px;height:96px}.holo-card-title{font-size:1.25rem}.holo-card-desc{min-height:auto;font-size:.78rem;margin-bottom:16px}.holo-pill-btn{height:40px;max-width:100%}.gateway-page-footer{flex-direction:column;gap:10px;align-items:center;text-align:center;padding-top:14px}}@media(max-width:480px){.gateway-brand-name{font-size:1rem}}.vault-oauth-card{position:relative;background:#0e101ceb;border:1px solid rgba(255,255,255,.12);border-radius:22px;width:100%;max-width:420px;padding:32px 28px 24px;box-shadow:0 25px 60px #000c,0 0 45px #a855f726;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);overflow:hidden;box-sizing:border-box;animation:modalScaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.vault-modal-ambient-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:260px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.25) 0%,transparent 70%);pointer-events:none;filter:blur(50px)}.vault-modal-close-btn{position:absolute;top:18px;right:18px;width:30px;height:30px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;z-index:5}.vault-modal-close-btn:hover{background:#ffffff1f;color:#fff}.vault-oauth-header{text-align:center;margin-bottom:24px}.vault-oauth-title{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;color:#fff;margin:0 0 6px}.vault-oauth-subtitle{font-size:.88rem;color:#94a3b8;margin:0;font-weight:400}.vault-social-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.oauth-pill-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:48px;border-radius:999px;font-size:.92rem;font-weight:700;cursor:pointer;background:#181b2ed9;border:1px solid rgba(255,255,255,.14);color:#fff;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0003}.oauth-pill-btn:hover:not(:disabled){background:#232741f2;border-color:#ffffff4d;box-shadow:0 4px 18px #0006,0 0 20px #a855f733;transform:translateY(-1px)}.oauth-pill-btn:disabled{opacity:.55;cursor:not-allowed}.oauth-pill-icon{width:20px;height:20px;flex-shrink:0}.vault-oauth-divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:#64748b;font-size:.76rem;font-family:inherit;font-weight:500}.vault-oauth-divider:before,.vault-oauth-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.08)}.vault-oauth-divider:before{margin-right:14px}.vault-oauth-divider:after{margin-left:14px}.vault-auth-switch-tabs{display:flex;gap:8px;background:#0a0e1cbf;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.08);margin-bottom:14px}.switch-tab-btn{flex:1;padding:8px 12px;font-size:.82rem;font-weight:700;background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.switch-tab-btn.active{background:#a855f740;color:#fff;border:1px solid rgba(168,85,247,.45);box-shadow:0 0 12px #a855f740}.vault-credentials-form{display:flex;flex-direction:column;gap:14px;animation:fadeIn .2s ease-out}.active-email-badge{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:.78rem;color:#94a3b8}.active-email-badge strong{color:#fff}.change-email-btn{background:transparent;border:none;color:#a855f7;font-size:.75rem;font-weight:700;cursor:pointer;text-decoration:underline;padding:0}.credential-field{display:flex;flex-direction:column;gap:6px}.credential-label{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-mono, monospace)}.credential-input{width:100%;height:42px;padding:0 14px;background:#141828d9;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-size:.88rem;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box}.credential-input:focus{border-color:#a855f7;box-shadow:0 0 14px #a855f74d}.password-input-wrap{position:relative;display:flex;align-items:center;width:100%;box-sizing:border-box}.toggle-pwd-btn{position:absolute;right:12px;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.toggle-pwd-btn:hover{color:#fff}.avatar-swatch-row{display:flex;align-items:center;gap:8px;margin-top:4px}.avatar-swatch-dot{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .15s ease}.avatar-swatch-dot.selected{border-color:#fff;transform:scale(1.18);box-shadow:0 0 10px #fff9}.credential-submit-btn{width:100%;height:44px;border-radius:10px;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 0 16px #a855f759;margin-top:4px}.credential-submit-btn:hover:not(:disabled){box-shadow:0 0 24px #a855f799;transform:translateY(-1px)}.credential-submit-btn:disabled{opacity:.6;cursor:not-allowed}.credential-toggle-mode{text-align:center;margin-top:4px}.toggle-mode-btn{background:transparent;border:none;color:#94a3b8;font-size:.78rem;cursor:pointer;padding:4px}.toggle-mode-btn strong{color:#a855f7}.toggle-mode-btn:hover strong{text-decoration:underline}.vault-auth-success-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#10b98126;border:1px solid rgba(16,185,129,.35);border-radius:8px;color:#34d399;font-size:.76rem;margin-top:14px}.vault-auth-error-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ef444426;border:1px solid rgba(239,68,68,.35);border-radius:8px;color:#f87171;font-size:.76rem;margin-top:14px}.vault-modal-trust-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;font-size:.72rem;color:#64748b;font-family:var(--font-mono, monospace)}@media(max-width:480px){.vault-oauth-card{max-width:calc(100vw - 20px);padding:22px 18px 20px;border-radius:18px;margin:0 auto}.vault-oauth-title{font-size:1.35rem}.oauth-pill-btn{height:44px;font-size:.88rem}}.app-container.vault-active-container{max-width:1560px;height:100vh;height:100dvh;padding:12px 16px;box-sizing:border-box}.vault-workspace-root,.stealth-workspace-root{display:flex;width:100%;height:100%;min-height:0;background:#030712f2;border-radius:var(--radius-lg, 16px);overflow:hidden;border:1px solid rgba(0,242,254,.25);box-shadow:0 20px 60px #000000d9,0 0 40px #00f2fe14}.vault-sidebar{width:270px;min-width:240px;background:#070a16d9;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}@media(max-width:768px){.vault-workspace-root,.stealth-workspace-root{border-radius:0;border:none;height:100dvh;min-height:100dvh;box-shadow:none}.vault-workspace-root.no-active-chat .vault-sidebar,.stealth-workspace-root.no-active-chat .vault-sidebar{position:relative;top:auto;left:auto;bottom:auto;width:100%;max-width:100%;height:100%;transform:none;display:flex;flex:1;z-index:1;border-right:none;box-shadow:none;pointer-events:auto}.vault-workspace-root.no-active-chat .vault-chat-stage,.stealth-workspace-root.no-active-chat .vault-chat-stage{display:none!important}.vault-workspace-root.has-active-chat .vault-sidebar,.stealth-workspace-root.has-active-chat .vault-sidebar{position:fixed;top:0;left:0;bottom:0;width:290px;max-width:85vw;z-index:10000;background:#050812fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(0,242,254,.3);box-shadow:10px 0 30px #000000d9;transform:translate(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;pointer-events:none}.vault-workspace-root.has-active-chat .vault-sidebar.mobile-open,.stealth-workspace-root.has-active-chat .vault-sidebar.mobile-open{transform:translate(0);pointer-events:auto}.vault-workspace-root.has-active-chat .vault-chat-stage,.stealth-workspace-root.has-active-chat .vault-chat-stage{display:flex;width:100%;height:100%;flex:1}.vault-sidebar-backdrop{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999}.vault-mobile-drawer-btn{display:none!important}}.vault-sidebar-top{display:flex;flex-direction:column;padding:12px 10px;gap:12px;overflow-y:auto}.vault-sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.vault-brand-text{font-family:var(--font-mono, monospace);font-size:.85rem;font-weight:800;color:#fff;letter-spacing:.04em;display:flex;align-items:center;gap:6px}.vault-brand-text .accent{color:#00f2fe}.vault-channel-section-title{font-family:var(--font-mono, monospace);font-size:.68rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;display:flex;align-items:center;justify-content:space-between}.vault-channel-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:transparent;border:1px solid transparent;color:#94a3b8;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.vault-channel-item:hover{background:#ffffff0d;color:#fff}.vault-channel-item.active,.vault-active-contact{background:#00f2fe1f!important;border:1px solid rgba(0,242,254,.45)!important;box-shadow:0 0 16px #00f2fe33!important;color:#fff!important;font-weight:700!important}.vault-channel-item.active span,.vault-active-contact span{color:#fff!important}.vault-sidebar-user,.vault-user-footer{padding:10px 14px;background:#060a14f2;border-top:1px solid rgba(0,242,254,.15);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.vault-user-profile-card{display:flex;align-items:center;gap:10px;background:transparent;border:none;padding:4px 6px;border-radius:8px;cursor:pointer;min-width:0;flex:1;text-align:left;transition:all .15s ease}.vault-user-profile-card:hover{background:#00f2fe14}.vault-user-info{display:flex;flex-direction:column;min-width:0;overflow:hidden}.vault-user-callsign{font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-user-status-text{font-family:var(--font-mono, monospace);font-size:.65rem;letter-spacing:.05em;color:#10b981}.vault-user-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.vault-footer-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;transition:all .15s ease}.vault-footer-btn:hover{background:#00f2fe1f;border-color:#00f2fe4d;color:#00f2fe}.vault-footer-btn.logout-btn:hover{background:#ef444426;border-color:#ef444466;color:#ef4444}.vault-audio-waves{display:flex;align-items:center;justify-content:center;gap:5px;height:48px;margin-top:16px}.vault-wave-bar{display:inline-block;width:4px;border-radius:4px;background:linear-gradient(180deg,#00f2fe,#3b82f6);animation:cyberWave 1.2s ease-in-out infinite alternate}.vault-wave-bar.bar-1{height:16px;animation-delay:.1s}.vault-wave-bar.bar-2{height:28px;animation-delay:.3s}.vault-wave-bar.bar-3{height:42px;animation-delay:.2s}.vault-wave-bar.bar-4{height:32px;animation-delay:.4s}.vault-wave-bar.bar-5{height:48px;animation-delay:.15s}.vault-wave-bar.bar-6{height:26px;animation-delay:.35s}.vault-wave-bar.bar-7{height:18px;animation-delay:.25s}@keyframes cyberWave{0%{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}to{transform:scaleY(.4);opacity:.6}}.vault-status-indicator{font-family:var(--font-mono, monospace);font-size:.65rem;color:#10b981;display:flex;align-items:center;gap:4px}.vault-chat-stage{flex:1;display:flex;flex-direction:column;height:100%;min-width:0;background:#0a0e1ce6}.vault-chat-header{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;background:#070a16b3;flex-shrink:0}.vault-channel-name-bar{display:flex;align-items:center;gap:10px}.vault-channel-topic{font-size:.75rem;color:#94a3b8;border-left:1px solid rgba(255,255,255,.15);padding-left:10px}@media(max-width:768px){.vault-channel-topic{display:none}}.vault-messages-feed{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.vault-message-row{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;border-radius:12px;transition:all .15s ease;max-width:860px;width:100%;border:1px solid transparent}.vault-message-row:hover{background:#ffffff08}.vault-message-row.is-me{background:#00f2fe09;border-color:#00f2fe1f}.vault-message-row.is-me:hover{background:#00f2fe0f}.vault-message-row.is-other{background:#ffffff05;border-color:#ffffff0d}.vault-msg-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;flex-shrink:0}.vault-msg-content-wrap{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.vault-msg-author-bar{display:flex;align-items:baseline;gap:8px}.vault-msg-author{font-size:.85rem;font-weight:700;color:#fff}.vault-msg-time{font-family:var(--font-mono, monospace);font-size:.68rem;color:#64748b;display:inline-flex;align-items:center;gap:4px}.vault-msg-status{display:inline-flex;align-items:center;margin-left:2px;vertical-align:middle}.vault-msg-status.pending{color:#94a3b8;opacity:.85}.vault-msg-status.sent{color:#00f2fe}.vault-message-row.is-pending{opacity:.85}@keyframes vaultClockPulse{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.vault-status-clock-spin{animation:vaultClockPulse 1.8s ease-in-out infinite}.vault-msg-text{font-size:.88rem;color:#e2e8f0;line-height:1.45;word-break:break-word}.vault-input-dock{padding:12px 18px;background:#070a16cc;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.vault-input-form{display:flex;align-items:center;gap:10px;background:#030712d9;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:4px 6px 4px 14px}.vault-input-form:focus-within{border-color:#00f2fe;box-shadow:0 0 14px #00f2fe4d}.vault-text-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:.88rem;height:38px}.vault-send-btn{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#00f2fe,#4facfe);border:none;color:#050812;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.vault-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 12px #00f2fe80}.vault-send-btn:disabled{opacity:.5;cursor:not-allowed}.vault-user-identity-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.vault-pending-handshakes-box{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.vault-pending-header{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.06em}.vault-handshake-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#00000059;padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.vault-handshake-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.vault-handshake-callsign{font-size:.82rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-handshake-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.vault-btn-accept{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#10b981;border-radius:6px;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s ease}.vault-btn-accept:hover{background:#10b98159;color:#fff}.vault-btn-decline{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:6px;cursor:pointer;transition:all .15s ease}.vault-empty-friends-hint{padding:10px 12px;font-size:.75rem;color:#64748b;line-height:1.4;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:8px;text-align:center;margin:4px 0}.vault-chat-back-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#00f2fe;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease;flex-shrink:0}.vault-chat-back-btn:hover{background:#00f2fe26;border-color:#00f2fe4d;color:#fff}.vault-mobile-drawer-btn{display:none;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#00f2fe14;border:1px solid rgba(0,242,254,.2);cursor:pointer;flex-shrink:0;transition:all .15s ease}.vault-mobile-drawer-btn:hover{background:#00f2fe33}.vault-msg-inline-code{background:#00f2fe1f;border:1px solid rgba(0,242,254,.25);color:#00f2fe;padding:1px 5px;border-radius:4px;font-family:var(--font-mono, monospace);font-size:.82rem}.vault-link{color:#00f2fe;text-decoration:underline;word-break:break-all}.vault-mobile-drawer-toggle{display:none;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s ease}.vault-mobile-drawer-toggle:hover{background:#00f2fe26;border-color:#00f2fe4d}@media(max-width:768px){.vault-mobile-drawer-toggle{display:flex}}.vault-message-row{position:relative}.vault-msg-actions{position:absolute;top:4px;right:10px;opacity:0;pointer-events:none;transition:opacity .15s ease;display:flex;align-items:center;gap:4px;background:#070a16f2;padding:2px 4px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.vault-message-row:hover .vault-msg-actions,.vault-message-row:focus-within .vault-msg-actions{opacity:1;pointer-events:auto}.vault-msg-action-btn{width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#94a3b8;cursor:pointer;transition:all .15s ease}.vault-msg-action-btn.danger:hover{background:#ef444433;color:#ef4444}.vault-msg-code-block{background:#0009;border:1px solid rgba(255,255,255,.1);border-left:3px solid #00f2fe;border-radius:6px;padding:8px 12px;margin:6px 0;font-family:var(--font-mono, monospace);font-size:.8rem;color:#00f2fe;overflow-x:auto;white-space:pre-wrap}.vault-msg-inline-code{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:1px 5px;font-family:var(--font-mono, monospace);font-size:.82rem;color:#00f2fe}.vault-link{color:#00f2fe;text-decoration:underline;text-underline-offset:2px}.vault-link:hover{color:#38bdf8}.vault-create-channel-modal{width:90%;max-width:440px;background:#0a0e1cf2;border:1px solid rgba(0,242,254,.3);border-radius:16px;box-shadow:0 20px 60px #000c,0 0 25px #00f2fe33;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:20px;color:#fff;animation:modalPop .2s cubic-bezier(.16,1,.3,1)}.vault-modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.vault-modal-title-group{display:flex;align-items:center;gap:8px}.vault-modal-title{font-size:1rem;font-weight:800;letter-spacing:-.01em;color:#fff}.vault-create-channel-form{display:flex;flex-direction:column;gap:16px;margin-top:16px}.vault-field-group{display:flex;flex-direction:column;gap:6px}.vault-field-label{font-family:var(--font-mono, monospace);font-size:.68rem;font-weight:700;color:#94a3b8;letter-spacing:.08em}.vault-channel-input-wrapper{display:flex;align-items:center;background:#030712d9;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:0 12px;transition:all .2s ease}.vault-channel-input-wrapper:focus-within{border-color:#00f2fe;box-shadow:0 0 12px #00f2fe4d}.vault-prefix-hash{font-family:var(--font-mono, monospace);color:#00f2fe;font-size:1rem;font-weight:800;margin-right:6px}.vault-channel-name-input,.vault-channel-topic-input{width:100%;background:transparent;border:none;outline:none;color:#fff;font-size:.88rem;height:38px}.vault-channel-topic-input{background:#030712d9;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:0 12px;transition:all .2s ease}.vault-channel-topic-input:focus{border-color:#00f2fe;box-shadow:0 0 12px #00f2fe4d}.vault-field-hint{font-size:.68rem;color:#64748b;font-family:var(--font-mono, monospace)}.vault-modal-error{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.78rem}.vault-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px}.vault-create-channel-submit-btn{background:linear-gradient(135deg,#00f2fe,#3b82f6);border:none;border-radius:8px;color:#030712;font-size:.82rem;font-weight:700;padding:8px 18px;cursor:pointer;transition:all .2s ease}.vault-create-channel-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 16px #00f2fe80}.vault-create-channel-submit-btn:disabled{opacity:.5;cursor:not-allowed}.vault-profile-modal-card{position:relative;background:#0c0f1af5;border:1px solid rgba(255,255,255,.14);border-radius:20px;width:100%;max-width:420px;padding:28px 24px 22px;box-shadow:0 25px 60px #000000d9,0 0 40px #00f2fe1f;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);overflow:hidden;box-sizing:border-box;animation:modalScaleIn .25s cubic-bezier(.16,1,.3,1)}.vault-acc-header{text-align:center;margin-bottom:20px}.vault-acc-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:#00f2fe14;border:1px solid rgba(0,242,254,.25);border-radius:999px;color:#00f2fe;font-family:var(--font-mono, monospace);font-size:.72rem;font-weight:700;letter-spacing:.08em;margin-bottom:8px}.vault-acc-title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:#fff;margin:0 0 4px}.vault-acc-subtitle{font-size:.82rem;color:#94a3b8;margin:0}.vault-acc-hero-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff09;border:1px solid rgba(255,255,255,.1);border-radius:14px;margin-bottom:20px}.vault-acc-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #00000080;border:2px solid rgba(255,255,255,.15)}.vault-acc-info{display:flex;flex-direction:column;gap:3px;overflow:hidden;flex:1}.vault-acc-user-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.vault-acc-username{font-family:var(--font-mono, monospace);font-size:1.02rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-acc-status-tag{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:999px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:.7rem;font-weight:700;flex-shrink:0}.vault-acc-pulse-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}.vault-acc-email-row{display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:.78rem;overflow:hidden}.vault-acc-mail-icon{flex-shrink:0;color:#94a3b8}.vault-acc-email-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-acc-actions-list{display:flex;flex-direction:column;gap:10px}.vault-acc-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.vault-acc-btn-icon-wrap{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vault-acc-btn-text{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex:1}.vault-acc-btn-title{font-size:.85rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-acc-btn-desc{font-size:.72rem;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-acc-btn.switch-btn{background:linear-gradient(135deg,#00f2fe26,#3b82f626);border:1px solid rgba(0,242,254,.4);color:#fff}.vault-acc-btn.switch-btn:hover{background:linear-gradient(135deg,#00f2fe40,#3b82f640);border-color:#00f2feb3;box-shadow:0 0 18px #00f2fe40;transform:translateY(-1px)}.switch-icon{background:#00f2fe33;color:#00f2fe}.vault-acc-btn.secondary-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#cbd5e1}.vault-acc-btn.secondary-btn:hover{background:#ffffff14;border-color:#fff3;color:#fff;transform:translateY(-1px)}.secondary-icon{background:#ffffff14;color:#94a3b8}.vault-acc-btn.danger-btn{background:#ef44440f;border:1px solid rgba(239,68,68,.22);color:#f87171}.vault-acc-btn.danger-btn:hover{background:#ef444424;border-color:#ef444466;box-shadow:0 0 14px #ef444426;transform:translateY(-1px)}.danger-icon{background:#ef444426;color:#f87171}.stealth-workspace-root{border-color:#00f2fe4d!important;box-shadow:0 20px 60px #000000d9,0 0 40px #00f2fe1a!important}.stealth-auth-card{border-color:#00f2fe40!important;box-shadow:0 25px 60px #000000e6,0 0 50px #00f2fe26!important}.vault-user-identity-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;transition:all .2s ease}.vault-user-identity-card:hover{background:#ffffff0d;border-color:#00f2fe33}.vault-pending-handshakes-box{background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:10px}.vault-pending-header{font-family:var(--font-mono, monospace);font-size:.72rem;color:#f59e0b;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;display:flex;align-items:center;gap:6px}.vault-pending-list{display:flex;flex-direction:column;gap:6px}.vault-handshake-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#00000073;border:1px solid rgba(245,158,11,.25);padding:7px 9px;border-radius:8px;min-width:0}.vault-handshake-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1;overflow:hidden}.vault-handshake-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#fff;flex-shrink:0}.vault-handshake-callsign{font-size:.82rem;color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.vault-handshake-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.vault-btn-accept{display:flex;align-items:center;gap:4px;padding:5px 9px;background:#10b981;color:#022c22;font-weight:800;font-size:.72rem;border-radius:6px;border:none;cursor:pointer;transition:all .15s ease}.vault-btn-accept:hover{background:#34d399;transform:translateY(-1px);box-shadow:0 0 10px #10b98166}.vault-btn-decline{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25);border-radius:6px;cursor:pointer;transition:all .15s ease}.vault-btn-decline:hover{background:#ef44444d;color:#fff}.vault-empty-friends-hint{padding:8px 6px;color:#64748b;font-size:.76rem;line-height:1.4}.vault-channel-topic-text{font-size:.7rem;color:#94a3b8;display:block}.vault-chat-back-btn{display:none;align-items:center;gap:6px;padding:6px 11px;background:#00f2fe1a;border:1px solid rgba(0,242,254,.3);border-radius:8px;color:#00f2fe;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s ease;flex-shrink:0}.vault-chat-back-btn:hover{background:#00f2fe33;color:#fff}@media(max-width:768px){.app-container.vault-active-container{padding:0!important;gap:0!important;height:100dvh!important}.stealth-workspace-root,.vault-workspace-root{border-radius:0!important;border:none!important;height:100dvh!important;max-height:100dvh!important;width:100%!important}.stealth-workspace-root.no-active-chat .vault-sidebar,.vault-workspace-root.no-active-chat .vault-sidebar{position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;transform:none!important;display:flex!important;flex:1!important;height:100%!important;z-index:1!important;box-shadow:none!important;border-right:none!important;pointer-events:auto!important}.stealth-workspace-root.no-active-chat .vault-chat-stage,.vault-workspace-root.no-active-chat .vault-chat-stage{display:none!important}.stealth-workspace-root.has-active-chat .vault-sidebar,.vault-workspace-root.has-active-chat .vault-sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:290px!important;max-width:85vw!important;z-index:10000!important;background:#050812fa!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-right:1px solid rgba(0,242,254,.3)!important;box-shadow:10px 0 30px #000000d9!important;transform:translate(-100%)!important;transition:transform .25s cubic-bezier(.16,1,.3,1)!important;display:flex!important;pointer-events:none!important}.stealth-workspace-root.has-active-chat .vault-sidebar.mobile-open,.vault-workspace-root.has-active-chat .vault-sidebar.mobile-open{transform:translate(0)!important;pointer-events:auto!important;box-shadow:10px 0 30px #000000e6!important}.stealth-workspace-root.has-active-chat .vault-chat-stage,.vault-workspace-root.has-active-chat .vault-chat-stage{display:flex!important;width:100%!important;height:100%!important;flex:1!important}.vault-chat-back-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border-radius:50%!important;background:#00f2fe1a!important;border:1px solid rgba(0,242,254,.25)!important;color:#00f2fe!important;flex-shrink:0!important;transition:all .15s ease!important}.vault-chat-back-btn:hover{background:#00f2fe33!important;color:#fff!important}.vault-chat-back-btn span,.vault-header-close-btn,.vault-mobile-drawer-toggle,.vault-mobile-drawer-btn{display:none!important}.vault-input-dock{padding:8px 12px max(10px,env(safe-area-inset-bottom))!important}.vault-text-input{font-size:16px!important;height:38px!important}.vault-send-btn{width:36px!important;height:36px!important}}@media(max-width:480px){.vault-chat-header{padding:8px 10px!important;gap:4px!important}.vault-channel-name-bar{gap:6px!important}.vault-channel-topic-text{display:none!important}.vault-messages-feed{padding:10px!important;gap:10px!important}.vault-message-row{padding:6px 8px!important;gap:8px!important;border-radius:10px!important}.vault-msg-avatar{width:30px!important;height:30px!important;font-size:.75rem!important}.vault-profile-modal-card{max-width:calc(100vw - 20px)!important;padding:20px 16px!important;border-radius:16px!important;margin:0 auto!important}}.vault-modal-backdrop{position:fixed;inset:0;z-index:10000;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.vault-sidebar-top-actions{display:flex;align-items:center;gap:6px}.vault-top-btn{position:relative;width:32px;height:32px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);padding:0;flex-shrink:0}.vault-top-btn:hover{background:#00f2fe1f;border-color:#00f2fe4d;color:#00f2fe;transform:translateY(-1px)}.vault-top-btn.has-notifications{color:#00f2fe;border-color:#00f2fe59;box-shadow:0 0 12px #00f2fe40}.vault-invites-badge-pill{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:linear-gradient(135deg,#00f2fe,#3b82f6);color:#030712;font-size:.65rem;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid #06080d;box-shadow:0 0 10px #00f2fe99;animation:vaultBadgePulse 2s infinite ease-in-out}@keyframes vaultBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.vault-top-profile-btn{position:relative;width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(0,242,254,.3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.78rem;font-weight:800;color:#fff;transition:all .2s ease;padding:0;flex-shrink:0}.vault-top-profile-btn:hover{transform:scale(1.06);border-color:#00f2fe;box-shadow:0 0 12px #00f2fe66}.vault-profile-online-dot{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:#10b981;border:1.5px solid #06080d;box-shadow:0 0 6px #10b981}.vault-segment-tabs{display:flex;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:3px;gap:3px;margin:10px 0 12px;width:100%;box-sizing:border-box}.vault-segment-tab{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 6px;border-radius:7px;border:none;background:transparent;color:#94a3b8;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.vault-segment-tab .vault-segment-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-segment-tab:hover{color:#fff;background:#ffffff0a}.vault-segment-tab.active{background:#00f2fe24;color:#00f2fe;border:1px solid rgba(0,242,254,.25);box-shadow:0 2px 8px #00f2fe26}.vault-segment-count{font-size:.68rem;padding:1px 6px;border-radius:8px;background:#ffffff14;color:#cbd5e1}.vault-segment-tab.active .vault-segment-count{background:#00f2fe40;color:#00f2fe}.vault-tab-action-btn{width:100%;padding:9px 12px;border-radius:8px;border:1px dashed rgba(0,242,254,.3);background:#00f2fe0a;color:#00f2fe;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.vault-tab-action-btn:hover{background:#00f2fe1f;border-style:solid;border-color:#00f2fe;box-shadow:0 0 14px #00f2fe33}.vault-invites-tabs-bar{display:flex;gap:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:4px;margin-bottom:14px}.vault-invites-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border-radius:7px;border:none;background:transparent;color:#94a3b8;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .18s ease}.vault-invites-tab:hover{color:#fff;background:#ffffff0a}.vault-invites-tab.active{background:#00f2fe1f;color:#00f2fe;border:1px solid rgba(0,242,254,.3)}.vault-tab-count-badge{font-size:.68rem;padding:1px 6px;border-radius:8px;background:#00f2fe;color:#030712;font-weight:800}.vault-invites-content-area{min-height:160px}.vault-empty-invites-state{text-align:center;padding:28px 16px;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:12px}.vault-invites-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.vault-invite-item-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .15s ease}.vault-invite-item-card:hover{background:#ffffff0d;border-color:#00f2fe33}.vault-invite-item-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.vault-invite-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;color:#fff;flex-shrink:0}.vault-invite-avatar.squad-avatar{border-radius:10px}.vault-invite-info{min-width:0;flex:1}.vault-invite-name{font-size:.88rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-invite-meta{font-size:.72rem;color:#94a3b8;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-invite-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.vault-system-message-row{display:flex;align-items:center;justify-content:center;margin:12px 0;width:100%}.vault-system-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:20px;background:#00f2fe14;border:1px solid rgba(0,242,254,.2);color:#cbd5e1;font-size:.74rem;font-weight:600;letter-spacing:.02em;box-shadow:0 2px 8px #0006}.vault-system-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}.vault-invite-card-row{display:flex;margin:12px 0;width:100%}.vault-invite-bubble-card{max-width:320px;width:100%;background:#0e1424d9;border:1px solid rgba(0,242,254,.35);border-radius:14px;padding:14px;box-shadow:0 8px 24px #00000080,0 0 16px #00f2fe26}.vault-invite-card-header{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;color:#00f2fe;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.vault-invite-card-body{margin-bottom:12px}.vault-invite-card-title{margin:0 0 4px;font-size:1.05rem;font-weight:800;color:#fff}.vault-invite-card-sub{margin:0;font-size:.76rem;color:#94a3b8}.vault-invite-card-btns{display:flex;align-items:center;gap:8px}.vault-invite-joined-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:.74rem;font-weight:700}.vault-p2p-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:999px;background:#00f2fe1a;border:1px solid rgba(0,242,254,.25);color:#00f2fe;box-shadow:0 0 10px #00f2fe26;transition:all .2s ease}.vault-p2p-badge.cloud{background:#94a3b81a;border-color:#94a3b833;color:#94a3b8;box-shadow:none}.vault-call-overlay{position:absolute;inset:0;z-index:999;background:#04060a;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;animation:fadeIn .25s ease-out}.vault-call-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#090d16e0;backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);z-index:2}.vault-call-stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,#00f2fe08,#04060af2)}.vault-call-dock{display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 24px;background:#090d16e0;backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);z-index:2}.vault-call-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);padding:0;box-shadow:0 4px 15px #0006}.vault-call-btn:hover{transform:scale(1.06);background:#ffffff26;border-color:#ffffff4d}.vault-call-btn.active{background:#ef444433;border-color:#ef4444;color:#ef4444}.vault-call-btn.end{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 0 25px #ef444473}.vault-call-btn.end:hover{transform:scale(1.08);box-shadow:0 0 30px #ef444499}.vault-incoming-dialog{max-width:360px;text-align:center;padding:28px 20px;background:#090d16f2;border:1px solid rgba(0,242,254,.25);box-shadow:0 0 40px #00f2fe40;border-radius:20px}@media(max-width:640px){.vault-call-dock{gap:12px;padding:14px 16px}.vault-call-btn{width:44px;height:44px}}