:root{--font-display: Futura, "Century Gothic", "URW Gothic", "Avant Garde", "Trebuchet MS", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--paper: #F7F4F3;--panel: #FFFFFF;--sunk: #EFEAE8;--ink: #1F1B1A;--mut: #8B807C;--line: #E4DDDA;--shadow: 22 16 15;--red: #B30E12;--blue: #2E4A9E;--yellow: #D9A22B;--ok: #2F7D4F;--danger: #B3261E;--r: 4px;--r-pill: 999px;--rail: 56px;--sidebar-w: 336px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--paper: #121010;--panel: #1C1918;--sunk: #0E0C0C;--ink: #F3EFED;--mut: #968B87;--line: #302B29;--shadow: 0 0 0;--red: #E8484C;--blue: #7C93DE;--yellow: #E5BB5E;--ok: #5BB37E;--danger: #E8484C}}:root[data-theme=dark]{--paper: #121010;--panel: #1C1918;--sunk: #0E0C0C;--ink: #F3EFED;--mut: #968B87;--line: #302B29;--shadow: 0 0 0;--red: #E8484C;--blue: #7C93DE;--yellow: #E5BB5E;--ok: #5BB37E;--danger: #E8484C}:root[data-theme=light]{--paper: #F7F4F3;--panel: #FFFFFF;--sunk: #EFEAE8;--ink: #1F1B1A;--mut: #8B807C;--line: #E4DDDA;--shadow: 22 16 15;--red: #B30E12;--blue: #2E4A9E;--yellow: #D9A22B;--ok: #2F7D4F;--danger: #B3261E}:root{--rail-bg: #1F1B1A;--rail-ink: #F7F4F3;--rail-mut: #A9A09C}@media (prefers-color-scheme: dark){:root{--rail-bg: #241F1E;--rail-ink: #F3EFED;--rail-mut: #968B87}}:root[data-theme=dark]{--rail-bg: #241F1E;--rail-ink: #F3EFED;--rail-mut: #968B87}:root[data-theme=light]{--rail-bg: #1F1B1A;--rail-ink: #F7F4F3;--rail-mut: #A9A09C}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.input{width:100%;font:inherit;font-size:14px;color:var(--ink);background:var(--sunk);border:1px solid transparent;border-radius:var(--r);padding:9px 12px;transition:border-color .12s ease,background .12s ease}.input::placeholder{color:var(--mut)}.input:focus{outline:none;background:var(--panel);border-color:var(--blue)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}.btn{font:inherit;font-size:14px;font-weight:500;color:var(--paper);background:var(--ink);border:1px solid var(--ink);border-radius:var(--r);padding:9px 16px;cursor:pointer;white-space:nowrap;transition:filter .12s ease,opacity .12s ease}.btn:hover:not(:disabled){filter:brightness(1.18)}.btn:disabled{opacity:.4;cursor:default}.btn.small{font-size:13px;padding:7px 12px}.btn.success{background:var(--ok);border-color:var(--ok);color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.composer button[type=submit]{background:var(--yellow);border-color:var(--yellow);color:#1f1b1a}.composer button[type=button]{background:var(--sunk);border-color:var(--line);color:var(--ink)}.auth-card button[type=submit]{background:var(--red);border-color:var(--red);color:#fff}.btn-link{font:inherit;font-size:13px;color:var(--mut);background:none;border:0;padding:4px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.btn-link:hover{color:var(--ink)}.hint{color:var(--mut);font-size:13px;margin:0 0 14px}.error{color:var(--danger);margin-top:12px;font-size:14px}.error.small{font-size:12px;margin:8px 14px}.spinner{width:26px;height:26px;border:2px solid var(--line);border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}}.center-screen{height:100%;display:grid;place-items:center;padding:24px;background:var(--paper)}.auth-card{width:380px;max-width:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:32px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 44px -28px rgb(var(--shadow) / .5)}.auth-title{font-family:var(--font-display);font-size:34px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;margin:0 0 2px;color:var(--red)}.auth-title:after{content:"";display:block;width:44px;height:5px;background:var(--red);margin-top:10px}.auth-card form{display:flex;flex-direction:column;gap:14px}.version-tap{color:var(--mut);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-align:center;margin:8px 0 0;cursor:default;-webkit-user-select:none;user-select:none}.app{height:100%;display:grid;grid-template-columns:var(--sidebar-w) 1fr;background:var(--sunk)}.conn-bar{position:fixed;inset:0 0 auto 0;z-index:60;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:var(--yellow);color:#1f1b1a;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.conn-dot{width:7px;height:7px;background:#1f1b1a;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}@media (prefers-reduced-motion: reduce){.conn-dot{animation:none}}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--panel);border-right:1px solid var(--line)}.sidebar-head{flex:none;height:var(--rail);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:var(--rail-bg);color:var(--rail-ink)}.sidebar-head .btn-link{color:var(--rail-mut)}.sidebar-head .btn-link:hover{color:var(--rail-ink)}.me{display:flex;align-items:center;gap:8px;min-width:0}.me strong{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{width:8px;height:8px;flex:none;border-radius:50%}.dot.ok{background:var(--ok)}.dot.off{background:var(--yellow)}.new-chat{flex:none;display:flex;gap:8px;padding:14px 14px 8px}.toolbar{flex:none;display:flex;gap:8px;padding:0 14px 12px;border-bottom:1px solid var(--line)}.toolbar .btn{flex:1;background:var(--sunk);border-color:var(--line);color:var(--ink)}.chat-list{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:6px 0 12px}.chat-item{position:relative;padding:11px 16px 11px 20px;cursor:pointer;border-bottom:1px solid var(--line)}.chat-item:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:transparent}.chat-item:hover,.chat-item.active{background:var(--sunk)}.chat-item.active:before{background:var(--red)}.chat-item-title{font-size:14px;font-weight:600;padding-right:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-preview{font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{position:absolute;top:12px;right:14px;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r);background:var(--red);color:#fff;font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;display:grid;place-items:center}.empty,.placeholder{color:var(--mut);font-size:14px}.empty{padding:18px 16px}.placeholder{height:100%;display:grid;place-items:center;text-align:center;padding:24px}.content{min-width:0;min-height:0;display:flex}.chat{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--sunk)}.chat-head{flex:none;height:var(--rail);display:flex;align-items:center;gap:12px;padding:0 18px;background:var(--rail-bg);color:var(--rail-ink)}.chat-head-title{font-size:15px;font-weight:600}.chat-head-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--rail-mut)}.chat-head .btn{margin-left:auto;background:transparent;border-color:var(--rail-mut);color:var(--rail-ink)}.messages{flex:1;min-height:0;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:8px}.load-older{align-self:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);padding:6px 0}.bubble{max-width:min(62ch,74%);padding:9px 13px;border-radius:var(--r);font-size:14.5px;line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere}.bubble.theirs{align-self:flex-start;background:var(--panel);border:1px solid var(--line);color:var(--ink)}.bubble.mine{align-self:flex-end;background:var(--blue);border:1px solid var(--blue);color:#fff}.bubble.sending{opacity:.6}.bubble.image{padding:5px}.bubble.image .caption{padding:5px 8px 3px}.msg-image{display:block;max-width:100%;max-height:340px;border-radius:2px}.caption{font-size:14px}.fwd{font-size:12px;font-style:italic;opacity:.75;margin-bottom:3px;padding-left:6px;border-left:2px solid currentColor}.reactions{display:flex;align-items:center;gap:4px;margin-top:5px}.reaction{font:inherit;font-size:12px;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;line-height:1.6}.reaction.mine{border-color:var(--blue);background:color-mix(in oklab,var(--blue) 14%,var(--panel))}.reaction-count{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:11px}.msg-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .12s ease}.bubble:hover .msg-actions,.bubble:focus-within .msg-actions{opacity:1}@media (hover: none){.msg-actions{opacity:1}}.picker{display:flex;gap:1px}.picker-btn{font-size:14px;line-height:1;padding:3px 4px;border:0;border-radius:var(--r);background:transparent;cursor:pointer}.picker-btn:hover{background:var(--sunk)}.tick{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;opacity:.7;margin-left:6px}.call-log{align-self:center;display:flex;align-items:center;gap:9px;max-width:100%;padding:6px 13px;margin:3px 0;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);font-size:13px;color:var(--mut)}.call-log time{font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.call-log-icon{font-size:14px;line-height:1;color:var(--mut)}.call-log.completed .call-log-icon{color:var(--ok)}.call-log.missed{border-color:var(--red);color:var(--ink)}.call-log.missed .call-log-icon{color:var(--red)}.typing{align-self:flex-start;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding:2px 2px 4px}.composer{flex:none;display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--panel);border-top:1px solid var(--line)}.composer.readonly{justify-content:center;color:var(--mut);font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:rgb(var(--shadow) / .55)}.modal{width:400px;max-width:100%;max-height:80vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px -30px rgb(var(--shadow) / .7)}.modal.wide{width:560px}.modal-title{font-family:var(--font-display);font-size:21px;font-weight:500;letter-spacing:.01em;margin:0}.modal-sub{margin:0;color:var(--mut);font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.pin-input{text-align:center;font-size:24px;letter-spacing:12px;padding-left:12px}.lock-screen .auth-card{gap:16px}.setting-row{display:flex;flex-direction:column;gap:8px}.lang-switch{display:flex;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;width:fit-content}.lang-option{font:inherit;font-size:14px;padding:8px 18px;border:0;background:var(--panel);color:var(--ink);cursor:pointer}.lang-option+.lang-option{border-left:1px solid var(--line)}.lang-option[aria-pressed=true]{background:var(--red);color:#fff}.lang-option:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.icon-btn{font:inherit;font-size:16px;line-height:1;padding:6px 8px;border:0;border-radius:var(--r);background:transparent;color:var(--rail-mut);cursor:pointer}.icon-btn:hover{color:var(--rail-ink);background:#ffffff14}.channel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}.channel-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line);font-size:14px}.call{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0c0a0a;display:flex;align-items:center;justify-content:center}.remote-video{width:100%;height:100%;object-fit:cover;background:#0c0a0a}.local-video{position:absolute;right:20px;bottom:108px;width:168px;max-width:34vw;border-radius:var(--r);border:1px solid rgb(255 255 255 / .22);object-fit:cover;background:#1a1616}.local-video.hidden{display:none}.call-status{position:absolute;top:24px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#00000073;padding:7px 14px;border-radius:var(--r)}.call-controls{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:12px}.call-btn{width:54px;height:54px;display:grid;place-items:center;font-size:20px;cursor:pointer;border-radius:var(--r);border:1px solid rgb(255 255 255 / .24);background:#ffffff1f;color:#fff;transition:background .12s ease}.call-btn:hover{background:#fff3}.call-btn.off{background:#ffffff0a;color:#ffffff73}.call-btn.end{background:var(--danger);border-color:var(--danger)}.call-waiting{position:fixed;z-index:95;left:50%;bottom:100px;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:11px 16px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:var(--r);font-size:14px;box-shadow:0 18px 40px -20px rgb(var(--shadow) / .7)}.call-waiting-actions{display:flex;gap:8px}@media (max-width: 760px){.app{grid-template-columns:1fr}.app:has(.chat) .sidebar{display:none}.modal,.modal.wide{width:100%}.local-video{width:118px;bottom:96px;right:12px}}