:root{--bg: #131418;--bg-subtle: #181920;--bg-elevated: #1f2129;--bg-accent: #282a33;--fg: #e4e6eb;--fg-muted: #969aa4;--fg-subtle: #686b75;--fg-faint: #494c55;--border: #2a2c34;--border-strong: #383b45;--accent: #5b73b8;--accent-hover: #6a82c6;--accent-soft: rgba(91, 115, 184, .14);--accent-text: #b4c0e2;--danger: #c96b7e;--ok: #5fae8c;--bubble-out: #44568f;--bubble-out-fg: #eef1f9;--bubble-in: #20222b;--bubble-in-fg: #dfe2e8;--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-ui: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--shadow-panel: 0 1px 2px rgba(0, 0, 0, .3);--shadow-pop: 0 12px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .35);--sidebar-w: 300px;--topbar-h: 56px;--radius: 10px;--radius-lg: 14px;--scrollbar: #2c2e35;--scrollbar-track: var(--bg)}:root[data-theme=light]{--bg: #ffffff;--bg-subtle: #f7f7f8;--bg-elevated: #ffffff;--bg-accent: #eef0f2;--fg: #24262c;--fg-muted: #5c5f68;--fg-subtle: #90939c;--fg-faint: #bcbfc6;--border: #ebecee;--border-strong: #dcdee2;--accent: #5066a6;--accent-hover: #43589a;--accent-soft: rgba(80, 102, 166, .1);--accent-text: #3b4e86;--bubble-out: #5066a6;--bubble-out-fg: #ffffff;--bubble-in: #f0f1f3;--bubble-in-fg: #24262c;--shadow-panel: 0 1px 2px rgba(20, 22, 40, .05);--shadow-pop: 0 12px 30px rgba(20, 22, 40, .14), 0 2px 8px rgba(20, 22, 40, .07);--scrollbar: #d2d2d8;--scrollbar-track: var(--bg-subtle)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:6px;border:2px solid var(--scrollbar-track)}.lockup{display:inline-flex;align-items:center;gap:9px;color:var(--fg)}.lockup__stack{display:flex;flex-direction:column;line-height:1.05}.lockup__word{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.lockup__tag{font-size:10px;color:var(--fg-subtle);letter-spacing:.04em}.btn{font-family:var(--font-ui);font-size:13px;font-weight:600;padding:10px 16px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--fg);cursor:pointer;transition:background .12s,border-color .12s,opacity .12s}.btn:hover{background:var(--bg-accent)}.btn--accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn--accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn--danger:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;font-family:var(--font-ui);font-size:14px;padding:11px 13px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);outline:none;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--fg-muted);cursor:pointer;transition:background .12s,color .12s}.icon-btn:hover{background:var(--bg-accent);color:var(--fg)}.icon-btn--sm{width:26px;height:26px}.icon-btn--active{color:var(--danger);background:#c96b7e1f}.icon-btn--active:hover{color:var(--danger);background:#c96b7e33}.icon-btn--ok{color:var(--ok)}.bubble__text--deleted{font-style:italic;opacity:.65}.bubble__img{max-width:min(100%,280px);max-height:320px;border-radius:10px;display:block;margin:2px 0;object-fit:cover}.bubble__tool--danger{color:var(--danger)}.safety-panel,.link-strip{padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.safety-panel__head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;margin-bottom:8px}.safety-panel__num{font-family:var(--font-mono);font-size:13px;line-height:1.55;letter-spacing:.04em;margin:0 0 8px;word-break:break-word}.safety-panel__hint{font-size:12px;color:var(--fg-subtle);margin:0 0 10px;line-height:1.45}.safety-panel__actions{display:flex;gap:8px;flex-wrap:wrap}.link-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.link-strip__text{flex:1;min-width:140px;font-size:12.5px;color:var(--fg-muted)}.typing-line{padding:4px 18px 0;font-size:12px;color:var(--fg-subtle);font-style:italic}.claim-wait{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.splash{height:100%;display:grid;place-items:center;color:var(--accent);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.auth{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:radial-gradient(120% 100% at 50% 0%,var(--bg-subtle),var(--bg))}.auth__card{width:100%;max-width:420px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px 30px 24px;box-shadow:var(--shadow-pop)}.auth__brand{margin-bottom:22px}.auth__title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.auth__sub{color:var(--fg-muted);margin:0 0 22px;font-size:13.5px}.auth__form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12px;font-weight:600;color:var(--fg-muted)}.field__hint{font-size:11.5px;color:var(--fg-subtle);margin:2px 0 0}.auth__note{display:flex;align-items:center;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border);color:var(--fg-subtle);font-size:12px}.auth__note svg{color:var(--ok)}.auth__footer{color:var(--fg-faint);font-size:11px;letter-spacing:.04em}.app{height:100%;height:100dvh;display:flex;flex-direction:row;padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.app__column{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.app__body{flex:1;display:flex;min-height:0}.bottom-nav,.side-rail{display:none}.topbar{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.topbar__right{display:flex;align-items:center;gap:10px}.topbar__user{font-size:12.5px;color:var(--fg-muted);font-family:var(--font-mono)}.status{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--fg-subtle)}.status__dot{width:7px;height:7px;border-radius:50%;background:var(--fg-faint)}.status--on .status__dot{background:var(--ok);box-shadow:0 0 0 3px #5fae8c2e}.status--off .status__dot{background:var(--danger)}.sidebar{width:var(--sidebar-w);flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-subtle);display:flex;flex-direction:column;min-height:0}.sidebar__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.sidebar__title{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle)}.sidebar__list{flex:1;overflow-y:auto;padding:4px 8px 12px}.sidebar__empty{color:var(--fg-subtle);font-size:12.5px;padding:12px;line-height:1.6}.contact{width:100%;display:flex;align-items:center;gap:11px;padding:9px 10px;border:none;background:transparent;border-radius:var(--radius);cursor:pointer;color:var(--fg);text-align:left;transition:background .1s}.contact:hover{background:var(--bg-accent)}.contact--active{background:var(--accent-soft)}.contact--active .contact__name{color:var(--accent-text)}.contact__name{font-size:13.5px;font-weight:500;font-family:var(--font-mono)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:var(--bg-accent);color:var(--fg-muted);font-size:12px;font-weight:600;font-family:var(--font-display);flex-shrink:0}.avatar--sm{width:30px;height:30px}.chat{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.chat--empty{align-items:center;justify-content:center}.chat__placeholder{text-align:center;color:var(--fg-subtle);display:flex;flex-direction:column;align-items:center;gap:12px}.chat__head{min-height:var(--topbar-h);height:auto;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);position:relative;z-index:6}.chat__avatar{width:36px;height:36px;font-size:15px;flex-shrink:0}.chat__peer{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}.chat__name{font-size:15px;font-weight:600;font-family:var(--font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat__enc{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--ok);min-width:0}.chat__enc-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat__actions{margin-left:auto;display:flex;align-items:center;gap:2px;flex-shrink:0}.chat__actions-desktop{display:flex;align-items:center;gap:2px}.chat__more{display:none;position:relative}.chat__more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:none;background:transparent;z-index:20;padding:0;cursor:default}.chat__more-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:21;min-width:200px;padding:6px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;gap:2px}.chat__more-menu button{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;color:var(--fg);font:inherit;font-size:14px;font-weight:500;text-align:left;padding:12px;border-radius:var(--radius);cursor:pointer;min-height:44px}.chat__more-menu button:hover{background:var(--bg-accent)}.chat__more-danger{color:var(--danger)!important}.chat__messages{flex:1;overflow-x:hidden;overflow-y:auto;padding:12px 0 8px;display:flex;flex-direction:column;gap:6px;scrollbar-gutter:stable}.chat__messages>.chat__hint,.chat__messages>.bubble-row{padding-left:12px;padding-right:12px;box-sizing:border-box}.chat__messages>.bubble-row:first-child{margin-top:auto}.chat__messages:before{content:"";flex:0 0 0;max-height:0}.chat__hint{align-self:center;color:var(--fg-subtle);font-size:12px;text-align:center;max-width:360px;margin:8px 0 16px}.bubble-row{display:flex;align-items:center;gap:0;width:100%;max-width:100%;position:relative;touch-action:pan-y;overflow:visible}.bubble-row--out{justify-content:flex-end}.bubble-row--in{justify-content:flex-start}.bubble-row__swipe-hint{position:absolute;left:18px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-text);pointer-events:none;opacity:0;transition:opacity .08s;z-index:0}.bubble{max-width:min(72%,540px);padding:8px 12px;border-radius:14px;display:flex;flex-direction:column;gap:3px;word-break:break-word;position:relative;z-index:1;transition:transform .08s ease-out;-webkit-user-select:none;user-select:none;will-change:transform}.bubble--swiping{transition:none}.bubble--in{align-self:flex-start;background:var(--bubble-in);color:var(--bubble-in-fg);border-bottom-left-radius:5px}.bubble--out{align-self:flex-end;background:var(--bubble-out);color:var(--bubble-out-fg);border-bottom-right-radius:5px}.bubble__hover-actions{display:none;position:absolute;top:0;bottom:0;align-items:center;z-index:4;background:transparent;border:none;box-shadow:none;pointer-events:auto}.bubble--in .bubble__hover-actions{left:100%;margin-left:-4px;padding-left:12px}.bubble--out .bubble__hover-actions{right:100%;margin-right:-4px;padding-right:12px}.bubble__hover-actions-inner{display:flex;align-items:center;gap:2px;padding:2px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-panel)}.bubble__hover-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:50%;background:transparent;color:var(--fg-muted);cursor:pointer}.bubble__hover-btn:hover{background:var(--bg-accent);color:var(--fg)}@media (hover: hover) and (pointer: fine){.bubble:hover .bubble__hover-actions,.bubble:focus-within .bubble__hover-actions,.bubble--focus .bubble__hover-actions{display:flex}.bubble{-webkit-user-select:text;user-select:text;overflow:visible}.bubble-row{overflow:visible}.bubble-row__swipe-hint{display:none}}@media (hover: none),(pointer: coarse){.bubble__hover-actions{display:none!important}}.bubble__text{font-size:14px}.bubble__link{color:inherit;text-decoration:underline;text-underline-offset:2px;word-break:break-all}.bubble--out .bubble__link{color:var(--bubble-out-fg)}.bubble--in .bubble__link{color:var(--accent-text)}.link-preview{display:flex;flex-direction:column;margin-top:6px;border-radius:10px;overflow:hidden;border:1px solid rgba(127,127,127,.25);text-decoration:none;color:inherit;max-width:min(100%,280px);background:#00000014}.bubble--out .link-preview{background:#00000026}.link-preview__img{width:100%;max-height:140px;object-fit:cover;display:block}.link-preview__body{padding:8px 10px;display:flex;flex-direction:column;gap:3px}.link-preview__title{font-size:13px;font-weight:600;line-height:1.3}.link-preview__desc{font-size:11.5px;opacity:.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview__host{font-size:10.5px;opacity:.65;font-family:var(--font-mono)}.bubble__meta{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;opacity:.72;align-self:flex-end;margin-top:2px}.bubble__time{opacity:.9}.bubble__edited{opacity:.75;font-style:italic;margin-right:2px}.ticks{display:inline-flex;align-items:center;line-height:0;margin-left:1px}.ticks--pending{opacity:.75}.ticks--sent{opacity:.85}.ticks--seen{opacity:1;color:#7eb6ff}.bubble--out .ticks--seen{color:#a8c8ff}.bubble--focus{outline:1px solid var(--accent)}.bubble__quote{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0 0 4px;padding:6px 8px;border:none;border-left:3px solid var(--accent-text);border-radius:6px;background:#0000001f;color:inherit;font:inherit;text-align:left;cursor:pointer;opacity:.92}.bubble--out .bubble__quote{background:#0000002e}.bubble__quote-name{font-size:11px;font-weight:700;opacity:.9}.bubble__quote-text{font-size:12px;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bubble__reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.rx-chip{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);border-radius:999px;padding:1px 7px;font-size:13px;cursor:pointer;line-height:1.4}.rx-chip--mine{border-color:var(--accent);background:var(--accent-soft)}.rx-chip__n{font-size:11px;font-weight:700;opacity:.8}.bubble__toolbar{position:absolute;left:0;bottom:calc(100% + 6px);z-index:5;display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-pop);min-width:220px}.bubble__toolbar--out{left:auto;right:0}.bubble__tool{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--fg-muted);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:6px 8px;border-radius:8px;text-align:left}.bubble__tool:hover{background:var(--bg-accent);color:var(--fg)}.emoji-bar{display:flex;flex-wrap:wrap;gap:2px}.emoji-bar--composer{padding:6px 12px 0;border-top:1px solid var(--border);background:var(--bg-subtle)}.emoji-bar__btn{width:36px;height:36px;border:none;background:transparent;border-radius:8px;font-size:18px;cursor:pointer;line-height:1}.emoji-bar__btn:hover{background:var(--bg-accent)}.composer-wrap{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg-subtle)}.composer-reply{display:flex;align-items:center;gap:8px;padding:8px 14px 0}.composer-reply__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:6px 10px;border-left:3px solid var(--accent);background:var(--bg-accent);border-radius:0 8px 8px 0}.composer-reply__label{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--accent-text)}.composer-reply__text{font-size:12.5px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer__emoji{flex-shrink:0}.composer{flex-shrink:0;display:flex;gap:10px;padding:14px 18px;border-top:none;background:transparent}.composer-wrap .composer{border-top:none}.composer--blocked{display:block;text-align:center;color:var(--fg-subtle);font-size:13px;padding:16px 14px}.composer__input{flex:1}.composer__send{padding:0 16px;display:inline-flex;align-items:center}.tabs{display:flex;gap:4px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:4px;margin-bottom:20px}.tab{flex:1;padding:8px;border:none;background:transparent;color:var(--fg-muted);font-family:var(--font-ui);font-size:12.5px;font-weight:600;border-radius:7px;cursor:pointer}.tab--active{background:var(--bg-accent);color:var(--fg)}.auth__icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:12px;background:var(--accent-soft);color:var(--accent-text);margin-bottom:16px}textarea.input{resize:vertical;font-family:var(--font-ui)}.phrase{list-style:none;margin:4px 0 18px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius)}.phrase__word{display:flex;align-items:baseline;gap:8px;font-family:var(--font-mono);font-size:13px;color:var(--fg)}.phrase__num{color:var(--fg-faint);font-size:11px;width:16px;text-align:right}.checkbox{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--fg-muted);margin-bottom:16px;cursor:pointer}.newroom{display:flex;gap:8px;padding:8px 12px 4px;flex-wrap:wrap}.newroom--link{flex-direction:column;align-items:stretch}.newchat-menu{display:flex;flex-direction:column;gap:2px;padding:4px 8px 8px}.newchat-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:var(--radius);background:transparent;color:var(--fg);font:inherit;font-weight:500;cursor:pointer;text-align:left}.newchat-menu__item:hover{background:var(--bg-accent)}.sidebar__hint{color:var(--fg-subtle);font-size:12px;padding:8px 12px;line-height:1.5;margin:0}.room__avatar--dm{border-radius:50%}.badge--soft{background:var(--bg-accent);color:var(--accent-text);font-weight:600}.upgrade-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.upgrade-bar__label{flex:1 1 100%;font-size:12.5px;color:var(--fg-muted)}.upgrade-bar .input{flex:1 1 120px;min-width:100px}.claim-wait{padding:10px 16px;background:var(--accent-soft);color:var(--accent-text);font-size:13px;text-align:center;border-bottom:1px solid var(--border)}.room{width:100%;display:flex;align-items:center;gap:11px;padding:9px 10px;border:none;background:transparent;border-radius:var(--radius);cursor:pointer;color:var(--fg);text-align:left;transition:background .1s}.room:hover{background:var(--bg-accent)}.room--active{background:var(--accent-soft)}.room__avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--bg-accent);color:var(--accent-text);font-size:14px;font-weight:600;font-family:var(--font-display);flex-shrink:0}.room__body{display:flex;flex-direction:column;min-width:0;flex:1}.room__name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:6px}.room--unread .room__name{font-weight:700}.room__crown{flex-shrink:0;opacity:.7}.room__meta{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--fg-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.room__meta--preview{display:block}.room--unread .room__meta--preview{color:var(--fg-muted);font-weight:500}.badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.confirm-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);background:var(--bg-subtle);padding:12px 16px}.confirm-strip__text{font-size:13px;color:var(--fg-muted)}.confirm-strip__actions{display:flex;gap:6px;flex-shrink:0}.knocks{border-bottom:1px solid var(--border);background:var(--bg-subtle);padding:12px 16px}.knocks__title{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle);margin-bottom:8px}.knock{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.knock__name{font-family:var(--font-mono);font-size:13px}.knock__actions{display:flex;gap:6px}.btn--sm{padding:6px 10px;font-size:12px;display:inline-flex;align-items:center;gap:5px}.members{border-bottom:1px solid var(--border);background:var(--bg-subtle);padding:10px 16px}.member{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:13px}.member__tag{margin-left:8px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-text);background:var(--accent-soft);padding:1px 6px;border-radius:5px}.bubble__author{font-size:11px;font-weight:600;color:var(--accent-text)}.icon-btn--danger{color:#fff;background:var(--danger)}.icon-btn--danger:hover{background:var(--danger);color:#fff;opacity:.9}.call-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);background:var(--accent-soft);padding:10px 16px}.call-banner__text{font-size:13px;font-weight:600;color:var(--accent-text)}.call-shell{position:relative;flex:1;min-height:0;min-width:0;display:flex}.call{position:relative;flex:1;min-height:0;min-width:0;overflow:hidden;background:var(--bg);display:flex}.call__grid{flex:1;min-height:0;display:grid;place-content:center;gap:10px;padding:14px;overflow:auto}.call__tile{position:relative;min-height:0;min-width:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.call__grid .call__tile{aspect-ratio:16 / 9;width:100%;height:100%}.call__tile--hand{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.call__video{width:100%;height:100%;object-fit:cover;background:var(--bg-elevated)}.call__video--mirror{transform:scaleX(-1)}.call__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg-elevated)}.call__avatar{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-size:22px;font-weight:600;font-family:var(--font-display);flex-shrink:0}.call__avatar--lg{width:84px;height:84px;font-size:34px}.call__connecting{font-family:var(--font-mono);font-size:11px;color:var(--fg-subtle)}.call__name{position:absolute;left:10px;bottom:8px;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11px;color:#fff;background:#00000080;padding:2px 8px;border-radius:6px}.call__badge{color:var(--danger)}.call__signal{display:inline-flex;align-items:center}.call__signal--poor{color:var(--accent-text)}.call__signal--bad{color:var(--danger)}.call__net{position:absolute;left:50%;top:14px;transform:translate(-50%);z-index:4;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow-panel);white-space:nowrap;max-width:calc(100% - 28px)}.call__net--bad{color:var(--danger);border-color:var(--danger)}.call__net--saver{color:var(--accent-text);border-color:var(--accent)}.call__net--poor{color:var(--fg-muted)}.call__chip{position:absolute;left:10px;top:8px;font-family:var(--font-mono);font-size:10.5px;color:#fff;background:var(--accent);padding:2px 8px;border-radius:6px;z-index:2}.call__hand{position:absolute;right:10px;bottom:8px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#fff;background:var(--accent);box-shadow:var(--shadow-panel);z-index:2}.call-strip__hand{color:var(--accent-text)}.call__tile-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:0;transition:opacity .12s;z-index:3}.call__tile:hover .call__tile-actions,.call__tile:focus-within .call__tile-actions{opacity:1}@media (hover: none){.call__tile-actions{opacity:.85}}.call__tile-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:#00000080;color:#fff;cursor:pointer;transition:background .12s}.call__tile-btn:hover{background:#000000b3}.call__tile-btn--on{background:var(--accent)}.call__reactions{position:absolute;left:0;bottom:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:4}.call__reactions--center{z-index:4}.call__reactions--center .call__reaction{bottom:90px}.call__reaction{position:absolute;left:50%;bottom:12px;font-size:34px;transform:translate(-50%);animation:reaction-rise 3.5s ease-out forwards}@keyframes reaction-rise{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}15%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-140px) scale(1.1)}}.call__spotlight{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;gap:10px;padding:14px}.call__stage{flex:1;min-height:0;display:flex}.call__stage .call__tile{width:100%;height:100%}.call__filmstrip{flex-shrink:0;display:flex;gap:10px;height:108px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.call__filmstrip>*{flex:0 0 auto;height:100%}.call__filmstrip .call__tile{height:100%;aspect-ratio:16 / 9;width:auto}.call__film-self{height:100%;aspect-ratio:16 / 9}.call__film-self .call__tile{width:100%;height:100%}.call__pip-note{position:absolute;left:50%;top:14px;transform:translate(-50%);z-index:3;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);background:var(--bg-elevated);border:1px solid var(--border);padding:4px 10px;border-radius:999px}.call__self-wrap{display:contents}.call__self{position:absolute;right:14px;bottom:84px;width:180px;aspect-ratio:16 / 9;border-radius:var(--radius);border:1px solid var(--border-strong);box-shadow:var(--shadow-pop);z-index:2}.call__solo{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}.call__solo .call__tile{width:min(100%,520px);aspect-ratio:16 / 9}.call__waiting{font-size:13px;color:var(--fg-muted)}.call__bar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:5;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;row-gap:8px;padding:8px 12px;border-radius:26px;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-pop);max-width:calc(100% - 24px)}.call__ctrl{width:44px;height:44px;border-radius:50%;flex-shrink:0}.call__ctrl--on,.call__ctrl--on:hover{background:var(--accent-soft);color:var(--accent-text)}.call__ctrl-wrap{position:relative;display:inline-flex}.call__popover{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);z-index:6;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:8px}.call__popover--emoji{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.call__emoji{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:22px;border:none;border-radius:10px;background:transparent;cursor:pointer;transition:background .1s}.call__emoji:hover{background:var(--bg-accent)}.call__popover--devices{display:flex;flex-direction:column;gap:12px;width:min(88vw,280px);padding:14px}.call__device{display:flex;flex-direction:column;gap:5px}.call__device-label{font-size:12px;font-weight:600;color:var(--fg-muted)}.call__select{width:100%;font-family:var(--font-ui);font-size:13px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);outline:none;cursor:pointer}.call__select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.call__popover--more{display:flex;flex-direction:column;gap:2px;min-width:200px}.call__more-item{display:inline-flex;align-items:center;gap:10px;padding:9px 10px;border:none;background:transparent;color:var(--fg);font-family:var(--font-ui);font-size:13px;border-radius:8px;cursor:pointer;text-align:left}.call__more-item:hover{background:var(--bg-accent)}.call__more-item--on{color:var(--accent-text);background:var(--accent-soft)}.call__more-item--on:hover{background:var(--accent-soft)}.call__popover--more .call__popover--devices{position:static;transform:none;box-shadow:none;border:none;padding:8px 0 0;width:100%}.call__ctrl-more{display:none}.incall-chat{flex:0 0 320px;min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--bg-subtle)}.incall-chat__head{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 16px;border-bottom:1px solid var(--border)}.incall-chat__title{font-size:14px;font-weight:600;font-family:var(--font-display)}.incall-chat__messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.incall-chat__messages>.bubble:first-child{margin-top:auto}.incall-chat__hint{align-self:center;color:var(--fg-subtle);font-size:12px;text-align:center;margin:8px 0 16px}.incall-chat__composer{padding:12px}.call-strip{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border);background:var(--bg-subtle);padding:10px 16px}.call-strip__people{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}.call-strip__chip{display:inline-flex;align-items:center;gap:8px}.call-strip__name{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:12px;color:var(--fg-muted)}.call-strip__controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.incoming{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#00000080}.incoming__card{width:min(90vw,340px);display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 24px 22px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);text-align:center}.incoming__avatar{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-size:34px;font-weight:600;font-family:var(--font-display);animation:ring-pulse 1.6s ease-in-out infinite}.incoming__room{font-family:var(--font-display);font-size:18px;font-weight:600;margin-top:4px}.incoming__kind{font-size:13px;color:var(--fg-muted)}.incoming__actions{display:flex;gap:10px;margin-top:12px}.incoming__actions .btn{display:inline-flex;align-items:center;gap:6px}@keyframes ring-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 12px transparent}}.join__status{font-size:13px;color:var(--fg-muted);margin:0 0 20px;line-height:1.6}.join__status--bad{color:var(--danger)}.join__actions{display:flex;gap:10px}.join__actions .btn{flex:1}.chat__back{display:none}.panel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:var(--bg)}.panel__head{padding:14px 16px 8px;flex-shrink:0}.panel__title{margin:0;font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.02em}.panel__search{display:flex;align-items:center;gap:8px;padding:8px 12px 12px;flex-shrink:0;position:relative}.panel__search-icon{position:absolute;left:24px;color:var(--fg-subtle);pointer-events:none}.panel__search-input{flex:1;padding-left:34px}.panel__section{padding:4px 8px 12px;flex-shrink:0}.panel__section--grow{flex:1;overflow-y:auto;min-height:0}.panel__section-title{margin:0 8px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle)}.panel__empty{padding:24px 20px;color:var(--fg-muted);line-height:1.55;font-size:14px}.panel__empty-inline{margin:0 12px;color:var(--fg-subtle);font-size:13px;line-height:1.5}.panel__hint{color:var(--fg-subtle);font-size:12.5px;line-height:1.5;margin:0 0 12px}.panel__form{padding:8px 16px 16px;display:flex;flex-direction:column;gap:10px}.person-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius);min-height:52px}.person-row__body{flex:1;min-width:0;display:flex;flex-direction:column;text-align:left}.person-row__body--btn{border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}.person-row__name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-row__sub{font-size:12px;color:var(--fg-subtle);font-family:var(--font-mono)}.you-card{display:flex;align-items:center;gap:14px;margin:4px 16px 16px;padding:14px;border-radius:var(--radius-lg);background:var(--bg-subtle);border:1px solid var(--border)}.you-card__avatar{width:48px;height:48px;font-size:18px}.you-card__name{font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px}.you-card__sub{font-size:12.5px;color:var(--fg-subtle);font-family:var(--font-mono);margin-top:2px}.you-card__status{margin-top:6px}.pref-row{width:100%;display:flex;align-items:center;gap:12px;padding:14px 12px;border:none;border-radius:var(--radius);background:transparent;color:var(--fg);font:inherit;font-size:14px;font-weight:500;cursor:pointer;text-align:left;min-height:48px}.pref-row:hover{background:var(--bg-accent)}.pref-row--static{cursor:default;color:var(--fg-muted)}.pref-row--static:hover{background:transparent}.pref-row--danger{color:var(--danger);justify-content:flex-start;border:1px solid var(--border);margin-top:8px}.you-security{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;color:var(--fg-subtle);line-height:1.45}.you-security svg{color:var(--ok);flex-shrink:0;margin-top:2px}.icon-btn--touch{width:40px;height:40px;min-width:40px}.bottom-nav{display:none;flex-shrink:0;border-top:1px solid var(--border);background:var(--bg-subtle);padding-bottom:env(safe-area-inset-bottom,0);z-index:20}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:8px 4px 6px;border:none;background:transparent;color:var(--fg-subtle);font:inherit;font-size:10.5px;font-weight:600;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent}.bottom-nav__item--active{color:var(--accent-text)}.bottom-nav__icon-wrap{position:relative;display:inline-flex}.bottom-nav__badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.bottom-nav__label{line-height:1}.side-rail{flex-shrink:0;width:76px;display:none;flex-direction:column;align-items:stretch;gap:4px;padding:12px 8px;border-right:1px solid var(--border);background:var(--bg-subtle);z-index:20}.side-rail__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:10px 4px;border:none;border-radius:var(--radius);background:transparent;color:var(--fg-subtle);font:inherit;font-size:10.5px;font-weight:600;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent}.side-rail__item:hover{background:var(--bg-accent);color:var(--fg-muted)}.side-rail__item--active{color:var(--accent-text);background:var(--accent-soft)}.side-rail__icon-wrap{position:relative;display:inline-flex}.side-rail__badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.side-rail__label{line-height:1}@media (max-width: 720px){:root{--topbar-h: 48px}.sidebar{width:100%;border-right:none}.app__body{position:relative}.app__body--tab{display:block;overflow:hidden}.app__body--tab .panel{height:100%}.app__body .chat,.app__body--chat .sidebar{display:none}.app__body--chat .chat{display:flex}.chat__back{display:inline-flex;margin-left:-4px}.bubble{max-width:min(82%,320px)}.bubble-row--in{padding-left:12px}.bubble-row--out{padding-right:12px}.chat__messages>.bubble-row{padding-left:10px;padding-right:10px}.chat__messages{padding-top:10px;padding-bottom:6px;gap:8px}.chat__messages>.bubble-row:first-child{margin-top:min(24vh,120px)}.chat__hint{margin-top:12px;padding:0 20px}.topbar{padding:0 14px}.topbar--in-chat,.app--chat .topbar,.status,.topbar__user,.topbar__desktop-only{display:none}.bottom-nav{display:flex}.toast{bottom:calc(72px + env(safe-area-inset-bottom,0px))}.room{padding:12px;min-height:56px}.room__avatar{width:42px;height:42px;font-size:16px}.sidebar__head{padding:12px 14px 8px}.sidebar__title{font-size:13px;text-transform:none;letter-spacing:-.01em;font-family:var(--font-display);font-weight:600;color:var(--fg)}.icon-btn{width:40px;height:40px}.chat__head{padding:6px 6px 6px 4px;min-height:56px;gap:8px}.chat__avatar{width:40px;height:40px}.chat__name{font-size:16px}.chat__actions-desktop{display:none}.chat__more{display:block}.composer-wrap{padding-bottom:env(safe-area-inset-bottom,0px)}.composer{padding:8px 8px 10px;gap:6px}.composer .input,.composer textarea,.composer__input{font-size:16px}.composer__send{min-width:44px;min-height:44px;border-radius:12px;padding:0 12px}.call__grid{grid-template-columns:1fr!important;padding:10px}.call__self{width:118px;right:10px;bottom:82px}.call__bar{bottom:calc(14px + env(safe-area-inset-bottom,0px));gap:6px}.call__ctrl-extra{display:none}.call__ctrl-more{display:inline-flex}.incall-chat{position:absolute;top:0;right:0;bottom:0;left:0;flex:1;z-index:10;border-left:none;background:var(--bg)}}@media (min-width: 721px){.side-rail{display:flex}.bottom-nav{display:none}.app__body--tab{flex:1}.app__body--tab .panel{width:min(420px,100%);border-right:1px solid var(--border);background:var(--bg-subtle)}.app--chat .side-rail{display:flex}}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:min(420px,calc(100vw - 24px));display:flex;align-items:center;gap:10px;background:var(--danger);color:#fff;padding:12px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;box-shadow:var(--shadow-pop);cursor:pointer;z-index:40}.toast--error{background:var(--danger);color:#fff}.toast--notice{background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border-strong);bottom:28px}.toast__text{flex:1;min-width:0;line-height:1.35}.toast__action{flex-shrink:0;font-size:12px;font-weight:700;color:var(--accent-text);white-space:nowrap}.toast__close{flex-shrink:0;border:none;background:transparent;color:var(--fg-subtle);font-size:18px;line-height:1;cursor:pointer;padding:0 2px;width:28px;height:28px}.toast__close:hover{color:var(--fg)}@media (max-width: 720px){.toast--notice{bottom:calc(72px + env(safe-area-inset-bottom,0px))}}