:root{--font-family-base:"Segoe UI Variable", "Segoe UI", system-ui;--font-size-caption:.75rem;--font-size-small:.8125rem;--font-size-body:.9375rem;--font-size-title:1.0625rem;--font-size-heading:1.375rem;--font-size-display:2rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-caption:1rem;--line-height-small:1.125rem;--line-height-body:1.375rem;--line-height-title:1.5rem;--line-height-heading:1.75rem;--line-height-display:2.5rem;--space-0-5:.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-full:999px;--icon-size-sm:1rem;--icon-size-md:1.25rem;--icon-size-lg:2rem;--icon-stroke-sm:2.2;--icon-stroke-md:1.75;--icon-stroke-lg:1.1;--size-control-sm:2.25rem;--size-control-md:2.5rem;--size-avatar-sm:2rem;--size-avatar-md:2.75rem;--size-avatar-xl:5rem;--size-thumb:3rem;--size-sticker:8.5rem;--size-reaction:1.625rem;--size-switch-width:2.5rem;--size-switch-height:1.5rem;--size-progress:.25rem;--size-speaking-ring:3px;--size-record-dot:.625rem;--size-window-bar:2.25rem;--size-brand-mark:3rem;--size-presence:.75rem;--size-presence-ring:2px;--size-badge:1.125rem;--size-border:1px;--size-focus-ring:2px;--size-quote-bar:2px;--size-current-bar:3px;--layout-sidebar-width:clamp(17.5rem, 25vw, 22.5rem);--layout-header-height:4rem;--layout-thread-width:46rem;--layout-thread-min-height:12rem;--layout-call-status-min:10rem;--layout-bubble-max:80%;--layout-composer-max-height:9.5rem;--layout-media-width:20rem;--layout-voice-width:17rem;--layout-file-width:16rem;--layout-menu-width:14rem;--layout-dialog-width:26rem;--layout-card-width:25rem;--layout-window-width:30rem;--layout-page-width:78rem;--layout-frame-height:38rem;--layout-settings-width:40rem;--layout-field-width:18rem;--layout-strip-width:12.5rem;--layout-self-width:13rem;--layout-viewport-height:100dvh;--layout-viewport-top:0px;--layer-tooltip:3;--duration-fast:.12s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-surface:#faf7f0;--color-surface-sunken:#f1ebdf;--color-surface-raised:#fffdf8;--color-surface-hover:#e9e2d4;--color-surface-active:#e0d8c8;--color-border:#e2dacb;--color-border-strong:#746c5e;--color-scrollbar:#cfc6b5;--color-text:#29251f;--color-text-secondary:#5f574b;--color-accent:#3f6140;--color-accent-hover:#355435;--color-accent-pressed:#2c472d;--color-accent-text:#3a5a3b;--color-on-accent:#fbf8f1;--color-strong:#29251f;--color-strong-hover:#423c33;--color-on-strong:#fbf8f1;--color-danger:#a8402c;--color-danger-hover:#923624;--color-on-danger:#fbf8f1;--color-bubble-in:#f0eadd;--color-bubble-out:#e3e9d6;--color-call-surface:#d6e0c8;--color-call-control-hover:#c9d6b9;--color-avatar-sand:#e6d9c0;--color-avatar-clay:#e7d2c3;--color-avatar-moss:#d6dfc8;--color-avatar-stone:#dcd6cb;--color-focus:#3a5a3b;--color-highlight:#cfdcb8;--color-reaction:#e4dccd;--color-reaction-own:#cfdabc;--color-error-surface:#efdccf;--color-error-text:#5c3524;--color-overlay:#29251f8c;--color-media-sky:#f0e4c6;--color-media-sun:#e8bd6a;--color-media-hill:#a9b98f;--color-media-grass:#7f9a66;--color-media-grass-deep:#5f7d52;--color-media-leaf:#4f7150;--color-media-trunk:#7a5a40;--color-media-wood:#a67f5a;--color-media-wall:#efe3cb;--color-media-roof:#b0654a;--color-media-window:#e9d9ae;--color-media-water:#9db8a8;--color-media-fruit:#c0563c;--color-media-fur:#8fae7e;--color-media-fur-deep:#6a8a5c;--color-media-blush:#dd9f86;--color-media-figure:#3a4433;--color-media-figure-alt:#6b5a47;--color-media-ink:#29251f;--color-media-paper:#fbf8f1;--color-media-line:#d9cfbb;--color-media-stage:#24221e;--color-media-scrim:#1f1d1a;--color-media-text:#fbf8f1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-surface:#1f1d1a;--color-surface-sunken:#191815;--color-surface-raised:#2a2824;--color-surface-hover:#2c2925;--color-surface-active:#37332d;--color-border:#322f2a;--color-border-strong:#8d8676;--color-scrollbar:#4a453d;--color-text:#f0ebe1;--color-text-secondary:#b8b0a1;--color-accent:#a8c69a;--color-accent-hover:#b8d3ab;--color-accent-pressed:#98b88a;--color-accent-text:#b2d0a4;--color-on-accent:#1a2417;--color-strong:#f0ebe1;--color-strong-hover:#d9d3c7;--color-on-strong:#1f1d1a;--color-danger:#e08a72;--color-danger-hover:#e9a08b;--color-on-danger:#1f1d1a;--color-bubble-in:#2b2925;--color-bubble-out:#2d3829;--color-call-surface:#263322;--color-call-control-hover:#2f3e29;--color-avatar-sand:#3c3528;--color-avatar-clay:#40312a;--color-avatar-moss:#313d2c;--color-avatar-stone:#38352f;--color-focus:#b2d0a4;--color-highlight:#4c6141;--color-reaction:#3a3631;--color-reaction-own:#36462f;--color-error-surface:#40302a;--color-error-text:#efcdb9;--color-overlay:#0b0a09b3}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-surface:#1f1d1a;--color-surface-sunken:#191815;--color-surface-raised:#2a2824;--color-surface-hover:#2c2925;--color-surface-active:#37332d;--color-border:#322f2a;--color-border-strong:#8d8676;--color-scrollbar:#4a453d;--color-text:#f0ebe1;--color-text-secondary:#b8b0a1;--color-accent:#a8c69a;--color-accent-hover:#b8d3ab;--color-accent-pressed:#98b88a;--color-accent-text:#b2d0a4;--color-on-accent:#1a2417;--color-strong:#f0ebe1;--color-strong-hover:#d9d3c7;--color-on-strong:#1f1d1a;--color-danger:#e08a72;--color-danger-hover:#e9a08b;--color-on-danger:#1f1d1a;--color-bubble-in:#2b2925;--color-bubble-out:#2d3829;--color-call-surface:#263322;--color-call-control-hover:#2f3e29;--color-avatar-sand:#3c3528;--color-avatar-clay:#40312a;--color-avatar-moss:#313d2c;--color-avatar-stone:#38352f;--color-focus:#b2d0a4;--color-highlight:#4c6141;--color-reaction:#3a3631;--color-reaction-own:#36462f;--color-error-surface:#40302a;--color-error-text:#efcdb9;--color-overlay:#0b0a09b3}*,:before,:after{box-sizing:border-box}body{background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}button,textarea{color:inherit;font:inherit;margin:0}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible,.is-focus{outline:var(--size-focus-ring) solid var(--color-focus);outline-offset:var(--size-focus-ring)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.icon{width:var(--icon-size-md);height:var(--icon-size-md);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--icon-stroke-md);flex:none}.icon--sm{width:var(--icon-size-sm);height:var(--icon-size-sm);stroke-width:var(--icon-stroke-sm)}.icon--lg{width:var(--icon-size-lg);height:var(--icon-size-lg);stroke-width:var(--icon-stroke-lg)}.app-shell{grid-template-columns:var(--layout-sidebar-width) minmax(0, 1fr);grid-template-rows:minmax(0,1fr);height:100vh;display:grid;overflow:hidden}@supports (height:1dvh){.app-shell{height:var(--layout-viewport-height)}}html.app-locked{overscroll-behavior:none;overflow:hidden}html.viewport-fallback .app-shell{transform:translateY(var(--layout-viewport-top))}.sidebar{background:var(--color-surface-sunken);flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar__header{height:var(--layout-header-height);padding-inline:var(--space-5);flex:none;align-items:center;display:flex}.sidebar__title{font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin:0}.conversation{background:var(--color-surface);flex-direction:column;min-width:0;min-height:0;display:flex;overflow-y:auto}.app-shell--call{grid-template-rows:auto minmax(0,1fr)}.app-shell--call>.sidebar{grid-area:1/1/span 2}.app-shell--call>.call-area{background:var(--color-surface);grid-area:1/2;min-width:0}.app-shell--call>.conversation{grid-area:2/2}.avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-full);background:var(--color-avatar-stone);color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.avatar--sm{width:var(--size-avatar-sm);height:var(--size-avatar-sm);font-size:var(--font-size-caption)}.avatar--sand{background:var(--color-avatar-sand)}.avatar--clay{background:var(--color-avatar-clay)}.avatar--moss{background:var(--color-avatar-moss)}.avatar--stone{background:var(--color-avatar-stone)}.presence{right:calc(var(--space-0-5) * -1);bottom:calc(var(--space-0-5) * -1);width:var(--size-presence);height:var(--size-presence);border:var(--size-presence-ring) solid var(--presence-ring,var(--color-surface));border-radius:var(--radius-full);background:var(--color-accent);box-sizing:content-box;background-clip:padding-box;position:absolute}.badge{min-width:var(--size-badge);height:var(--size-badge);padding-inline:var(--space-1);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.chat-list{min-height:0;padding:0 var(--space-2) var(--space-2);scrollbar-color:var(--color-scrollbar) transparent;scrollbar-width:thin;flex:1;margin:0;list-style:none;overflow-y:auto}.chat-list__item+.chat-list__item{margin-top:var(--space-0-5)}.chat-list__elsewhere{gap:var(--space-1);margin:var(--space-0-5) var(--space-3) var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);justify-content:flex-end;align-items:center;display:flex}.chat-list__join{width:fit-content;height:var(--size-control-sm);margin:var(--space-0-5) var(--space-3) var(--space-2) auto;font-size:var(--font-size-small);display:flex}.chat-item{--presence-ring:var(--color-surface-sunken);gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);transition:background-color var(--duration-fast) ease-out;align-items:center;text-decoration:none;display:flex;position:relative}.chat-item:hover,.chat-item.is-hover{--presence-ring:var(--color-surface-hover);background:var(--color-surface-hover)}.chat-item[aria-current=true],.chat-item[aria-current=page]{--presence-ring:var(--color-surface-active);background:var(--color-surface-active)}.chat-item[aria-current=true]:before,.chat-item[aria-current=page]:before{content:"";top:var(--space-2);bottom:var(--space-2);width:var(--size-current-bar);border-radius:var(--radius-full);background:var(--color-accent);position:absolute;left:0}.chat-item:focus-visible,.chat-item.is-focus{outline-offset:calc(var(--size-focus-ring) * -1)}.chat-item__body{gap:var(--space-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.chat-item__row{gap:var(--space-2);align-items:baseline;min-width:0;display:flex}.chat-item__name{min-width:0;font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chat-item__time{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;line-height:var(--line-height-caption);flex:none}.chat-item__preview{gap:var(--space-1);min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);flex:1;align-items:center;display:flex}.chat-item__preview-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-item--unread .chat-item__name{font-weight:var(--font-weight-semibold)}.chat-item--unread .chat-item__preview{color:var(--color-text)}.conversation-header{gap:var(--space-3);height:var(--layout-header-height);padding-inline:var(--space-6);border-bottom:var(--size-border) solid var(--color-border);flex:none;align-items:center;display:flex}.conversation-header__text{flex:1;min-width:0}.conversation-header__title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-title);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.conversation-header__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.icon-button{width:var(--size-control-md);height:var(--size-control-md);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background-color var(--duration-fast) ease-out, color var(--duration-fast) ease-out;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover,.icon-button.is-hover{background:var(--color-surface-hover);color:var(--color-text)}.icon-button:active,.icon-button.is-active{background:var(--color-surface-active);color:var(--color-text)}.icon-button--sm{width:var(--size-control-sm);height:var(--size-control-sm)}.icon-button--primary,.icon-button[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent)}.icon-button--primary:hover,.icon-button--primary.is-hover,.icon-button[aria-pressed=true]:hover,.icon-button[aria-pressed=true].is-hover{background:var(--color-accent-hover);color:var(--color-on-accent)}.icon-button--primary:active,.icon-button--primary.is-active,.icon-button[aria-pressed=true]:active,.icon-button[aria-pressed=true].is-active{background:var(--color-accent-pressed);color:var(--color-on-accent)}.icon-button:disabled{background:var(--color-surface-active);color:var(--color-text-secondary)}.call-bar{gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-6);background:var(--color-call-surface);color:var(--color-text);flex-wrap:wrap;flex:none;align-items:center;display:flex}.call-bar__status{flex:1 1 var(--layout-call-status-min);min-width:var(--layout-call-status-min)}.call-bar__title{gap:var(--space-2);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;display:flex}.call-bar__timer{color:var(--color-text-secondary);font-size:var(--font-size-small);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-regular)}.call-bar__people{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-bar__controls{gap:var(--space-2);flex-wrap:wrap;align-items:center;min-width:0;max-width:100%;display:flex}.call-bar__notice{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);flex-basis:100%;margin:0}.call-bar__name{text-overflow:ellipsis;min-width:0;overflow:hidden}.call-bar__state,.call-bar__hint{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);margin:0}ul.call-bar__people{gap:0 var(--space-3);white-space:normal;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.call-bar__person{overflow-wrap:anywhere;min-width:0}.call-bar__person--speaking{color:var(--color-text);font-weight:var(--font-weight-medium)}.call-bar__alert{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.call-bar__alert p{margin:0}.call-bar__error{color:var(--color-error-text)}.call-control[aria-disabled=true]{color:var(--color-text-secondary);cursor:not-allowed;background:0 0;border-style:dashed}.call-bar .call-control{height:auto;min-height:var(--size-control-sm);padding-block:var(--space-1);white-space:normal}.call-banner__join[aria-disabled=true],.chat-list__join[aria-disabled=true],.icon-button[aria-disabled=true]{opacity:.6;cursor:not-allowed}.call-control{gap:var(--space-2);height:var(--size-control-sm);padding-inline:var(--space-3);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background-color var(--duration-fast) ease-out, border-color var(--duration-fast) ease-out;background:0 0;align-items:center;display:inline-flex}.call-control:hover,.call-control.is-hover{background:var(--color-call-control-hover)}.call-control[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.call-control[aria-pressed=true]:hover,.call-control[aria-pressed=true].is-hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.call-control:disabled{color:var(--color-text-secondary);background:0 0;border-style:dashed}.call-control--leave{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-on-danger)}.call-control--leave:hover,.call-control--leave.is-hover{border-color:var(--color-danger-hover);background:var(--color-danger-hover)}.call-control--icon,.call-bar .call-control--icon{width:var(--size-control-md);height:var(--size-control-md);flex:none;justify-content:center;min-height:0;padding:0;position:relative}.tooltip{top:calc(100% + var(--space-1));z-index:var(--layer-tooltip);width:max-content;max-width:var(--layout-menu-width);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-strong);color:var(--color-on-strong);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-small);text-align:left;white-space:normal;pointer-events:none;display:none;position:absolute;left:50%;transform:translate(-50%)}.call-bar__controls .tooltip{max-width:calc(var(--size-control-md) * 3 + var(--space-2) * 2)}:first-child>.tooltip{left:0;transform:none}:last-child>.tooltip{left:auto;right:0;transform:none}:focus-visible>.tooltip,.is-focus>.tooltip,.is-hover>.tooltip{display:block}@media (hover:hover){:hover>.tooltip{display:block}.call-bar__controls:has(>:hover)>:not(:hover)>.tooltip{display:none}}.tooltip-dismissed>.tooltip,.tooltip-dismissed:hover>.tooltip{display:none}.thread{min-height:var(--layout-thread-min-height);padding:var(--space-4) var(--space-6);scrollbar-color:var(--color-scrollbar) transparent;scrollbar-width:thin;flex-direction:column-reverse;flex:1;display:flex;overflow-y:auto}.thread:focus-visible{outline-offset:calc(var(--size-focus-ring) * -1)}.thread__content{gap:var(--space-4);width:100%;max-width:var(--layout-thread-width);flex-direction:column;flex:none;margin-inline:auto;display:flex}.date-divider{margin-block:var(--space-2);justify-content:center;display:flex}.date-divider__label{padding:var(--space-0-5) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-sunken);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);line-height:var(--line-height-small)}.message-group{gap:var(--space-2);align-items:flex-end;display:flex;position:relative}.message-group--out{justify-content:flex-end}.message-group__stack{gap:var(--space-0-5);min-width:0;max-width:var(--layout-bubble-max);flex-direction:column;align-items:flex-start;display:flex}.message-group--out .message-group__stack{align-items:flex-end}.message-group__sender{max-width:100%;padding-inline:var(--space-3);overflow-wrap:anywhere;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-small)}.message{width:fit-content;max-width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-xs);background:var(--color-bubble-in);color:var(--color-text);scroll-margin-block:var(--space-4);display:flow-root}.message:not(.message--out)+.message{border-top-left-radius:var(--radius-xs)}.message--out{border-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-xs);background:var(--color-bubble-out)}.message--out+.message--out{border-top-right-radius:var(--radius-xs)}.message--deleted{border:var(--size-border) solid var(--color-border);color:var(--color-text-secondary);background:0 0}.message:target{outline:var(--size-focus-ring) solid var(--color-focus);outline-offset:var(--size-focus-ring)}.message__text{overflow-clip-margin:var(--space-2);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;display:flow-root;overflow:clip}.message__deleted-label{gap:var(--space-2);align-items:center;display:inline-flex}.message__meta{float:right;gap:var(--space-1);margin:var(--space-1) 0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;line-height:var(--line-height-caption);white-space:nowrap;align-items:center;display:inline-flex}.message__status{color:var(--color-text-secondary)}.message__status--read{color:var(--color-accent-text)}.message__link{color:var(--color-accent-text);text-underline-offset:.15em;text-decoration-thickness:from-font}.reply-quote{max-width:100%;margin-bottom:var(--space-1);padding-left:var(--space-2);border-left:var(--size-quote-bar) solid var(--color-accent-text);border-radius:var(--size-quote-bar);color:var(--color-text);font-size:var(--font-size-small);line-height:var(--line-height-small);text-decoration:none;display:block}a.reply-quote:hover .reply-quote__text{text-decoration:underline}.reply-quote__author{color:var(--color-accent-text);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.reply-quote__text{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.reply-quote--deleted{border-left-color:var(--color-border-strong)}.reply-quote--deleted .reply-quote__author{color:var(--color-text-secondary)}.reply-quote--deleted .reply-quote__text{font-style:italic}.composer{padding:var(--space-2) var(--space-6) var(--space-5);flex:none}.composer__box{width:100%;max-width:var(--layout-thread-width);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);transition:border-color var(--duration-fast) ease-out;margin-inline:auto}.composer__box.is-focus{outline:var(--size-focus-ring) solid var(--color-focus);outline-offset:var(--size-focus-ring)}@supports selector(:has(*)){.composer__box:has(.composer__input:focus-visible){outline:var(--size-focus-ring) solid var(--color-focus);outline-offset:var(--size-focus-ring)}.composer__input:focus-visible{outline:none}}.composer__reply{gap:var(--space-2);padding:var(--space-2) var(--space-2) 0 var(--space-4);color:var(--color-text-secondary);align-items:center;display:flex}.composer__reply .reply-quote{flex:1;min-width:0;margin-bottom:0}.composer__row{gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);align-items:flex-end;display:flex}.composer__input{min-width:0;min-height:var(--size-control-md);max-height:var(--layout-composer-max-height);padding:var(--space-2) 0;color:var(--color-text);field-sizing:content;resize:none;scrollbar-color:var(--color-scrollbar) transparent;scrollbar-width:thin;background:0 0;border:0;flex:1;display:block}.composer__input::placeholder{color:var(--color-text-secondary);opacity:1}.empty-state{gap:var(--space-1);padding:var(--space-12) var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);text-align:center;flex-direction:column;align-items:center;margin-block:auto;display:flex}.empty-state .icon{margin-bottom:var(--space-2)}.empty-state__title{color:var(--color-text);font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-title);margin:0}.empty-state__text{margin:0}.app-shell--framed{height:100%}.app-shell--layered{position:relative}.conversation-header__actions{gap:var(--space-1);flex:none;display:flex}a.icon-button{text-decoration:none}.icon-button--round{border-radius:var(--radius-full)}.mock-page{max-width:var(--layout-page-width);padding:var(--space-8) var(--space-6) var(--space-12);margin-inline:auto}.mock-page__title{margin:0 0 var(--space-2);font-size:var(--font-size-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-display)}.mock-page__lead{max-width:var(--layout-thread-width);color:var(--color-text-secondary);margin:0}.mock-frame{margin:var(--space-8) 0 0}.mock-frame__title{margin:0 0 var(--space-3);font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-title)}.mock-frame__view{height:var(--layout-frame-height);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-lg);overflow:hidden}.index-section{margin-top:var(--space-8)}.index-section__title{margin:0 0 var(--space-3);font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-title)}.index-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));margin:0;padding:0;list-style:none;display:grid}.index-card{height:100%;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text);transition:background-color var(--duration-fast) ease-out;text-decoration:none;display:block}.index-card:hover{background:var(--color-surface-hover)}.index-card__title{font-weight:var(--font-weight-semibold);display:block}.index-card__text{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);display:block}.index-list{max-width:var(--layout-thread-width);padding-left:var(--space-5);color:var(--color-text-secondary);margin:0}.button{gap:var(--space-2);height:var(--size-control-md);padding-inline:var(--space-4);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background-color var(--duration-fast) ease-out;background:0 0;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button:hover,.button.is-hover{background:var(--color-surface-hover)}.button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.button--primary:hover,.button--primary.is-hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.button--strong{border-color:var(--color-strong);background:var(--color-strong);color:var(--color-on-strong)}.button--strong:hover,.button--strong.is-hover{border-color:var(--color-strong-hover);background:var(--color-strong-hover)}.button:disabled{border-style:dashed;border-color:var(--color-border-strong);color:var(--color-text-secondary);background:0 0}.sidebar__search{padding:0 var(--space-3) var(--space-2);flex:none}.search-field{gap:var(--space-2);height:var(--size-control-md);padding-inline:var(--space-3) var(--space-1);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-secondary);align-items:center;display:flex}.search-field:focus-within,.search-field.is-focus{outline:var(--size-focus-ring) solid var(--color-focus);outline-offset:var(--size-focus-ring)}.search-field__input{min-width:0;color:var(--color-text);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.search-field__input::placeholder{color:var(--color-text-secondary);opacity:1}.search-field__input::-webkit-search-cancel-button{appearance:none}.search-field .icon-button{width:var(--size-control-sm);height:var(--size-control-sm);flex:none}.search-summary{padding:var(--space-1) var(--space-5) var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);flex:none}.search-results{min-height:0;padding:0 var(--space-2) var(--space-2);scrollbar-color:var(--color-scrollbar) transparent;scrollbar-width:thin;flex:1;margin:0;list-style:none;overflow-y:auto}.search-result{gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);transition:background-color var(--duration-fast) ease-out;align-items:flex-start;text-decoration:none;display:flex}.search-result:hover,.search-result.is-hover{background:var(--color-surface-hover)}.search-result[aria-current=true]{background:var(--color-surface-active)}.search-result:focus-visible{outline-offset:calc(var(--size-focus-ring) * -1)}.search-result__body{flex:1;min-width:0}.search-result__head{gap:var(--space-2);align-items:baseline;display:flex}.search-result__chat{min-width:0;font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.search-result__time{color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:var(--line-height-caption);flex:none}.search-result__snippet{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);display:block}.search-mark{padding-inline:var(--space-0-5);border-radius:var(--radius-xs);background:var(--color-highlight);color:var(--color-text);font-weight:var(--font-weight-semibold)}.sidebar__empty{flex-direction:column;flex:1;min-height:0;display:flex}.sidebar__footer{padding:var(--space-2);border-top:var(--size-border) solid var(--color-border);flex:none;position:relative}.profile-button{--presence-ring:var(--color-surface-sunken);gap:var(--space-3);width:100%;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);text-align:left;transition:background-color var(--duration-fast) ease-out;background:0 0;border:0;align-items:center;display:flex}.profile-button:hover,.profile-button.is-hover{--presence-ring:var(--color-surface-hover);background:var(--color-surface-hover)}.profile-button[aria-expanded=true]{--presence-ring:var(--color-surface-active);background:var(--color-surface-active)}.user-panel{--presence-ring:var(--color-surface-sunken);gap:var(--space-3);padding-left:var(--space-3);align-items:center;display:flex}.profile-button__name{min-width:0;font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.menu{width:var(--layout-menu-width);padding:var(--space-1);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);margin:0}.menu__header{padding:var(--space-2) var(--space-3)}.menu__name{font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu__hint{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu__divider{height:var(--size-border);margin-block:var(--space-1);background:var(--color-border)}.menu__item{gap:var(--space-3);width:100%;min-height:var(--size-control-sm);padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-small);text-align:left;background:0 0;border:0;align-items:center;text-decoration:none;display:flex}.menu__item:hover,.menu__item.is-hover{background:var(--color-surface-hover)}.popover{z-index:1;position:absolute}.popover--above-message{bottom:100%;left:calc(var(--size-avatar-sm) + var(--space-2));margin-bottom:var(--space-2)}.popover--above-message-out{margin-bottom:var(--space-2);bottom:100%;right:0}.popover--above-footer{right:var(--space-2);bottom:100%;left:var(--space-2);margin-bottom:var(--space-1)}.popover--above-footer .menu{width:100%}.message-actions{gap:var(--space-1);flex-direction:column;align-items:flex-start;display:flex}.message-actions--end{align-items:flex-end}.reaction-picker{gap:var(--space-0-5);padding:var(--space-1);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface-raised);display:flex}.reaction-picker__item{width:var(--size-control-sm);height:var(--size-control-sm);border-radius:var(--radius-full);font-size:var(--font-size-title);background:0 0;border:0;padding:0;line-height:1}.reaction-picker__item:hover,.reaction-picker__item.is-hover{background:var(--color-surface-hover)}.message--selected{outline:var(--size-focus-ring) solid var(--color-focus);outline-offset:var(--size-focus-ring)}.overlay{z-index:2;padding:var(--space-6);background:var(--color-overlay);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dialog{gap:var(--space-4);width:100%;max-width:var(--layout-dialog-width);max-height:100%;padding:var(--space-6);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-text);scrollbar-color:var(--color-scrollbar) transparent;scrollbar-width:thin;flex-direction:column;display:flex;position:relative;overflow-y:auto}.dialog--card{max-width:var(--layout-card-width)}.dialog--center{text-align:center;align-items:center}.dialog__title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-title);margin:0}.dialog__text{color:var(--color-text-secondary);margin:0}.dialog__actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.dialog__close{top:var(--space-2);right:var(--space-2);position:absolute}.dialog .reply-quote{margin-bottom:0}.pick-list{gap:var(--space-0-5);scrollbar-color:var(--color-scrollbar) transparent;scrollbar-width:thin;border:0;flex-direction:column;min-width:0;min-height:0;margin:0;padding:0;display:flex;overflow-y:auto}.pick-row{--presence-ring:var(--color-surface-raised);gap:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;flex:none;align-items:center;display:flex}.pick-row:hover,.pick-row.is-hover{--presence-ring:var(--color-surface-hover);background:var(--color-surface-hover)}.pick-row__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pick-row__input{width:var(--icon-size-sm);height:var(--icon-size-sm);accent-color:var(--color-accent);flex:none;margin:0}.message--flush{width:var(--layout-media-width);padding:0;overflow:hidden}.message--sticker{background:0 0;padding:0}.message__caption{padding:var(--space-2) var(--space-3);display:flow-root}.message__footer{justify-content:flex-end;display:flex}.media{width:100%;height:auto;display:block}.media--cover{height:100%}.photo{height:100%;display:block;position:relative;overflow:hidden}.photo:focus-visible{outline-offset:calc(var(--size-focus-ring) * -1)}.message__photo{position:relative}.media-meta{right:var(--space-2);bottom:var(--space-2);gap:var(--space-1);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);background:var(--color-media-scrim);color:var(--color-media-text);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;line-height:var(--line-height-caption);white-space:nowrap;align-items:center;display:inline-flex;position:absolute}.media-meta .message__status{color:inherit}.album{gap:var(--space-0-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.album__item{aspect-ratio:4/3;min-width:0;position:relative}.album__item--wide{aspect-ratio:8/3;grid-column:1/-1}.album__more{top:var(--space-2);left:var(--space-2);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);background:var(--color-media-scrim);color:var(--color-media-text);font-size:var(--font-size-caption);line-height:var(--line-height-caption);position:absolute}.voice{gap:var(--space-3);width:var(--layout-voice-width);align-items:center;max-width:100%;display:flex}.voice__wave{min-width:0;height:var(--size-control-sm);flex:1}.voice__bar{fill:var(--color-text-secondary)}.voice__bar--played{fill:var(--color-accent-text)}.voice__time{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;line-height:var(--line-height-caption);flex:none}.file-card{gap:var(--space-3);width:var(--layout-file-width);align-items:center;max-width:100%;display:flex}.file-card__icon{width:var(--size-control-md);height:var(--size-control-md);border-radius:var(--radius-sm);background:var(--color-reaction);color:var(--color-text);flex:none;justify-content:center;align-items:center;display:inline-flex}.file-card__body{flex:1;min-width:0}.file-card__name{font-weight:var(--font-weight-medium)}.file-name{min-width:0;display:flex}.file-name__stem{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-name__ext{flex:none}.file-card__size{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small)}.file-card--unknown .file-card__name,.file-card--unknown .file-card__size{overflow-wrap:anywhere}.sticker{width:var(--size-sticker);height:var(--size-sticker);display:block}.reactions{clear:both;gap:var(--space-1);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.reaction{gap:var(--space-1);height:var(--size-reaction);padding-inline:var(--space-2);border:var(--size-border) solid transparent;border-radius:var(--radius-full);background:var(--color-reaction);color:var(--color-text);font-size:var(--font-size-small);font-variant-numeric:tabular-nums;align-items:center;line-height:1;display:inline-flex}.reaction[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-reaction-own);font-weight:var(--font-weight-semibold)}.forward-label{gap:var(--space-1);margin-bottom:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);align-items:center;display:flex}.message__caption .forward-label{margin-bottom:0}.composer__row--tools{padding-left:var(--space-1)}.composer__row--tools .composer__input{padding-inline:var(--space-1)}.attachment-tray{gap:var(--space-1);padding:var(--space-1) var(--space-1) 0;flex-direction:column;display:flex}.attachment{gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-sunken);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;display:grid}.attachment--error{background:var(--color-error-surface);color:var(--color-error-text)}.attachment__thumb{width:var(--size-thumb);height:var(--size-thumb);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex;overflow:hidden}.attachment__body{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.attachment__name{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-small)}.attachment__note{color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.attachment--error .attachment__note{gap:var(--space-1);color:var(--color-error-text);align-items:center;display:flex}.attachment--error .icon-button{color:var(--color-error-text)}.progress{width:100%;height:var(--size-progress);border-radius:var(--radius-full);background:var(--color-surface-active);accent-color:var(--color-accent);appearance:none;border:0;display:block;overflow:hidden}.progress::-webkit-progress-bar{border-radius:var(--radius-full);background:var(--color-surface-active)}.progress::-webkit-progress-value{border-radius:var(--radius-full);background:var(--color-accent)}.progress::-moz-progress-bar{border-radius:var(--radius-full);background:var(--color-accent)}.voice-recorder{gap:var(--space-3);padding:var(--space-1);align-items:center;display:flex}.voice-recorder__dot{width:var(--size-record-dot);height:var(--size-record-dot);border-radius:var(--radius-full);background:var(--color-accent);flex:none}.voice-recorder__time{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);flex:none}.voice-recorder .voice__wave{flex:1}.sticker-panel{padding:var(--space-3) var(--space-3) var(--space-2);border-bottom:var(--size-border) solid var(--color-border)}.sticker-panel__title{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-small)}.sticker-panel__grid{gap:var(--space-1);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.sticker-panel__item{padding:var(--space-1);border-radius:var(--radius-md);background:0 0;border:0}.sticker-panel__item:hover,.sticker-panel__item.is-hover{background:var(--color-surface-hover)}.sticker-panel__item .sticker{width:100%;height:auto}.switch{width:var(--size-switch-width);height:var(--size-switch-height);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-full);cursor:pointer;appearance:none;transition:background-color var(--duration-fast) ease-out;background:0 0;flex:none;margin:0;position:relative}.switch:before{content:"";top:50%;left:var(--space-0-5);width:var(--space-4);height:var(--space-4);border-radius:var(--radius-full);background:var(--color-border-strong);position:absolute;translate:0 -50%}.switch:checked{border-color:var(--color-accent);background:var(--color-accent)}.switch:checked:before{right:var(--space-0-5);background:var(--color-on-accent);left:auto}.segmented{gap:var(--space-0-5);min-width:0;padding:var(--space-0-5);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-md);flex:none;margin:0;display:inline-flex}.segmented__option{position:relative}.segmented__input{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.segmented__label{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);white-space:nowrap;display:block}.segmented__input:checked+.segmented__label{background:var(--color-accent);color:var(--color-on-accent)}.segmented__input:focus-visible+.segmented__label{outline:var(--size-focus-ring) solid var(--color-focus);outline-offset:var(--size-focus-ring)}.input{width:var(--layout-field-width);max-width:100%;height:var(--size-control-md);padding-inline:var(--space-3);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:inherit}.select{width:var(--layout-field-width);flex:none;max-width:100%;display:inline-flex;position:relative}.select__control{width:100%;height:var(--size-control-md);padding:0 var(--space-8) 0 var(--space-3);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:inherit;appearance:none}.select .icon{top:50%;right:var(--space-3);color:var(--color-text-secondary);pointer-events:none;position:absolute;translate:0 -50%}.avatar--xl{width:var(--size-avatar-xl);height:var(--size-avatar-xl);font-size:var(--font-size-heading)}.contact-card__head{gap:var(--space-1);text-align:center;flex-direction:column;align-items:center;display:flex}.contact-card__name{margin:var(--space-1) 0 0;font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.contact-card__login,.contact-card__status{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);margin:0}.contact-card__actions{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.action-tile{gap:var(--space-1);padding:var(--space-2);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-small);background:0 0;flex-direction:column;align-items:center;text-decoration:none;display:flex}.action-tile:hover,.action-tile.is-hover{background:var(--color-surface-hover)}.contact-card__section{gap:var(--space-2);flex-direction:column;display:flex}.contact-card__label{color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-small);margin:0}.thumb-grid{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.thumb-grid__item{aspect-ratio:1;border-radius:var(--radius-sm);height:auto;overflow:hidden}.settings{grid-template-columns:var(--layout-sidebar-width) minmax(0, 1fr);grid-template-rows:minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.settings-nav{gap:var(--space-0-5);min-height:0;padding:var(--space-4) var(--space-2);background:var(--color-surface-sunken);flex-direction:column;display:flex;overflow-y:auto}.settings-nav__back{margin:0 var(--space-3) var(--space-4);align-self:flex-start}.settings-nav__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);transition:background-color var(--duration-fast) ease-out;text-decoration:none;display:block}.settings-nav__link:hover,.settings-nav__link.is-hover{background:var(--color-surface-hover)}.settings-nav__link:focus-visible{outline-offset:calc(var(--size-focus-ring) * -1)}.settings-page{min-height:0;padding:var(--space-4) var(--space-6) var(--space-12);background:var(--color-surface);scrollbar-color:var(--color-scrollbar) transparent;scrollbar-width:thin;overflow-y:auto}.settings-page__content{width:100%;max-width:var(--layout-settings-width);margin-inline:auto}.settings-section{padding-block:var(--space-6);border-bottom:var(--size-border) solid var(--color-border);scroll-margin-top:var(--space-2)}.settings-section:last-child{min-height:calc(100vh - var(--space-4));min-height:calc(100dvh - var(--space-4));border-bottom:0}.settings-section__title{margin:0 0 var(--space-3);font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.setting-row{gap:var(--space-2) var(--space-4);padding-block:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.setting-row__text{flex:12rem;min-width:0}.setting-row__label{font-weight:var(--font-weight-medium);display:block}.setting-row__hint{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small);display:block}.setting-row__meter{flex:0 1 var(--layout-field-width);gap:var(--space-3);align-items:center;min-width:0;display:flex}.window-stage{min-height:100dvh;padding:var(--space-6);background:var(--color-surface-sunken);justify-content:center;align-items:center;display:flex}.app-window{width:100%;max-width:var(--layout-window-width);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.window-bar{height:var(--size-window-bar);padding-left:var(--space-3);border-bottom:var(--size-border) solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:var(--line-height-caption);align-items:center;display:flex}.window-bar__title{flex:1;min-width:0}.window-bar .icon-button{height:var(--size-window-bar);border-radius:0}.first-run{gap:var(--space-5);padding:var(--space-8);flex-direction:column;display:flex}.brand-mark{width:var(--size-brand-mark);height:var(--size-brand-mark);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;line-height:1;display:inline-flex}.first-run__title{font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin:0}.first-run__text{margin:var(--space-1) 0 0;color:var(--color-text-secondary)}.first-run__options{flex-direction:column;display:flex}.first-run__actions{justify-content:flex-end;display:flex}.call-screen{background:var(--color-surface-sunken);height:100dvh;color:var(--color-text);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.call-header{gap:var(--space-3);height:var(--layout-header-height);padding-inline:var(--space-6);align-items:center;display:flex}.call-header__text{flex:1;min-width:0}.call-header__title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-title);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.call-header__status{color:var(--color-text-secondary);font-size:var(--font-size-small);font-variant-numeric:tabular-nums;line-height:var(--line-height-small);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.call-stage{min-width:0;min-height:0;padding:0 var(--space-6) var(--space-4);position:relative}.call-solo{width:100%;height:100%}.call-grid{gap:var(--space-3);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:100%;display:grid}.call-share{grid-template-columns:minmax(0, 1fr) var(--layout-strip-width);gap:var(--space-3);grid-template-rows:minmax(0,1fr);width:100%;height:100%;display:grid}.call-strip{gap:var(--space-3);min-height:0;padding:var(--space-2);scrollbar-color:var(--color-scrollbar) transparent;scrollbar-width:thin;flex-direction:column;display:flex;overflow-y:auto}.call-strip .call-tile{aspect-ratio:4/3;flex:none;height:auto}.call-strip .avatar--xl{width:var(--size-avatar-md);height:var(--size-avatar-md);font-size:var(--font-size-body)}.call-tile{border-radius:var(--radius-lg);background:var(--color-media-stage);width:100%;min-width:0;height:100%;min-height:0;position:relative}.call-tile--speaking{outline:var(--size-speaking-ring) solid var(--color-accent);outline-offset:var(--size-presence-ring)}.call-tile--avatar{background:var(--color-surface-active);justify-content:center;align-items:center;display:flex}.call-tile--self{right:calc(var(--space-6) + var(--space-4));bottom:calc(var(--space-4) + var(--space-4));z-index:1;width:var(--layout-self-width);aspect-ratio:4/3;border:var(--size-border) solid var(--color-media-paper);height:auto;position:absolute}.call-tile__media{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.call-tile__label{bottom:var(--space-2);left:var(--space-2);gap:var(--space-1);max-width:calc(100% - var(--space-4));padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-media-scrim);color:var(--color-media-text);font-size:var(--font-size-small);line-height:var(--line-height-small);align-items:center;display:inline-flex;position:absolute}.call-tile__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.call-panel{gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-call-surface);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.call-panel .call-control--icon{width:var(--size-control-sm);height:var(--size-control-sm)}.m-sky{fill:var(--color-media-sky)}.m-sun{fill:var(--color-media-sun)}.m-hill{fill:var(--color-media-hill)}.m-grass{fill:var(--color-media-grass)}.m-grass-deep{fill:var(--color-media-grass-deep)}.m-leaf{fill:var(--color-media-leaf)}.m-trunk{fill:var(--color-media-trunk)}.m-wood{fill:var(--color-media-wood)}.m-wall{fill:var(--color-media-wall)}.m-roof{fill:var(--color-media-roof)}.m-window{fill:var(--color-media-window)}.m-water{fill:var(--color-media-water)}.m-fruit{fill:var(--color-media-fruit)}.m-fur{fill:var(--color-media-fur)}.m-fur-deep{fill:var(--color-media-fur-deep)}.m-blush{fill:var(--color-media-blush)}.m-figure{fill:var(--color-media-figure)}.m-figure-alt{fill:var(--color-media-figure-alt)}.m-ink{fill:var(--color-media-ink)}.m-paper{fill:var(--color-media-paper)}.m-line{fill:var(--color-media-line)}.m-stage{fill:var(--color-media-stage)}.ms-ink{fill:none;stroke:var(--color-media-ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.ms-thin{stroke-width:2.5px}.ms-check{fill:none;stroke:var(--color-media-paper);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.ms-paper{stroke:var(--color-media-paper);stroke-linejoin:round;stroke-width:10px}.ms-line{fill:none;stroke:var(--color-media-line);stroke-width:2px}dialog.dialog:not([open]){display:none}dialog.dialog:modal{width:calc(100% - 2 * var(--space-4));height:fit-content;max-height:calc(100% - 2 * var(--space-4));margin:auto;position:fixed;inset:0}dialog.dialog::backdrop{background:var(--color-overlay)}.dialog__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-error-surface);color:var(--color-error-text);font-size:var(--font-size-small);line-height:var(--line-height-small);margin:0}.pick-list{list-style:none}button.pick-row{width:100%;color:var(--color-text);text-align:left;background:0 0;border:0}button.pick-row[aria-disabled=true]{color:var(--color-text-secondary);cursor:not-allowed}.popover--fixed{position:fixed}.message__link{direction:ltr;unicode-bidi:isolate}.icon-button[aria-expanded=true]{background:var(--color-accent);color:var(--color-on-accent)}.icon-button[aria-expanded=true]:hover,.icon-button[aria-expanded=true].is-hover{background:var(--color-accent-hover);color:var(--color-on-accent)}.message--failed{background:var(--color-error-surface);color:var(--color-error-text)}.message--failed .message__meta,.message--failed .message__status{color:var(--color-error-text)}.message__actions{clear:both;gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.message__actions .button{height:var(--size-control-sm);padding-inline:var(--space-3)}.message--failed .message__actions .button{border-color:var(--color-error-text);color:var(--color-error-text)}.composer__note{padding:0 var(--space-4) var(--space-2);color:var(--color-error-text);font-size:var(--font-size-small);line-height:var(--line-height-small);margin:0}.composer__note:empty{padding:0}.emoji-panel{max-height:calc(var(--size-control-md) * 5 + var(--space-8));padding:var(--space-3) var(--space-3) var(--space-2);border-bottom:var(--size-border) solid var(--color-border);scrollbar-color:var(--color-scrollbar) transparent;scrollbar-width:thin;overflow-y:auto}@supports (height:1dvh){.emoji-panel{max-height:min(calc(var(--size-control-md) * 5 + var(--space-8)), calc(var(--layout-viewport-height) * .35))}}.emoji-panel__group+.emoji-panel__group{margin-top:var(--space-3)}.emoji-panel__title{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-small)}.emoji-panel__grid{grid-template-columns:repeat(auto-fill, minmax(var(--size-control-md), 1fr));gap:var(--space-0-5);display:grid}.emoji-panel__item{height:var(--size-control-md);border-radius:var(--radius-md);font-size:var(--font-size-heading);background:0 0;border:0;padding:0;line-height:1}.emoji-panel__item:hover,.emoji-panel__item.is-hover{background:var(--color-surface-hover)}@media (width<768px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-shell:not(.app-shell--conversation)>.conversation,.app-shell--conversation>.sidebar{display:none}.app-shell--call>.sidebar,.app-shell--call>.conversation{grid-area:2/1}.app-shell--call>.call-area{grid-column:1}.call-area .call-bar,.conversation-header,.thread,.composer{padding-inline:var(--space-3)}}.account-form p{margin:0}.account-card{overflow-wrap:anywhere}.account-form{gap:var(--space-4);flex-direction:column;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-weight:var(--font-weight-semibold)}.field .input{width:100%}.hint{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-small)}.error{color:var(--color-error-text);margin:0}.button[aria-disabled=true]{opacity:.6;cursor:not-allowed}.call-notice{gap:var(--space-2);padding:var(--space-2) var(--space-6);align-items:center;display:flex}.call-notice__text{flex:1;min-width:0}.call-notice__text:focus{outline:none}.call-notice__text:focus-visible{outline:var(--size-focus-ring) solid var(--color-focus)}.chats-header{justify-content:space-between;gap:var(--space-2)}.chats-header .sidebar__title:focus{outline:none}.chats-header .sidebar__title:focus-visible{outline:var(--size-focus-ring) solid var(--color-focus)}.user-panel{padding-right:var(--space-1)}.user-panel .profile-button__name{flex:1}.connection-status{z-index:3;top:var(--space-2);padding:var(--space-1) var(--space-3);border:var(--size-border) solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--font-size-small);line-height:var(--line-height-small);white-space:nowrap;margin:0;position:fixed;left:50%;transform:translate(-50%)}.conversation .empty-state{flex:1}.conversation .empty-state h2{margin:0}.chat-alert,.chat-notice{padding:var(--space-2) var(--space-6);flex:none;margin:0}.thread-frame{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.thread-frame .thread{overflow-anchor:none}.thread-older{text-align:center;margin:0}.thread-new{bottom:var(--space-3);gap:var(--space-1);position:absolute;left:50%;transform:translate(-50%)}.message[data-highlighted]{background:var(--color-highlight)}@media (width>=768px){.conversation-back{display:none}}@media (width<768px){.call-notice,.chat-alert,.chat-notice{padding-inline:var(--space-3)}}