:root{--bg:#0e1621;--bg-glow-1:#2aabee;--bg-glow-2:#229ed9;--panel:#17212bdb;--panel-solid:#17212b;--panel-2:#1c2733;--panel-2-hover:#223140;--border:#ffffff12;--border-soft:#ffffff0d;--text:#e9edf1;--text-dim:#7d8b99;--text-faint:#526271;--accent:#4fb2f3;--accent-2:#2aabee;--accent-dim:#4fb2f329;--accent-ring:#4fb2f359;--bubble-in:#1c2733;--bubble-out-1:#2b5f8a;--bubble-out-2:#245a86;--online:#4fb2f3;--offline:#4b5a68;--danger:#ff6b6b;--radius:16px;--radius-sm:10px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-fast:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{position:fixed;inset:0;overflow:hidden}body:before,body:after{content:"";filter:blur(90px);opacity:.16;pointer-events:none;z-index:0;border-radius:50%;width:46vw;height:46vw;animation:22s ease-in-out infinite alternate drift;position:fixed}body:before{background:var(--bg-glow-1);top:-14vw;left:-10vw}body:after{background:var(--bg-glow-2);animation-delay:-8s;bottom:-16vw;right:-10vw}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(3vw,4vw)scale(1.08)}}::selection{background:var(--accent-ring);color:#fff}*{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#fff3}.screen{z-index:1;height:100dvh;height:var(--app-height,100dvh);width:100vw;animation:screenIn .5s var(--ease) both;position:relative}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.setup-screen{justify-content:center;align-items:center;padding:24px;display:flex;overflow-y:auto}.brand-mark{vertical-align:middle;justify-content:center;align-items:center;width:30px;height:30px;margin-right:10px;display:inline-flex;position:relative}.brand-mark svg{width:100%;height:100%;overflow:visible}.brand-mark .wifi-arc{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;opacity:.35;transform-origin:12px 15px;animation:wifiPulse 2.4s var(--ease) infinite}.brand-mark .wifi-arc-1{animation-delay:0s}.brand-mark .wifi-arc-2{animation-delay:.18s}.brand-mark .wifi-arc-3{animation-delay:.36s}.brand-mark .wifi-dot{fill:var(--accent)}@keyframes wifiPulse{0%{opacity:.15}50%{opacity:1}to{opacity:.15}}.setup-card{background:var(--panel);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);width:100%;max-width:480px;animation:cardIn .55s var(--ease) both;border-radius:24px;padding:36px;box-shadow:inset 0 1px #ffffff0a,0 30px 60px -20px #0009}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.setup-card h1{letter-spacing:-.02em;align-items:center;margin:0 0 10px;font-size:26px;font-weight:800;display:flex}.tagline{color:var(--text-dim);letter-spacing:-.005em;margin:0 0 28px;font-size:14px;line-height:1.55}.field{animation:fieldIn .5s var(--ease) both;margin-bottom:18px;display:block}.field span{color:var(--text-dim);letter-spacing:.01em;margin-bottom:7px;font-size:12.5px;font-weight:500;display:block}@keyframes fieldIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.field:nth-of-type(2){animation-delay:60ms}.field:nth-of-type(3){animation-delay:.12s}input[type=text]{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color .2s var(--ease-fast), box-shadow .2s var(--ease-fast), background .2s var(--ease-fast);padding:12px 14px;font-family:inherit;font-size:14.5px}input[type=text]::placeholder{color:var(--text-faint)}input[type=text]:hover{background:var(--panel-2-hover)}input[type=text]:focus{border-color:var(--accent);background:var(--panel-2-hover);outline:none}.switch-link{color:var(--text-dim);text-align:center;margin:18px 0 0;font-size:13.5px}.switch-link a{color:var(--accent);font-weight:600;text-decoration:none}.switch-link a:hover{text-decoration:underline}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);cursor:pointer;letter-spacing:-.005em;transition:transform .18s var(--ease-fast), box-shadow .18s var(--ease-fast), border-color .18s var(--ease-fast), background .18s var(--ease-fast), filter .18s var(--ease-fast);justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--accent);background:var(--panel-2-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled{opacity:.55;cursor:default;transform:none!important}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000;box-shadow:0 8px 24px -8px #2aabee8c}.btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 28px -8px #2aabeeb3}.btn.small{width:auto;padding:7px 14px;font-size:13px}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}.bootstrap-card{flex-direction:column;align-items:center;gap:16px;padding:44px 36px;display:flex}.bootstrap-spinner{border-width:3px;border-color:#ffffff26;border-top-color:var(--accent);width:26px;height:26px}.bootstrap-card .tagline{margin:0}@keyframes spin{to{transform:rotate(360deg)}}.recent-rooms{animation:fieldIn .5s var(--ease) both;margin-top:26px;animation-delay:50ms}.recent-rooms h3{color:var(--text-dim);letter-spacing:.01em;margin:0 0 10px;font-size:12.5px;font-weight:500}.recent-rooms-list{flex-wrap:wrap;gap:8px;display:flex}.recent-room-chip{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;color:var(--text);transition:border-color .18s var(--ease-fast), transform .18s var(--ease-fast), background .18s var(--ease-fast);border-radius:999px;padding:7px 14px;font-family:inherit;font-size:13px}.recent-room-chip:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-1px)}.error{color:var(--danger);animation:shakeIn .4s var(--ease-fast);margin-top:16px;margin-bottom:0;font-size:13px}.data-transfer{border-top:1px solid var(--border-soft);animation:fieldIn .5s var(--ease) both;margin-top:24px;padding-top:22px;animation-delay:80ms}.data-transfer h3{color:var(--text-dim);letter-spacing:.01em;margin:0 0 6px;font-size:12.5px;font-weight:500}.data-transfer-hint{color:var(--text-faint);margin:0 0 13px;font-size:12px;line-height:1.55}.data-transfer-actions{flex-wrap:wrap;gap:8px;display:flex}.data-transfer-ok{color:var(--accent);animation:fieldIn .35s var(--ease) both;margin:13px 0 0;font-size:12.5px;line-height:1.5}@keyframes shakeIn{0%{opacity:0;transform:translate(-6px)}50%{transform:translate(3px)}to{opacity:1;transform:translate(0)}}.chat-screen{display:flex}.sidebar{background:var(--panel-solid);border-right:1px solid var(--border-soft);flex-direction:column;width:268px;min-width:268px;display:flex}.sidebar-header{box-sizing:border-box;border-bottom:1px solid var(--border-soft);flex-shrink:0;justify-content:space-between;align-items:center;height:65px;padding:0 18px;display:flex}.room-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;font-size:10.5px;font-weight:600}.room-code{margin-top:2px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:600}.thread-list{flex:1;padding:10px;overflow-y:auto}.thread-item{border-radius:var(--radius-sm);width:100%;color:var(--text-dim);cursor:pointer;text-align:left;transition:background .18s var(--ease-fast), color .18s var(--ease-fast), padding-left .18s var(--ease-fast);background:0 0;border:none;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;display:flex;position:relative}.thread-item:hover{background:var(--panel-2);color:var(--text)}.thread-item.active{background:var(--accent-dim);color:var(--text)}.thread-item.active:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-2));width:3px;height:18px;animation:growIn .25s var(--ease) both;border-radius:999px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}@keyframes growIn{0%{transform:translateY(-50%)scaleY(0)}to{transform:translateY(-50%)scaleY(1)}}.avatar{color:#fff;letter-spacing:-.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:inline-flex}.avatar-global{background:linear-gradient(135deg,#3fb9e6,#2a7ee0);font-size:16px}.avatar-wrap{flex-shrink:0;display:inline-flex;position:relative}.status-dot{border:2px solid var(--panel-solid);box-sizing:content-box;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.status-dot.online{background:var(--online);animation:pulseDot 2.2s var(--ease) infinite}.status-dot.offline{background:var(--offline)}@keyframes pulseDot{0%{box-shadow:0 0 #4fb2f380}70%{box-shadow:0 0 0 6px #4fb2f300}to{box-shadow:0 0 #4fb2f300}}.thread-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.unread-badge{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;min-width:18px;height:18px;animation:badgePop .35s var(--ease) both;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.thread-section-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;padding:18px 12px 8px;font-size:10.5px;font-weight:600}.sidebar-footer{box-sizing:border-box;border-top:1px solid var(--border-soft);height:64px;color:var(--text-dim);flex-shrink:0;align-items:center;gap:10px;padding:0 14px 0 18px;font-size:13px;font-weight:500;display:flex;position:relative}.me-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;overflow:hidden}.data-transfer-compact{flex-shrink:0;align-items:center;gap:2px;display:flex}.icon-btn{width:30px;height:30px;color:var(--text-dim);cursor:pointer;transition:background .15s var(--ease-fast), color .15s var(--ease-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--panel-2);color:var(--text)}.icon-btn:active{transform:scale(.92)}.icon-btn:disabled{opacity:.5;cursor:default}.data-toast{border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--border);color:var(--text);animation:fieldIn .28s var(--ease) both;z-index:3;padding:9px 12px;font-size:12px;font-weight:500;line-height:1.45;position:absolute;bottom:calc(100% + 8px);left:12px;right:12px;box-shadow:0 12px 30px -12px #0009}.data-toast.err{color:var(--danger);border-color:#ff6b6b80}.chat-main{z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-header{box-sizing:border-box;border-bottom:1px solid var(--border-soft);background:var(--panel-solid);z-index:2;flex-shrink:0;align-items:center;gap:12px;height:65px;padding:0 24px;display:flex}.mobile-back-btn{width:34px;height:34px;color:var(--text);cursor:pointer;transition:background .15s var(--ease-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:-6px;display:none}.mobile-back-btn:hover{background:var(--panel-2)}.chat-header-text{flex-direction:column;line-height:1.3;display:flex}.chat-header #current-thread-title{letter-spacing:-.01em;font-size:15.5px;font-weight:700}.thread-status{color:var(--text-dim);font-size:12.5px}.thread-status.online{color:var(--accent)}.messages{background-color:#0c1420;background-image:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 0),linear-gradient(160deg,#2aabee12,#0e162100 55%),linear-gradient(-20deg,#4fb2f30d,#0e162100 45%);background-size:22px 22px,100% 100%,100% 100%;flex-direction:column;flex:1;gap:2px;padding:20px 24px;display:flex;position:relative;overflow-y:auto}.msg{background:var(--bubble-in);max-width:68%;animation:msgIn .28s var(--ease) both;border-radius:17px;align-self:flex-start;margin:2px 0;padding:7px 12px;position:relative;box-shadow:0 1px 1px #00000026}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.msg.self{background:linear-gradient(165deg, var(--bubble-out-1), var(--bubble-out-2));border-bottom-right-radius:5px;align-self:flex-end}.msg:not(.self){border-bottom-left-radius:5px}.msg-sender{margin-bottom:1px;font-size:12.5px;font-weight:700}.msg-text{white-space:pre-wrap;word-break:break-word;min-width:56px;padding-right:58px;font-size:14.5px;line-height:1.4}.msg-time{color:#ffffff8c;white-space:nowrap;pointer-events:none;font-size:10.5px;font-weight:500;position:absolute;bottom:6px;right:13px}.empty-hint{color:var(--text-faint);text-align:center;animation:fieldIn .4s var(--ease) both;margin-top:40px;font-size:13px}.send-form{box-sizing:border-box;border-top:1px solid var(--border-soft);background:var(--panel-solid);flex-shrink:0;align-items:flex-end;gap:10px;min-height:64px;padding:11px 20px;display:flex}.composer{background:var(--panel-2);border:1px solid var(--border);min-width:0;transition:border-color .2s var(--ease-fast), background .2s var(--ease-fast);border-radius:18px;flex-direction:column;flex:1;gap:5px;padding:5px 6px 6px;display:flex}.composer:focus-within{border-color:var(--accent);background:var(--panel-2-hover)}.format-bar{opacity:0;max-height:0;transition:max-height .18s var(--ease-fast), opacity .18s var(--ease-fast), margin-bottom .18s var(--ease-fast);gap:2px;margin-bottom:-5px;padding:0 2px;display:flex;overflow:hidden}.composer:focus-within .format-bar{opacity:1;max-height:26px;margin-bottom:0}@media (prefers-reduced-motion:reduce){.format-bar{transition:none}}.fmt-btn{width:26px;height:24px;color:var(--text-dim);cursor:pointer;transition:background .15s var(--ease-fast), color .15s var(--ease-fast);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;font-family:inherit;font-size:13px;line-height:1;display:inline-flex}.fmt-btn b,.fmt-btn i,.fmt-btn u{pointer-events:none}.fmt-btn:hover{background:var(--panel-2-hover);color:var(--text)}.fmt-btn:active{transform:scale(.92)}.composer:focus-within .fmt-btn:hover{background:var(--accent-dim);color:var(--accent)}.composer-input{resize:none;width:100%;color:var(--text);background:0 0;border:none;outline:none;max-height:132px;padding:4px 8px 5px;font-family:inherit;font-size:14.5px;line-height:1.4;overflow-y:auto}.composer-input::placeholder{color:var(--text-faint)}.msg-text strong{font-weight:700}.msg-text em{font-style:italic}.msg-text u{text-underline-offset:2px;text-decoration:underline}.send-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;width:42px;height:42px;transition:transform .16s var(--ease-fast), box-shadow .16s var(--ease-fast), filter .16s var(--ease-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 6px 18px -6px #2aabeeb3}.send-btn svg{transform:translate(-1px)}.send-btn:hover{filter:brightness(1.1);transform:scale(1.05)}.send-btn:active{transform:scale(.94)}@media (width<=768px){.setup-card{border-radius:20px;padding:26px 22px}.setup-card h1{font-size:23px}input[type=text],.composer-input{font-size:16px}.chat-screen{position:relative;overflow:hidden}.sidebar,.chat-main{width:100%;min-width:0}.sidebar.mobile-hidden,.chat-main.mobile-hidden{display:none}.mobile-back-btn{display:inline-flex}.msg{max-width:85%}.messages{padding:14px}.chat-header{padding:0 14px}.send-form{padding:10px 12px}.thread-item{padding:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}body:before,body:after{animation:none}}.attach-btn{width:42px;height:42px;color:var(--text-dim);cursor:pointer;transition:background .15s var(--ease-fast), color .15s var(--ease-fast), transform .15s var(--ease-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.attach-btn:hover:not(:disabled){background:var(--accent-dim);color:var(--accent)}.attach-btn:active:not(:disabled){transform:scale(.92)}.attach-btn:disabled,.send-btn:disabled{cursor:default;opacity:.6}.attach-error{color:var(--danger);background:var(--panel-solid);border-top:1px solid var(--border-soft);flex-shrink:0;padding:8px 20px;font-size:13px}.recording-bar{background:var(--panel-2);border:1px solid var(--border);border-radius:18px;flex:1;align-items:center;gap:10px;min-width:0;min-height:42px;padding:0 6px 0 14px;display:flex}.rec-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.2s ease-in-out infinite recPulse}@keyframes recPulse{50%{opacity:.3}}.rec-time{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.rec-hint{min-width:0;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.msg.has-attachment{padding-top:6px}.att-media{background:#0000004d;border-radius:12px;width:fit-content;margin:0 -6px 4px;display:block;position:relative;overflow:hidden}.att-media img,.att-media video{width:auto;max-width:min(360px,58vw);height:auto;max-height:360px;display:block}.att-video video{object-fit:contain;background:#000;min-width:180px;min-height:120px}.video-overlay{cursor:pointer;color:#fff;background:linear-gradient(#0000000d 55%,#00000073);border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0}.video-play{-webkit-backdrop-filter:blur(6px);width:54px;height:54px;transition:transform .18s var(--ease-fast), background .18s var(--ease-fast);background:#00000080;border-radius:50%;justify-content:center;align-items:center;padding-left:3px;display:inline-flex}.video-overlay:hover .video-play{background:#0000009e;transform:scale(1.08)}.video-overlay:focus-visible .video-play{outline:2px solid var(--accent);outline-offset:2px}.video-duration{font-variant-numeric:tabular-nums;background:#0000008c;border-radius:10px;padding:2px 7px;font-size:11.5px;font-weight:600;position:absolute;top:8px;left:8px}.att-audio{align-items:center;gap:10px;width:min(260px,62vw);padding:2px 0 4px;display:flex}.att-audio audio{display:none}.audio-play{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));width:40px;height:40px;transition:transform .15s var(--ease-fast), filter .15s var(--ease-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.msg.self .audio-play{color:var(--bubble-out-2);background:#ffffffeb}.audio-play:hover{filter:brightness(1.08)}.audio-play:active{transform:scale(.92)}.audio-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.audio-time{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:12px}.msg.self .audio-time{color:#ffffffa6}.audio-seek{--track:#ffffff29;--fill:var(--accent);appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}.msg.self .audio-seek{--track:#ffffff47;--fill:#fff}.audio-seek:disabled{cursor:default}.audio-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--fill) var(--pct,0%), var(--track) var(--pct,0%));border-radius:2px;height:4px}.audio-seek::-moz-range-track{background:linear-gradient(to right, var(--fill) var(--pct,0%), var(--track) var(--pct,0%));border-radius:2px;height:4px}.audio-seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fill);border:none;border-radius:50%;width:12px;height:12px;margin-top:-4px}.audio-seek::-moz-range-thumb{background:var(--fill);border:none;border-radius:50%;width:12px;height:12px}.audio-seek:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:4px}.att-file{color:inherit;align-items:center;gap:10px;min-width:0;margin-bottom:4px;padding:4px 58px 4px 0;text-decoration:none;display:flex}.att-file-icon{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.att-file:hover .att-file-name{text-decoration:underline}.att-file-meta{flex-direction:column;min-width:0;display:flex}.att-file-name{word-break:break-all;font-size:14px;font-weight:600}.att-file-size{color:var(--text-dim);font-size:12px}.msg.self .att-file-size{color:#fff9}.msg-text.msg-text-empty{min-height:12px}@media (width<=768px){.attach-btn{width:38px;height:38px}}.transfers{background:var(--panel-solid);border-top:1px solid var(--border-soft);flex-direction:column;flex-shrink:0;gap:8px;padding:8px 20px;display:flex}.transfer-label{color:var(--text-dim);justify-content:space-between;gap:12px;margin-bottom:4px;font-size:12.5px;display:flex}.transfer-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.transfer-pct{font-variant-numeric:tabular-nums;flex-shrink:0}.transfer-bar{background:var(--panel-2);border-radius:2px;height:4px;overflow:hidden}.transfer-bar span{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .2s linear;display:block}