@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-ext-400-normal-Q_nF8v4l.woff2) format("woff2"),url(/assets/instrument-sans-latin-ext-400-normal-r32jotim.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2) format("woff2"),url(/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-ext-500-normal-CTEe1bJa.woff2) format("woff2"),url(/assets/instrument-sans-latin-ext-500-normal-CAxz3nsc.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-500-normal-Dk9ku72i.woff2) format("woff2"),url(/assets/instrument-sans-latin-500-normal-Z6ESRlEs.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: #3390ec;--color-primary-soft: rgba(51, 144, 236, .14);--color-accent: #5ab2f5;--color-bg: #ffffff;--color-bg-elevated: #ffffff;--color-surface: #ffffff;--color-surface-muted: #f4f4f5;--color-border: #e3e3e5;--color-text: #000000;--color-text-muted: #8d8e93;--color-danger: #e85d75;--color-success: #31b56b;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .08);--font-heading: "Instrument Sans", sans-serif;--font-body: "Instrument Sans", sans-serif;--bubble-in: #ffffff;--bubble-out: #eeffde;--bubble-out-alt: #d9ffc5;--chat-bg: #8da4b7;--workspace-bg: #c8d3de;--hover-bg: rgba(0, 0, 0, .04);--hover-bg-strong: rgba(0, 0, 0, .08);--duration-instant: .1s;--duration-fast: .15s;--duration-normal: .2s;--duration-moderate: .28s;--duration-slow: .35s;--duration-enter: .22s;--duration-exit: .18s;--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--scale-press: .96;color-scheme:light;font-family:var(--font-body);font-synthesis:none;line-height:1.4;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--color-bg: #0e1621;--color-bg-elevated: #17212b;--color-surface: #17212b;--color-surface-muted: #1d2a36;--color-border: #293a4a;--color-text: #f5f5f5;--color-text-muted: #6d7f8e;--color-danger: #ff5c5c;--color-success: #4dd97e;--shadow-soft: 0 1px 4px rgba(0, 0, 0, .4);--bubble-in: #182533;--bubble-out: #2b5278;--bubble-out-alt: #224466;--chat-bg: #0b1018;--workspace-bg: #0e1621;--hover-bg: rgba(255, 255, 255, .06);--hover-bg-strong: rgba(255, 255, 255, .12);color-scheme:dark}[data-theme=dark],[data-theme=dark] body{background-color:#0e1621}[data-theme=dark],[data-theme=dark] *{color:#f5f5f5}[data-theme=dark] .eyebrow{color:var(--color-primary)!important}[data-theme=dark] .room-row__body p,[data-theme=dark] .room-row__topline span,[data-theme=dark] .member-row span,[data-theme=dark] .muted-text,[data-theme=dark] .message-meta span,[data-theme=dark] .room-preview__header span,[data-theme=dark] .room-preview__msg span,[data-theme=dark] .workspace-header__title p,[data-theme=dark] .detail-card dt{color:#6d7f8e!important}[data-theme=dark] .ctx-menu__item--danger,[data-theme=dark] .confirm-sheet__btn--danger,[data-theme=dark] .text-danger{color:#ff5c5c!important}[data-theme=dark] .badge,[data-theme=dark] .primary-button,[data-theme=dark] .room-row--active,[data-theme=dark] .room-row--active *{color:#fff!important}[data-theme=dark] .room-row--active .room-row__body p,[data-theme=dark] .room-row--active .room-row__topline span{color:#ffffffb3!important}[data-theme=dark] .status-pill{color:#f5f5f5!important;background-color:#1d2a36!important}[data-theme=dark] .composer{background-color:#0e1621!important}[data-theme=dark] .composer__pill{background-color:#1d2a36!important;border-color:#293a4a!important}[data-theme=dark] .composer textarea,[data-theme=dark] .composer__pill textarea{background-color:transparent!important;color:#f5f5f5!important;-webkit-text-fill-color:#f5f5f5}[data-theme=dark] .composer .icon-button{color:#6d7f8e!important}[data-theme=dark] .segmented{background-color:#1d2a36!important}[data-theme=dark] .auth-page{background-color:#0e1621}[data-theme=dark] .auth-field input{border-color:#293a4a;background:transparent;color:#e1e8ed}[data-theme=dark] .auth-field input:focus{border-color:var(--color-primary)}[data-theme=dark] .auth-field__label{color:#6d7f8e}[data-theme=dark] .segmented__button--active{background-color:#3390ec!important;color:#fff!important;box-shadow:none}[data-theme=dark] .sidebar,[data-theme=dark] .sidebar-tabs,[data-theme=dark] .workspace-header,[data-theme=dark] .composer,[data-theme=dark] .details-panel,[data-theme=dark] .room-row,[data-theme=dark] .settings-content,[data-theme=dark] .brand-card{background-color:#0e1621}[data-theme=dark] .detail-card,[data-theme=dark] .detail-card--nested{background-color:#17212b}[data-theme=dark] .search-field input,[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea{background-color:#1d2a36;color:#f5f5f5;border-color:#293a4a}[data-theme=dark] .ghost-button,[data-theme=dark] .profile-button{background-color:#1d2a36;color:#f5f5f5}[data-theme=dark] .danger-button{background-color:#ff5c5c1f}[data-theme=dark] .modal-card,[data-theme=dark] .ctx-menu,[data-theme=dark] .emoji-picker,[data-theme=dark] .confirm-sheet,[data-theme=dark] .room-preview{background-color:#17212b}[data-theme=dark] .message-bubble,[data-theme=dark] .message-bubble p,[data-theme=dark] .message-bubble strong{color:#f5f5f5}[data-theme=dark] .health-grid .status-pill{background-color:#1d2a36}[data-theme=dark] .recovery-code{background-color:#1d2a36;color:#f5f5f5}[data-theme=dark] .metric-grid dd{color:#f5f5f5}[data-theme=dark] .toggle-switch,[data-theme=dark] .reaction-chip{background-color:#1d2a36;border-color:#293a4a}[data-theme=dark] .reply-preview{background-color:#3390ec26}[data-theme=dark] .ctx-reactions{background-color:#17212b}[data-theme=dark] .ctx-reactions__expand{color:#6d7f8e}[data-theme=dark] .ctx-emoji-grid{background-color:#17212b}[data-theme=dark] .ctx-bubble{background-color:#182533}[data-theme=dark] .ctx-overlay__body--outgoing .ctx-bubble{background-color:#2b5278}[data-theme=dark] .ctx-menu__item{color:#f5f5f5}[data-theme=dark] .ctx-menu__item--danger{color:#ff5c5c}[data-theme=dark] .ctx-menu__sep{background-color:#293a4a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--color-text);background:var(--color-bg);overscroll-behavior:none;-webkit-text-size-adjust:100%}button,input,textarea,select{font:inherit}button,a,[role=button]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%}textarea{resize:none}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#0003;border-radius:999px}::-webkit-scrollbar-track{background:transparent}.eyebrow{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.4rem;color:var(--color-primary);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.primary-button,.ghost-button,.danger-button,.segmented__button,.profile-button,.call-dock,.room-row,.message-image,.reaction-chip,.attachment-card{border:0;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.primary-button,.ghost-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.6rem 1.1rem;border-radius:.7rem;font-weight:500;font-size:.9rem}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;color:#8d8e93;background:transparent;border:0;border-radius:50%;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.icon-button svg{width:1.3rem;height:1.3rem}.icon-button:hover{color:var(--color-text);background:var(--hover-bg)}.icon-button--primary{color:#fff;background:var(--color-primary)}.icon-button--primary:hover{color:#fff;background:#2786e5}.icon-button--active{color:var(--color-primary);background:var(--color-primary-soft)}.primary-button{color:#fff;background:var(--color-primary)}.primary-button:hover{background:#2786e5;box-shadow:0 2px 8px #3390ec40}.primary-button:active,.ghost-button:active,.danger-button:active,.icon-button:active,.segmented__button:active{transform:scale(var(--scale-press));transition-duration:var(--duration-instant)}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled,.icon-button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.secondary-button{color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:8px 16px;font-size:.9rem}.secondary-button:hover{color:var(--color-text)}.auth-email-verify{text-align:center;padding:8px 0 4px}.auth-email-verify__icon{font-size:2.5rem;display:block;margin-bottom:8px}.auth-email-verify h3{margin:0 0 8px;font-size:1.15rem}.auth-email-verify p{margin:0;color:var(--color-text-muted);font-size:.92rem;line-height:1.45}.install-hint-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.88rem;padding:6px 0;text-decoration:underline;text-underline-offset:2px}.install-hint-button:hover{opacity:.8}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.modal-card{background:var(--color-surface);border-radius:16px;padding:24px;max-width:400px;width:100%;box-shadow:0 16px 48px #0003}.install-guide h3{margin:0 0 16px;font-size:1.15rem}.install-guide__steps{margin:0 0 16px;padding-left:20px;line-height:1.7;font-size:.95rem}.install-guide__steps li{margin-bottom:8px}.install-guide__icon{display:inline-block;font-size:1.1rem;vertical-align:middle}.install-guide__note{margin:0 0 16px;color:var(--color-text-muted);font-size:.88rem;line-height:1.45}.install-guide .primary-button{width:100%}.ghost-button,.profile-button{color:var(--color-text);background:var(--hover-bg)}.ghost-button:hover,.profile-button:hover{background:var(--hover-bg-strong)}.danger-button{color:#e53935;background:#e5393514}.danger-button:hover{background:#e5393524}.splash,.auth-shell,.empty-state{min-height:100dvh}.splash,.empty-state{display:grid;place-items:center;padding:2rem;text-align:center}.splash{gap:.75rem;background:var(--color-bg)}.splash h1,.empty-state h2,.auth-shell__hero h1,.auth-card h2,.workspace-header h2,.detail-card h3,.modal-card h2,.call-modal h2{margin:0;font-family:var(--font-heading);letter-spacing:-.02em}.splash h1{font-size:clamp(2.2rem,4vw,3rem)}.splash p,.auth-shell__hero p,.auth-footnote,.empty-state p,.detail-card p,.call-sidebar p,.muted-text{margin:0;color:var(--color-text-muted)}.splash__logo{display:block;width:4.5rem;height:4.5rem;margin:0 auto .35rem;border-radius:1rem;object-fit:contain}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-surface);padding:2rem 1rem}.auth-form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:360px;gap:0}.auth-form__logo{width:160px;height:160px;object-fit:contain;margin-bottom:24px}.auth-form__title{margin:0 0 8px;font-size:1.75rem;font-weight:600;font-family:var(--font-heading);letter-spacing:-.02em;text-align:center}.auth-form__subtitle{margin:0 0 28px;color:var(--color-text-muted);font-size:.95rem;text-align:center;line-height:1.45}.auth-field{position:relative;width:100%;margin-bottom:16px}.auth-field input{width:100%;padding:14px 16px;border:2px solid var(--color-border);border-radius:12px;font-size:1rem;font-family:inherit;background:transparent;color:var(--color-text);outline:none;transition:border-color .15s ease;box-sizing:border-box}.auth-field input:focus{border-color:var(--color-primary)}.auth-field input::placeholder{color:var(--color-text-muted);opacity:.6}.auth-field__label{position:absolute;top:-8px;left:12px;padding:0 4px;font-size:.78rem;color:var(--color-text-muted);background:var(--color-surface);pointer-events:none}.auth-field input:focus+.auth-field__label,.auth-field input:focus~.auth-field__label{color:var(--color-primary)}.auth-form .primary-button{width:100%;margin-top:8px;padding:14px;font-size:1rem;border-radius:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.auth-form .status--error{width:100%;text-align:center;margin-bottom:4px}.auth-form__divider{width:100%;display:flex;align-items:center;gap:12px;margin:12px 0 4px;color:var(--color-text-muted);font-size:.85rem}.auth-form__divider:before,.auth-form__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.primary-button--outline{background:transparent!important;border:2px solid var(--color-primary)!important;color:var(--color-primary)!important}.primary-button--outline:hover{background:var(--color-primary-soft)!important}.auth-form__link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.9rem;padding:12px 0 0;font-family:inherit}.auth-form__link:hover{text-decoration:underline}.auth-form__footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border);width:100%;text-align:center}.auth-form__footer .auth-form__link{padding:0;font-size:.85rem;color:var(--color-text-muted)}.modal-card,.call-modal,.image-viewer{background:var(--color-bg);border:1px solid var(--color-border)}.modal-card,.call-modal{border-radius:1rem}.modal-card{display:grid;gap:1rem;padding:1.5rem}.badge,.status-pill,.reaction-chip{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.35rem .68rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:.8rem;font-size:.92rem}.attach-menu{position:absolute;bottom:100%;left:.4rem;margin-bottom:.4rem;min-width:13rem;padding:.3rem;background:var(--color-bg-elevated);border-radius:.85rem;box-shadow:0 4px 24px #00000029;z-index:10;animation:ctx-scale-in var(--duration-normal) var(--ease-spring)}[data-theme=dark] .attach-menu{background-color:#17212b}.pinned-bar{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .75rem;background:var(--color-bg);border:0;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer;flex-shrink:0}.pinned-bar:hover{background:var(--hover-bg)}[data-theme=dark] .pinned-bar{background-color:#0e1621}.pinned-bar__icon{display:grid;place-items:center;width:1.1rem;height:1.1rem;color:var(--color-primary);flex-shrink:0}.pinned-bar__icon svg{width:1rem;height:1rem}.pinned-bar__copy{flex:1;min-width:0}.pinned-bar__copy strong{display:block;font-size:.75rem;color:var(--color-primary)}.pinned-bar__copy span{display:block;font-size:.82rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-bar__unpin{flex-shrink:0}.pinned-list-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:start center;padding-top:3.5rem;background:#00000040}.pinned-list{width:min(100%,28rem);max-height:60vh;display:flex;flex-direction:column;background:var(--color-bg);border-radius:.75rem;box-shadow:0 8px 32px #0000002e;overflow:hidden}.pinned-list__header{display:flex;align-items:center;justify-content:space-between;padding:.7rem .85rem;border-bottom:1px solid var(--color-border)}.pinned-list__header strong{font-size:.92rem}.pinned-list__body{overflow-y:auto;padding:.35rem 0}.pinned-list__item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .85rem;text-align:left;background:transparent;border:0;cursor:pointer}.pinned-list__item:hover{background:var(--hover-bg)}.pinned-list__item-content{flex:1;min-width:0}.pinned-list__item-content strong{display:block;font-size:.82rem;color:var(--color-primary)}.pinned-list__item-content p{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-list__time{font-size:.75rem;color:var(--color-text-muted)}.pinned-list__unpin{flex-shrink:0;color:var(--color-text-muted)}.forward-room-list{display:grid;gap:.1rem;max-height:50vh;overflow-y:auto}.forward-room-row{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .65rem;font-size:.9rem;color:var(--color-text);background:transparent;border:0;border-radius:.6rem;text-align:left;cursor:pointer}.forward-room-row:hover{background:var(--hover-bg)}.forward-room-row .avatar{width:2.2rem;height:2.2rem;font-size:.85rem}.room-row__saved-icon{display:grid;place-items:center;width:2.85rem;aspect-ratio:1;flex-shrink:0;background:var(--color-primary-soft);border-radius:50%}.room-row__saved-icon svg{width:1.3rem;height:1.3rem}.todo-list{display:grid;gap:.3rem}.todo-list__title{font-size:.88rem;margin-bottom:.15rem}.todo-list__item{display:flex;align-items:center;gap:.45rem;font-size:.88rem;cursor:default}.todo-list__item input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--color-primary);flex-shrink:0}.todo-list__item--done span{text-decoration:line-through;color:var(--color-text-muted)}.forwarded-block{border-left:2px solid var(--color-primary);padding-left:.5rem}.forwarded-block__label{display:block;font-size:.78rem;font-weight:600;color:var(--color-primary);margin-bottom:.15rem}.forwarded-block p{margin:0;white-space:pre-wrap}.field{display:grid;gap:.4rem}.field span{color:var(--color-text-muted);font-size:.84rem}.field input,.field textarea,.field select,.search-field input,.composer textarea{width:100%;padding:.72rem .85rem;color:var(--color-text);background:var(--color-surface-muted);border:0;border-radius:1.2rem;outline:none}.field input:focus,.field textarea:focus,.field select:focus,.search-field input:focus,.composer textarea:focus{box-shadow:0 0 0 2px var(--color-primary-soft)}.segmented{display:inline-grid;grid-auto-flow:column;gap:.2rem;width:fit-content;padding:.2rem;background:var(--color-surface-muted);border-radius:.7rem}.segmented__button{min-height:2.2rem;padding:.5rem .9rem;color:var(--color-text-muted);background:transparent;border-radius:.6rem;font-size:.88rem}.segmented__button--active{color:var(--color-text);background:var(--color-bg);box-shadow:0 1px 3px #0000001a}.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);height:100%;background:var(--color-bg);overflow:hidden}.app-shell--details-open{grid-template-columns:320px minmax(0,1fr) 300px}.sidebar,.workspace,.details-panel{height:100%;overflow:hidden}.sidebar{display:flex;flex-direction:column;padding:0;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);background:var(--color-bg);border-right:1px solid var(--color-border)}.sidebar-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;animation:sidebar-fade-in var(--duration-normal) var(--ease-decelerate)}@keyframes sidebar-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.brand-card,.sidebar-footer{background:transparent;border:0;box-shadow:none}.detail-card,.workspace-header,.call-sidebar{background:var(--color-bg);border:0;box-shadow:none}.brand-card,.detail-card,.sidebar-footer,.workspace-header,.composer,.call-sidebar{border-radius:0}.brand-card,.detail-card,.sidebar-footer{padding:.75rem .85rem}.brand-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .6rem .6rem .85rem}.brand-card h1{font-size:1.3rem}.brand-card__copy{min-width:0}.brand-card__copy .eyebrow{display:none}.search-field{padding:0 .6rem .5rem;flex-shrink:0}.search-field input{padding:.6rem .85rem;background:var(--color-surface-muted);font-size:.88rem}.room-list{display:grid;gap:0;align-content:start;overflow-y:auto;padding:0;flex:1;min-height:0}.room-preview{background:var(--color-bg-elevated);border-radius:.85rem;box-shadow:0 4px 24px #00000029;overflow:hidden;max-width:100%}.room-preview__header{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-bottom:1px solid var(--color-border)}.room-preview__header strong{display:block;font-size:.92rem}.room-preview__header span{color:var(--color-text-muted);font-size:.78rem}.room-preview__messages{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .6rem;max-height:10rem;overflow:hidden}.room-preview__msg{display:flex;align-items:baseline;gap:.4rem;padding:.25rem .5rem;background:var(--bubble-in);border-radius:.5rem;align-self:flex-start;max-width:85%}.room-preview__msg--out{background:var(--bubble-out);align-self:flex-end}.room-preview__msg p{margin:0;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-preview__msg span{color:var(--color-text-muted);font-size:.65rem;flex-shrink:0}.confirm-sheet{display:grid;gap:0;width:min(88vw,20rem);background:var(--color-bg-elevated);border-radius:.85rem;box-shadow:0 4px 24px #00000029;overflow:hidden;text-align:center}.confirm-sheet__header{display:grid;justify-items:center;gap:.4rem;padding:1.2rem 1rem .8rem}.confirm-sheet__header .avatar{width:3.5rem;height:3.5rem;font-size:1.2rem}.confirm-sheet__header p{margin:0;font-size:.92rem}.confirm-sheet__btn{width:100%;padding:.85rem 1rem;font-size:.95rem;color:var(--color-primary);background:transparent;border:0;border-top:1px solid var(--color-border);cursor:pointer}.confirm-sheet__btn:hover{background:var(--hover-bg)}.confirm-sheet__btn--danger{color:var(--color-danger)}.confirm-sheet__gap{height:.4rem;background:var(--color-border)}.room-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:center;width:100%;padding:.55rem .6rem;color:var(--color-text);background:var(--color-bg);border-radius:0;text-align:left}.room-row:hover{background:var(--hover-bg)}.room-row:active{transform:scale(.98);transition-duration:var(--duration-instant)}.room-row--active{color:#fff;background:var(--color-primary);box-shadow:none}.room-row--active .room-row__body p,.room-row--active .room-row__topline span{color:#fffc}.room-row__body,.room-row__topline,.room-row__meta{min-width:0}.room-row__topline{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.room-row__body strong{display:block;font-size:.92rem;font-weight:600}.room-row__body p,.room-row__topline span,.member-row span,.profile-button span{color:var(--color-text-muted);font-size:.82rem}.room-row__body p{margin:.1rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge,.badge--hot{min-width:1.5rem;font-weight:700;font-size:.72rem;animation:badge-pop-in var(--duration-normal) var(--ease-spring)}@keyframes badge-pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.badge{background:var(--color-primary);color:#fff}.badge--hot{background:var(--color-danger);color:#fff}.room-row--active .badge,.room-row--active .badge--hot{color:var(--color-primary);background:var(--color-bg)}.sidebar-tabs{display:flex;align-items:stretch;gap:0;flex-shrink:0;border-top:1px solid var(--color-border);background:var(--color-bg);padding:.3rem .5rem;padding-bottom:calc(.3rem + env(safe-area-inset-bottom,0px))}.sidebar-tabs__btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem 0;font-size:.68rem;color:var(--color-text-muted);background:transparent;border:0;border-radius:.5rem;cursor:pointer;transition:color .15s}.sidebar-tabs__btn svg{width:1.4rem;height:1.4rem}.sidebar-tabs__btn .avatar{width:1.5rem;height:1.5rem;font-size:.6rem}.sidebar-tabs__btn--active,.sidebar-tabs__btn:hover{color:var(--color-primary)}.settings-content{display:grid;gap:0;align-content:start;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.settings-profile-hero{display:grid;justify-items:center;gap:.4rem;padding:1.2rem .85rem;text-align:center}.settings-profile-hero .avatar{width:6rem;height:6rem;font-size:2rem}.settings-profile-hero h3{margin:0;font-size:1.1rem}.settings-profile-email{font-size:.85rem}.settings-section{display:grid;gap:.5rem;padding:.75rem .85rem;border-top:1px solid var(--color-border)}.status-field{position:relative}.status-field textarea{width:100%;padding:.72rem .85rem;color:var(--color-text);background:var(--color-surface-muted);border:0;border-radius:1.2rem;outline:none;resize:none;font-family:inherit;font-size:.92rem;line-height:1.4;transition:box-shadow var(--duration-fast) var(--ease-default)}.status-field textarea:focus{box-shadow:0 0 0 2px var(--color-primary-soft)}.status-field__counter{display:block;text-align:right;font-size:.75rem;color:var(--color-text-muted);margin-top:.2rem}.status-field__counter--warn{color:var(--color-danger)}.theme-toggle{display:flex;align-items:center;justify-content:space-between;font-size:.92rem}.toggle-switch{position:relative;width:2.8rem;height:1.6rem;padding:0;background:var(--color-surface-muted);border:2px solid var(--color-border);border-radius:999px;cursor:pointer;transition:background .2s,border-color .2s}.toggle-switch--on{background:var(--color-primary);border-color:var(--color-primary)}.toggle-switch__knob{position:absolute;top:2px;left:2px;width:1.1rem;height:1.1rem;background:#fff;border-radius:50%;transition:transform var(--duration-normal) var(--ease-spring);box-shadow:0 1px 3px #0003}.toggle-switch--on .toggle-switch__knob{transform:translate(1.2rem)}.accent-picker{display:flex;gap:.5rem;flex-wrap:wrap}.accent-picker__dot{width:2rem;height:2rem;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:border-color .15s,transform .15s;padding:0}.accent-picker__dot:hover{transform:scale(1.15)}.accent-picker__dot--active{border-color:var(--color-text);transform:scale(1.1)}.sidebar-footer{display:grid;gap:0;border-top:1px solid var(--color-border)}.profile-button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:center;width:100%;padding:.6rem .65rem;border-radius:.65rem;text-align:left}.profile-button strong,.member-row strong,.workspace-header__title h2,.detail-card h3{display:block}.workspace{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0;background:var(--workspace-bg)}.workspace-content{display:grid;grid-template-rows:subgrid;grid-row:1 / -1;min-height:0;animation:workspace-fade-in var(--duration-normal) var(--ease-decelerate)}@keyframes workspace-fade-in{0%{opacity:0}to{opacity:1}}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0;padding:.55rem .75rem;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.workspace-header__back{display:none}.workspace-header__title{display:flex;align-items:center;gap:.65rem;min-width:0}.workspace-header__title>div{min-width:0}.workspace-header__title-button{flex:1;padding:0;text-align:left;color:inherit;background:transparent;border:0}.workspace-header__title p,.workspace-header__title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-header__title h2{font-size:1rem;font-weight:600}.workspace-header__title p{margin:.05rem 0 0;color:var(--color-text-muted);font-size:.82rem}.workspace-header__actions{display:flex;gap:.25rem}.timeline{grid-row:3;overflow:auto;padding:.8rem .75rem}.timeline-system{display:flex;justify-content:center;margin:.6rem 0}.timeline-system span{padding:.3rem .6rem;color:#fff;background:#00000047;border:0;border-radius:999px;font-size:.76rem;font-weight:500}.message-row{display:flex;gap:.45rem;align-items:flex-end;margin:.15rem 0}.message-row--outgoing{justify-content:flex-end}.message-row--highlighted .message-bubble{box-shadow:0 0 0 2px #3390ec4d}.message-bubble{position:relative;display:grid;gap:.35rem;max-width:min(72%,32rem);padding:.4rem .55rem .3rem;border-radius:.2rem .75rem .75rem;background:var(--bubble-in);border:0;box-shadow:0 1px 2px #0000001a}.message-row--outgoing .message-bubble{background:var(--bubble-out);border-top-left-radius:.75rem;border-top-right-radius:.2rem}.message-bubble--deleted{background:var(--color-surface-muted);color:var(--color-text-muted)}.message-bubble strong{font-size:.82rem;color:var(--color-primary)}.message-bubble p,.detail-card p,.call-sidebar p{margin:0}.message-image{padding:0;overflow:hidden;background:transparent;border-radius:.65rem;cursor:pointer}.message-image img{display:block;max-width:min(20rem,70vw);max-height:20rem;border-radius:.65rem;object-fit:contain}.message-bubble--video-note{width:fit-content;padding:.15rem 0 .3rem;background:transparent;border:0;box-shadow:none}.message-bubble--audio-note{min-width:min(19rem,70vw)}.message-bubble--video-note .message-meta,.message-bubble--video-note .message-reactions{justify-content:center}.vnote{position:relative;display:block;width:16rem;aspect-ratio:1;padding:0;overflow:visible;background:transparent;border:0;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}.vnote__video{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;background:var(--hover-bg)}.vnote__ring{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);pointer-events:none}.vnote__ring-progress{transition:stroke-dasharray .12s linear}.vnote__duration{position:absolute;left:50%;bottom:.6rem;padding:.2rem .5rem;color:#fff;background:#00000073;border-radius:999px;font-size:.72rem;font-weight:600;transform:translate(-50%);pointer-events:none}.vnote__badge{position:absolute;bottom:.55rem;right:.55rem;display:grid;place-items:center;width:1.6rem;height:1.6rem;color:#fff;background:var(--color-primary);border-radius:50%;pointer-events:none}.vnote__badge svg{width:.85rem;height:.85rem}.attachment-card{display:grid;gap:.2rem;padding:.55rem .65rem;color:var(--color-text);text-decoration:none;border-radius:.6rem;background:var(--hover-bg);border:0}.attachment-card small{color:var(--color-text-muted)}.ctx-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:ctx-fade-in var(--duration-normal) var(--ease-default)}@keyframes ctx-fade-in{0%{opacity:0}to{opacity:1}}.ctx-overlay__body{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;max-width:min(88vw,22rem);width:100%;padding:.75rem;animation:ctx-scale-in var(--duration-normal) var(--ease-spring)}.ctx-overlay__body--outgoing{align-items:flex-end}@keyframes ctx-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.ctx-bubble{position:relative;display:grid;gap:.35rem;max-width:100%;padding:.4rem .55rem .3rem;border-radius:.2rem .75rem .75rem;background:var(--bubble-in);box-shadow:0 1px 2px #0000001a;pointer-events:none}.ctx-overlay__body--outgoing .ctx-bubble{background:var(--bubble-out);border-top-left-radius:.75rem;border-top-right-radius:.2rem}.ctx-bubble p{margin:0}.ctx-bubble .message-meta{display:flex;gap:.3rem;justify-content:flex-end;align-items:center;color:var(--color-text-muted);font-size:.7rem}.ctx-reactions{display:flex;align-items:center;gap:.15rem;padding:.35rem .4rem;background:var(--color-bg-elevated);border-radius:999px;box-shadow:0 4px 24px #00000029}.ctx-reactions__btn{display:grid;place-items:center;width:2.2rem;height:2.2rem;padding:0;font-size:1.35rem;background:transparent;border:0;border-radius:50%;cursor:pointer;transition:transform .12s ease}.ctx-reactions__btn:hover{transform:scale(1.25);background:var(--hover-bg)}.ctx-reactions__btn:active{transform:scale(1.1)}.ctx-reactions__expand{font-size:1rem;color:var(--color-text-muted)}.ctx-emoji-grid{background:var(--color-bg-elevated);border-radius:.85rem;box-shadow:0 4px 24px #00000029;overflow:hidden}.ctx-emoji-grid .emoji-picker{position:static;border:0;box-shadow:none;background:transparent}.ctx-menu{display:grid;gap:0;min-width:11rem;padding:.3rem;background:var(--color-bg-elevated);border-radius:.85rem;box-shadow:0 4px 24px #00000029;overflow:hidden}.ctx-menu__item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.6rem .75rem;font-size:.88rem;color:var(--color-text);background:transparent;border:0;border-radius:.55rem;text-align:left;cursor:pointer}.ctx-menu__item:hover{background:var(--hover-bg)}.ctx-menu__item:active{background:var(--hover-bg-strong)}.ctx-menu__item--danger{color:var(--color-danger)}.ctx-menu__icon{display:grid;place-items:center;width:1.2rem;height:1.2rem;flex-shrink:0}.ctx-menu__icon svg{width:1.1rem;height:1.1rem}.ctx-menu__sep{height:1px;margin:.15rem .5rem;background:var(--color-border)}.reply-preview{display:grid;gap:.1rem;padding:.45rem .6rem;text-align:left;background:#3390ec14;border:0;border-left:2px solid var(--color-primary);border-radius:.2rem .5rem .5rem .2rem}.reply-preview__label{color:var(--color-primary);font-size:.75rem;font-weight:600}.reply-preview__body{color:var(--color-text-muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-note{display:grid;gap:.45rem}.audio-note__visual{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.55rem .7rem;border-radius:.6rem;background:var(--hover-bg)}.audio-note__visual svg{width:1.2rem;height:1.2rem;color:var(--color-primary)}.audio-note__visual span{color:var(--color-text-muted);font-size:.82rem;font-variant-numeric:tabular-nums}.audio-note__player{width:100%;height:2rem}.message-meta{display:flex;gap:.3rem;justify-content:flex-end;align-items:center;color:var(--color-text-muted);font-size:.7rem}.message-reactions{display:flex;flex-wrap:wrap;gap:.3rem}.reaction-chip{min-height:1.75rem;padding:.2rem .5rem;color:var(--color-text);background:var(--hover-bg);border:1px solid rgba(0,0,0,.06);border-radius:999px;font-size:.82rem}.reaction-chip:hover{background:var(--hover-bg-strong)}.avatar{width:2.85rem;aspect-ratio:1;object-fit:cover;border-radius:50%;background:var(--color-surface-muted)}.avatar--fallback{display:grid;place-items:center;color:#fff;background:var(--color-primary);font-family:var(--font-heading);font-weight:700}.avatar-button{all:unset;cursor:pointer;display:flex;flex-shrink:0;border-radius:50%;transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.avatar-button:hover{opacity:.85;transform:scale(1.04)}.avatar-button:active{transform:scale(.96)}.workspace-header__title .avatar,.member-row .avatar,.detail-card--hero .avatar{width:2.65rem}.composer{grid-row:4;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem;align-items:end;margin:0;padding:.45rem .55rem;padding-bottom:calc(.45rem + env(safe-area-inset-bottom,0px));background:transparent;border-top:none}.composer__pill{display:flex;align-items:end;gap:.15rem;min-width:0;position:relative}.composer--recording-locked{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.composer--recording-locked .composer__pill{display:contents}.record-bar{display:flex;align-items:center;gap:.55rem;min-height:2.65rem;padding:0 .5rem}.record-bar__dot{display:block;width:.55rem;height:.55rem;flex:0 0 auto;background:#e5484d;border-radius:50%;animation:record-pulse 1.2s ease-in-out infinite}.record-bar__timer{font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:600;color:var(--color-text);transition:color var(--duration-fast) var(--ease-default)}.record-bar__timer--warning{color:var(--color-danger)}.record-bar__hint{color:var(--color-text-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-bar__cancel{color:var(--color-danger, #e5484d)}.composer__record-btn{touch-action:none;user-select:none;-webkit-user-select:none}@keyframes record-pulse{0%,to{opacity:1}50%{opacity:.3}}.composer-context{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.5rem .7rem;border-radius:.6rem;background:var(--color-surface-muted);border:0;border-left:2px solid var(--color-primary)}.composer-context__copy{min-width:0;display:grid;gap:.12rem}.composer-context__copy strong{font-size:.78rem;color:var(--color-primary)}.composer-context__copy span{color:var(--color-text-muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer__emoji-shell{position:relative}.composer textarea{flex:1;min-width:0;min-height:2.65rem;max-height:12rem;padding:.62rem .75rem;background:var(--color-surface-muted);font-size:.92rem}.composer__icon,.composer__send{align-self:center}.emoji-picker{position:absolute;left:0;bottom:calc(100% + .6rem);z-index:10;display:grid;gap:.25rem;min-width:16rem;padding:.6rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.75rem;box-shadow:0 8px 24px #0000001f;animation:emoji-picker-in var(--duration-normal) var(--ease-spring);transform-origin:bottom left}@keyframes emoji-picker-in{0%{opacity:0;transform:scale(.9) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.emoji-picker__row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.15rem}.emoji-picker__button{display:grid;place-items:center;width:100%;aspect-ratio:1;padding:0;font-size:1.3rem;background:transparent;border:0;border-radius:.5rem}.emoji-picker__button:hover{background:var(--hover-bg)}.details-panel{display:grid;gap:0;align-content:start;padding:0;background:var(--color-bg);border-left:1px solid var(--color-border);overflow:auto;animation:details-slide-in var(--duration-moderate) var(--ease-decelerate)}@keyframes details-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.detail-card{display:grid;gap:.65rem;padding:.8rem .85rem;border-bottom:1px solid var(--color-border)}.detail-card--hero{justify-items:center;text-align:center}.details-panel__top-row{display:flex;align-items:center;gap:.5rem;width:100%}.details-panel__close{display:none}@media(max-width:1220px){.details-panel__close{display:inline-flex}.details-panel{padding-top:env(safe-area-inset-top,0px)}}.detail-card--hero .eyebrow{justify-self:start}.detail-card--nested{background:var(--color-surface-muted);box-shadow:none}.profile-avatar-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.75rem .85rem;background:var(--color-surface-muted);border:0;border-radius:.75rem}.profile-avatar-card .avatar{width:3.5rem}.profile-avatar-card__copy{min-width:0}.profile-avatar-card__copy strong{display:block}.detail-list,.metric-grid,.health-grid,.member-stack,.call-log{display:grid;gap:.45rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid dt{color:var(--color-text-muted);font-size:.78rem}.metric-grid dd{margin:.1rem 0 0;font-family:var(--font-heading);font-size:1.05rem}.status-pill{justify-content:flex-start;padding:.45rem .65rem;background:#e539350f;border:1px solid rgba(229,57,53,.1);border-radius:.6rem}.status-pill--ok{background:#31b56b14;border-color:#31b56b1f;color:#1f6e45}.member-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;align-items:center}.member-row strong,.room-row strong{display:block}.modal{position:fixed;inset:0;display:grid;place-items:center;width:100%;height:100dvh;padding:1rem;background:#0006;border:0;animation:overlay-fade-in var(--duration-fast) var(--ease-default)}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.modal::backdrop{background:#0006}.modal-card,.call-modal{width:min(100%,30rem);animation:modal-scale-in var(--duration-enter) var(--ease-spring)}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-card__header,.modal-card__actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.modal-card__actions{flex-wrap:wrap}.modal--profile{z-index:200}.profile-viewer{position:relative;display:grid;justify-items:center;gap:.35rem;background:var(--color-surface);border-radius:1rem;padding:2rem 2.5rem 1.8rem;max-width:22rem;width:100%;text-align:center;box-shadow:0 16px 48px #0000002e;animation:profile-scale-in var(--duration-enter) var(--ease-spring)}@keyframes profile-scale-in{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes profile-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.profile-viewer__close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border-radius:50%;font-size:1rem;display:grid;place-items:center}.profile-viewer__hero{position:relative;display:inline-flex;border-radius:50%;overflow:hidden}.profile-viewer__avatar-btn{all:unset;cursor:pointer;border-radius:50%}.profile-viewer__avatar-btn:disabled{cursor:default}.profile-viewer__avatar-btn .avatar{width:7rem;height:7rem;font-size:2.5rem}.profile-viewer__avatar-hover{position:absolute;inset:0;display:grid;place-items:center;background:#00000059;border-radius:50%;opacity:0;transition:opacity .18s ease;pointer-events:none}.profile-viewer__avatar-btn:hover .profile-viewer__avatar-hover{opacity:1}.profile-viewer__avatar-btn:disabled .profile-viewer__avatar-hover{display:none}.profile-viewer h2{margin:.6rem 0 0;font-size:1.25rem;font-family:var(--font-heading);letter-spacing:-.02em;word-break:break-word}.profile-viewer__user-id{color:var(--color-text-muted);font-size:.85rem;word-break:break-all;-webkit-user-select:all;user-select:all}.profile-viewer__actions{margin-top:.85rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}[data-theme=dark] .profile-viewer{box-shadow:0 16px 48px #00000073}.modal--image{background:#000000d9;cursor:pointer}.modal--image .image-viewer,.call-modal{width:min(100%,88rem)}.image-viewer{position:relative;display:flex;align-items:center;justify-content:center;max-width:80rem;overflow:hidden;border-radius:.75rem;cursor:default}.image-viewer img{max-width:90vw;max-height:90dvh;object-fit:contain;border-radius:.5rem}.image-viewer__video{display:block;width:min(100%,72rem);max-height:84dvh;background:#000}.image-viewer__close{position:absolute;top:.75rem;right:.75rem;z-index:1;color:#fff;background:#00000080;border-radius:50%;width:2.25rem;height:2.25rem;font-size:1.1rem}.modal--media-preview{background:#000000b3}.media-preview{display:flex;flex-direction:column;width:min(28rem,92vw);max-height:90dvh;background:var(--color-surface);border-radius:1rem;overflow:hidden}.media-preview__header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.media-preview__close{font-size:1.1rem}.media-preview__title{font-weight:600}.media-preview__body{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;min-height:0;overflow:hidden}.media-preview__body img,.media-preview__body video{max-width:100%;max-height:60dvh;border-radius:.5rem;object-fit:contain}.media-preview__footer{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--color-border)}.media-preview__caption{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:1.25rem;background:var(--color-bg);font:inherit;font-size:.9rem;outline:none}.media-preview__caption:focus{border-color:var(--color-primary)}.media-preview__send{flex-shrink:0}.message-caption{margin:.25rem 0 0;font-size:.9rem;white-space:pre-wrap;word-break:break-word}.video-note-recorder{width:min(100%,30rem);padding:1.2rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:1rem}.video-note-recorder__body{display:grid;gap:1rem;margin-top:1rem}.video-note-recorder__preview-shell{display:grid;place-items:center}.video-note-recorder__preview{width:min(18rem,100%);aspect-ratio:1;object-fit:cover;background:var(--hover-bg);border-radius:50%}.video-note-recorder__status{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .8rem;background:var(--color-surface-muted);border:0;border-radius:.75rem}.video-note-recorder__status span{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.video-note-recorder__controls{display:flex;justify-content:center}.video-note-recorder__record-button{min-width:12rem}.audio-note-recorder{width:min(100%,28rem);padding:1.2rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:1rem}.audio-note-recorder__body{display:grid;gap:1rem;margin-top:1rem}.audio-note-recorder__pulse-shell{display:grid;place-items:center;min-height:10rem}.audio-note-recorder__pulse{width:7rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,var(--color-primary),rgba(51,144,236,.3))}.audio-note-recorder__pulse--recording{animation:tg-call-pulse 1.6s ease-out infinite}.call-modal{display:grid;gap:1rem;padding:1.2rem}.call-surface{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,290px);gap:1rem;align-items:start}.call-surface iframe{width:100%;min-height:72dvh;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg)}.call-sidebar{display:grid;gap:.65rem;padding:.85rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.75rem}.call-log span{padding:.4rem .55rem;border-radius:.5rem;background:var(--color-surface-muted);border:0;font-size:.84rem}.call-dock{position:fixed;right:.75rem;bottom:.75rem;display:grid;gap:.1rem;min-width:16rem;padding:.7rem .85rem;color:#fff;background:var(--color-primary);border-radius:.85rem;box-shadow:0 8px 20px #3390ec4d;text-align:left}.call-dock span{color:#fffc;font-size:.82rem}.modal--call{place-items:stretch;padding:0;margin:0;max-width:none;max-height:none;background:transparent}.modal--call::backdrop{background:transparent}.modal--incoming-call::backdrop{background:#00000073}.incoming-call{width:min(340px,calc(100vw - 32px));padding:24px 20px;border-radius:16px;background:var(--color-bg);box-shadow:0 16px 48px #0003;display:grid;justify-items:center;gap:10px;text-align:center}.incoming-call .avatar{width:80px;height:80px;font-size:1.8rem}.incoming-call h2,.incoming-call p{margin:0}.incoming-call p{color:var(--color-text-muted)}.incoming-call__actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}.incoming-call__actions--single{grid-template-columns:minmax(0,1fr)}.tg-call{position:relative;width:100%;height:100dvh;color:#f8fbff;background:#000;overflow:hidden}.tg-call__topbar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem 0;padding-top:calc(.75rem + env(safe-area-inset-top,0px));background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent)}.tg-call__back-btn{display:grid;place-items:center;width:2.5rem;height:2.5rem;color:#ffffffbf;background:#ffffff14;border:0;border-radius:50%;cursor:pointer;transition:background .15s}.tg-call__back-btn:hover{background:#ffffff24}.tg-call__back-btn svg{width:1.4rem;height:1.4rem}.tg-call__topbar-info{display:flex;flex-direction:column;gap:.1rem}.tg-call__topbar-label{font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ffffff73}.tg-call__participants,.tg-call__participant-chip{display:flex;align-items:center}.tg-call__voice-stage h3{margin:0;font-family:var(--font-heading);font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:600;letter-spacing:-.01em}.tg-call__voice-stage p,.tg-call__participant-chip span,.tg-call__timer,.tg-call__btn-wrap>span{margin:0;color:#fff9}.tg-call__timer{font-variant-numeric:tabular-nums;font-size:.85rem;color:#ffffff8c}.tg-call__stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.tg-call__video-stage,.tg-call__preview-video{width:100%;height:100%;object-fit:cover;background:#ffffff08}.tg-call__video-stage{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;border-radius:0}.tg-call__video--mirrored{transform:scaleX(-1)}.tg-call__voice-stage{display:grid;justify-items:center;gap:.85rem;text-align:center}.tg-call__stage--ringing{overflow:hidden}.tg-call__voice-stage--ringing{position:relative;gap:1rem;min-height:min(30rem,50dvh);align-content:center;padding:2rem 1rem}.tg-call__voice-stage--ringing:before,.tg-call__voice-stage--ringing:after{content:"";position:absolute;left:50%;top:50%;width:min(24rem,56vw);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.tg-call__voice-stage--ringing:before{background:radial-gradient(circle,rgba(83,171,245,.15) 0%,transparent 70%);animation:tg-call-orb 3.2s ease-in-out infinite}.tg-call__voice-stage--ringing:after{width:min(32rem,72vw);background:radial-gradient(circle,rgba(90,178,245,.08) 0%,transparent 70%);animation:tg-call-orb 4.4s ease-in-out infinite reverse}.tg-call__status-text{position:relative;display:inline-flex;align-items:center;gap:.2rem;min-height:1.5rem}.tg-call__status-text:after{content:"";width:1.3rem;height:.35rem;background:radial-gradient(circle,rgba(255,255,255,.7) 0 42%,transparent 48%) left center / .3rem .3rem no-repeat,radial-gradient(circle,rgba(255,255,255,.7) 0 42%,transparent 48%) center center / .3rem .3rem no-repeat,radial-gradient(circle,rgba(255,255,255,.7) 0 42%,transparent 48%) right center / .3rem .3rem no-repeat;opacity:.35;animation:tg-call-dots 1.2s steps(3,end) infinite}.tg-call__self-preview{position:absolute;top:4rem;right:1rem;z-index:3;width:7.5rem;border-radius:.85rem;overflow:hidden;box-shadow:0 2px 12px #0006;background:#00000059;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tg-call__preview-video{aspect-ratio:3 / 4;border-radius:.85rem}.tg-call__participants{position:absolute;left:1rem;right:1rem;bottom:.85rem;gap:.55rem;justify-content:center;flex-wrap:wrap}.tg-call__participant-chip{gap:.55rem;min-width:12rem;padding:.55rem .7rem;background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:.75rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tg-call__participant-chip strong{display:block;margin-bottom:.1rem}.tg-call__controls{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;gap:1.4rem;justify-content:center;padding:1.5rem 1rem 2rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.tg-call__btn-wrap{display:flex;flex-direction:column;align-items:center;gap:.45rem}.tg-call__btn-wrap>span{font-size:.7rem;font-weight:500}.tg-call__round-btn{display:grid;place-items:center;width:3.4rem;height:3.4rem;color:#fff;background:#ffffff1f;border:0;border-radius:50%;cursor:pointer;transition:background .15s}.tg-call__round-btn svg{width:1.55rem;height:1.55rem}.tg-call__round-btn:hover{background:#fff3}.tg-call__round-btn--off{color:#ffccd2;background:#ff505040}.tg-call__round-btn--off:hover{background:#ff505059}.tg-call__round-btn--active{color:#c5f5e8;background:#41cbb040}.tg-call__round-btn--end{width:3.8rem;height:3.8rem;background:#e5484d}.tg-call__round-btn--end:hover{background:#d93d42}.tg-call__round-btn--end svg{width:1.8rem;height:1.8rem}.tg-call__btn-with-arrow{position:relative;display:flex;flex-direction:column;align-items:center}.tg-call__device-arrow{position:absolute;bottom:-.3rem;display:grid;place-items:center;width:1.4rem;height:1.4rem;padding:0;color:#fff;background:#ffffff38;border:0;border-radius:50%;cursor:pointer;transition:background .15s}.tg-call__device-arrow:hover{background:#ffffff59}.tg-call__device-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);z-index:20;min-width:14rem;max-width:calc(100vw - 2rem);background:#1e1e26f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.75rem;padding:.35rem;box-shadow:0 8px 32px #00000080}.tg-call__device-menu-header{padding:.5rem .75rem .3rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffff73}.tg-call__device-option{display:block;width:100%;padding:.55rem .75rem;text-align:left;font-size:.85rem;color:#fff;background:transparent;border:0;border-radius:.5rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-call__device-option:hover{background:#ffffff1a}.tg-call__device-option--active{background:#ffffff1f;font-weight:600}.tg-call__device-option--empty{color:#fff6;cursor:default}.tg-call__avatar{display:grid;place-items:center;width:2.65rem;aspect-ratio:1;color:#fff;background:var(--color-primary);border-radius:50%;font-family:var(--font-heading);font-weight:700}.tg-call__avatar--large{width:clamp(8rem,15vw,11rem);font-size:clamp(2.8rem,6vw,4rem)}.tg-call__avatar--ringing{position:relative;isolation:isolate}.tg-call__avatar--ringing:before,.tg-call__avatar--ringing:after{content:"";position:absolute;inset:-.75rem;border-radius:50%;border:2px solid rgba(110,197,255,.25);opacity:0;z-index:-1}.tg-call__avatar--ringing:before{animation:tg-call-ripple 2.4s ease-out infinite}.tg-call__avatar--ringing:after{animation:tg-call-ripple 2.4s ease-out 1.2s infinite}.tg-call__avatar--speaking{position:relative}.tg-call__avatar--speaking:after{content:"";position:absolute;inset:-.4rem;border:2px solid rgba(90,207,174,.45);border-radius:50%;animation:tg-call-pulse 1.7s ease-out infinite}.tg-call__error{position:absolute;left:50%;bottom:5.5rem;width:min(26rem,calc(100% - 2rem));padding:.85rem 1rem;color:#fff;background:#e5484de6;border:0;border-radius:.75rem;transform:translate(-50%)}.tg-call__error strong,.tg-call__error p{margin:0}.tg-call__error p{margin-top:.25rem;color:#ffffffd9;font-size:.88rem}@keyframes tg-call-pulse{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.12)}}@keyframes tg-call-ripple{0%{opacity:0;transform:scale(.88)}18%{opacity:.65}to{opacity:0;transform:scale(1.3)}}@keyframes tg-call-orb{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(.95)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}@keyframes tg-call-dots{0%,20%{opacity:.2;transform:translateY(0)}50%{opacity:.95;transform:translateY(-.05rem)}to{opacity:.35;transform:translateY(0)}}.verification-modal{text-align:center;max-width:22rem}.verification-modal h2{margin:0 0 .5rem;font-size:1.15rem}.verification-modal p{margin:0 0 1rem;font-size:.88rem}.sas-emoji-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1.25rem 0}.sas-emoji{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:3.5rem}.sas-emoji__icon{font-size:2rem;line-height:1}.sas-emoji__name{font-size:.65rem;color:var(--color-text-muted);text-transform:capitalize}.verification-modal__actions{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.ghost-button--small{padding:.25rem .5rem;font-size:.72rem}.toast{position:fixed;right:.75rem;bottom:.75rem;max-width:22rem;padding:.75rem .9rem;color:#fff;background:#e5484df2;border-radius:.65rem;box-shadow:0 8px 20px #00000026;font-size:.88rem}.recovery-code{display:block;padding:.6rem .75rem;overflow-wrap:anywhere;color:var(--color-text);background:var(--color-surface-muted);border:0;border-radius:.6rem;font-family:monospace;font-size:.85rem}.empty-state{gap:.5rem;padding:2rem}.empty-state--inline{min-height:auto;padding:2rem 1rem}.status,.text-danger{color:#e53935}.status--error{padding:.6rem .75rem;background:#e539350f;border:1px solid rgba(229,57,53,.1);border-radius:.6rem}@media(max-width:1220px){.app-shell,.app-shell--details-open{grid-template-columns:300px minmax(0,1fr)}.details-panel{position:fixed;inset:0;z-index:90;height:100dvh;border-left:0;animation:ctx-fade-in var(--duration-normal) var(--ease-default)}.auth-form__logo{width:120px;height:120px}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0}.sidebar--hidden-mobile,.workspace--hidden-mobile{display:none}.workspace-header{margin-top:0;padding-top:calc(.55rem + env(safe-area-inset-top,0px));padding-right:calc(.75rem + env(safe-area-inset-right,0px))}.workspace-header__back{display:inline-flex}.timeline,.room-list{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.call-surface{grid-template-columns:1fr}.call-surface iframe{min-height:56dvh}.tg-call__topbar,.tg-call__controls{padding-left:.75rem;padding-right:.75rem}.tg-call__self-preview{width:6.5rem}}@media(max-width:640px){.sidebar{padding-left:0;padding-right:0}.brand-card{padding-left:.75rem;padding-right:.6rem}.search-field,.room-row{padding-left:.6rem;padding-right:.6rem}.modal-card,.call-modal{border-radius:.85rem}.timeline{padding:.6rem}.workspace-header{padding:.45rem .6rem;padding-top:calc(.45rem + env(safe-area-inset-top,0px))}.composer{gap:.25rem;padding:.3rem .35rem;padding-bottom:calc(.3rem + env(safe-area-inset-bottom,0px));background:transparent;border-top:none}.composer__pill{background:color-mix(in srgb,var(--color-surface-muted) 60%,transparent);border:1px solid var(--color-border);border-radius:1.4rem;padding:0 .1rem}.composer__pill textarea{min-height:2.35rem;padding:.52rem .25rem;background:transparent;border-radius:0}.composer__pill textarea:focus{box-shadow:none}.composer .icon-button{width:2.35rem;height:2.35rem}.composer .icon-button--primary{width:2.5rem;height:2.5rem}.message-bubble{max-width:88%}.workspace-header__actions{gap:.15rem}.workspace-header__back,.workspace-header__actions .icon-button{width:2.25rem;height:2.25rem}.vnote{width:12rem}.profile-avatar-card{grid-template-columns:auto minmax(0,1fr)}.profile-avatar-card .ghost-button{grid-column:1 / -1}.emoji-picker{left:auto;right:0;min-width:14rem}.video-note-recorder{padding:1rem;border-radius:.85rem}.tg-call__topbar{padding-top:calc(.65rem + env(safe-area-inset-top,0px))}.tg-call__self-preview{top:3.5rem;right:.65rem;width:5.5rem;border-radius:.65rem}.tg-call__participants{position:static;margin-top:.65rem}.tg-call__controls{gap:.8rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.tg-call__round-btn{width:3rem;height:3rem}.tg-call__round-btn--end{width:3.4rem;height:3.4rem}.tg-call__error{bottom:5rem;width:calc(100% - 1rem)}.modal--profile{place-items:end center}.profile-viewer{max-width:100%;border-radius:1rem 1rem 0 0;padding:1.8rem 1.5rem calc(1.8rem + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 32px #00000026;animation:profile-slide-up var(--duration-moderate) var(--ease-decelerate)}.profile-viewer__avatar-btn .avatar{width:6rem;height:6rem;font-size:2.2rem}.settings-profile-hero .avatar{width:5rem;height:5rem;font-size:1.8rem}}.account-picker-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:2rem 1rem}.account-picker{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;animation:account-picker-in var(--duration-enter) var(--ease-decelerate)}@keyframes account-picker-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.account-picker__logo{width:80px;height:80px;object-fit:contain;margin-bottom:24px;border-radius:1rem}.account-picker__title{margin:0 0 8px;font-size:1.75rem;font-weight:600;font-family:var(--font-heading);letter-spacing:-.02em;text-align:center}.account-picker__subtitle{margin:0 0 24px;color:var(--color-text-muted);font-size:.95rem;text-align:center}.account-picker__list{width:100%;display:grid;gap:0;background:var(--color-surface);border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #00000014}.account-picker__row{display:grid;grid-template-columns:1fr auto;align-items:center;animation:account-row-in var(--duration-normal) var(--ease-decelerate) both}.account-picker__row+.account-picker__row{border-top:1px solid var(--color-border)}@keyframes account-row-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.account-picker__account{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:center;padding:.75rem .85rem;background:transparent;border:0;text-align:left;width:100%;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default)}.account-picker__account:hover{background:var(--hover-bg)}.account-picker__account:active{transform:scale(.98);transition-duration:var(--duration-instant)}.account-picker__info{min-width:0;display:grid;gap:.1rem}.account-picker__info strong{font-size:.92rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-picker__info span{font-size:.82rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-picker__remove{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:transparent;color:var(--color-text-muted);cursor:pointer;margin-right:.5rem;transition:color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.account-picker__remove svg{width:1.1rem;height:1.1rem}.account-picker__remove:hover{color:var(--color-danger);background:#e85d7514}.account-picker__divider{display:flex;align-items:center;width:100%;margin:24px 0;gap:12px;color:var(--color-text-muted);font-size:.85rem}.account-picker__divider:before,.account-picker__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.account-picker__add{width:100%;justify-content:center}[data-theme=dark] .account-picker__list{box-shadow:0 2px 12px #0000004d}@media(max-width:640px){.account-picker__logo{width:64px;height:64px}.account-picker__title{font-size:1.5rem}.account-picker__list{border-radius:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
