@layer base{*,:before,:after,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1em}small{font-size:80%}table{text-indent:0;border-color:inherit;border-collapse:collapse}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::placeholder{opacity:1;color:color-mix(in oklab, currentcolor 50%, transparent)}textarea{resize:vertical}[hidden]:where(:not([hidden=until-found])){display:none!important}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-13:13px;--text-15:15px;--text-17:17px;--text-22:22px;--weight-regular:400;--weight-semibold:600;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-control:10px;--radius-sheet:16px;--radius-glass:22px;--radius-full:999px;--hit:44px;--dur-state:.16s;--safe-inline-start:env(safe-area-inset-left);--safe-inline-end:env(safe-area-inset-right);--conversation-header-offset:calc(60px + max(var(--space-2), env(safe-area-inset-top)));--glass-blur:24px;--glass-tint:#18212ed1;--glass-panel-tint:#131a24f5;--glass-rim:#cce1ff30;--glass-lighting:linear-gradient(155deg, #e4f1ff14, transparent 46%);--depth-lighting:linear-gradient(150deg, #e4f1ff14, transparent 65%);--action-lighting:linear-gradient(150deg, #e4f1ff1f, transparent 65%);--shadow-chrome:inset 0 1px 0 var(--glass-rim), 0 8px 22px #0003;--shadow-depth:inset 0 1px 0 var(--glass-rim), inset 0 -2px 3px #0003, 0 3px 7px #0003;--shadow-send:inset 0 1px 0 var(--glass-rim), inset 0 -3px 0 #0003, 0 5px 12px #00000061;--shadow-bubble:0 2px 5px #0003;--accent-h:255;--accent-c:.16;--surface-0:#0b1017;--surface-1:#131a24;--surface-2:#1a2431;--hairline:#283242;--text-1:oklch(95% .005 260);--text-2:oklch(76% .01 260);--text-3:oklch(60% .01 260);--accent:oklch(72% var(--accent-c) var(--accent-h));--on-accent:oklch(15% .03 255);--danger:oklch(68% .17 25);--own-bubble:#1c3654;--received-bubble:var(--surface-2);--thread-bg:var(--surface-0);--page:var(--surface-0);--card:var(--surface-1);--field:var(--surface-0);--hover:color-mix(in oklch, var(--text-1) 6%, transparent);--selected:color-mix(in oklch, var(--accent) 20%, var(--surface-1));--accent-soft:color-mix(in oklch, var(--accent) 14%, transparent);--tone-l:74%;color:var(--text-1);background:var(--surface-0);font-synthesis:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-0:oklch(99.5% .003 255);--surface-1:oklch(97% .006 255);--surface-2:oklch(93.5% .01 255);--hairline:oklch(88% .01 255);--text-1:oklch(18% .01 260);--text-2:oklch(42% .01 260);--text-3:oklch(54% .01 260);--accent:oklch(52% var(--accent-c) var(--accent-h));--on-accent:oklch(99% 0 0);--danger:oklch(52% .19 25);--own-bubble:#cde2fb;--received-bubble:oklch(100% 0 0);--thread-bg:oklch(95% .012 255);--page:oklch(95.5% .008 255);--card:oklch(100% 0 0);--field:oklch(97% .006 255);--glass-tint:#f9fcffd1;--glass-panel-tint:oklch(97% .006 255/.96);--glass-rim:#fffffff2;--glass-lighting:linear-gradient(155deg, #ffffff8c, transparent 46%);--depth-lighting:linear-gradient(150deg, #ffffff8c, transparent 65%);--action-lighting:linear-gradient(150deg, #ffffff1f, transparent 65%);--shadow-chrome:inset 0 1px 0 var(--glass-rim), 0 8px 22px #28426612;--shadow-depth:inset 0 1px 0 var(--glass-rim), inset 0 -2px 3px #28426612, 0 3px 7px #28426612;--shadow-send:inset 0 1px 0 var(--glass-rim), inset 0 -3px 0 #28426612, 0 5px 12px #28426624;--shadow-bubble:0 2px 5px #28426612;--hover:color-mix(in oklch, var(--text-1) 5%, transparent);--selected:color-mix(in oklch, var(--accent) 14%, var(--surface-1));--accent-soft:color-mix(in oklch, var(--accent) 10%, transparent);--tone-l:50%}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--surface-0);min-width:320px;color:var(--text-1);font-size:var(--text-15);font-weight:var(--weight-regular);margin:0;line-height:1.4}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}strong{font-weight:var(--weight-semibold)}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[dir=rtl] .flip-rtl{transform:scaleX(-1)}[dir=rtl]{--safe-inline-start:env(safe-area-inset-right);--safe-inline-end:env(safe-area-inset-left)}.visually-hidden,.header-action .action-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon-button{width:var(--hit);height:var(--hit);border-radius:var(--radius-full);color:var(--text-2);transition:background-color var(--dur-state), color var(--dur-state);background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--hover);color:var(--text-1)}.icon-button:disabled{cursor:not-allowed;opacity:.35}.entry-page,.app-shell{min-height:100dvh}.app-shell{height:100dvh;min-height:0;overflow:hidden}.entry-page{padding:max(var(--space-6), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-6), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));background:var(--page);place-items:center;display:grid}.entry-card{width:min(100%,480px);padding:clamp(var(--space-6), 6vw, 40px);border:1px solid var(--hairline);border-radius:var(--radius-sheet);background:var(--card)}.initial-mark{border-radius:var(--radius-sheet);background:var(--accent);width:56px;height:56px;color:var(--on-accent);font-size:var(--text-22);font-weight:var(--weight-semibold);place-items:center;display:grid}.initial-mark.compact{border-radius:var(--radius-control);width:40px;height:40px;font-size:var(--text-17)}.eyebrow{margin:var(--space-4) 0 var(--space-1);color:var(--text-3);font-size:var(--text-13);font-weight:var(--weight-semibold)}h1{font-size:var(--text-22);font-weight:var(--weight-semibold);letter-spacing:-.01em;margin:0;line-height:1.3}h2{font-size:var(--text-17);font-weight:var(--weight-semibold);margin:0;line-height:1.3}.entry-summary{margin:var(--space-3) 0 var(--space-4);color:var(--text-2)}.notice{margin:var(--space-4) 0 0;color:var(--text-3);font-size:var(--text-13);overflow-wrap:anywhere;line-height:1.45}.form-stack{gap:var(--space-4);margin-top:var(--space-5);display:grid}.form-stack label,.theme-field,.locale-field{gap:var(--space-1);color:var(--text-2);font-size:var(--text-13);font-weight:var(--weight-semibold);display:grid}.form-stack input,.form-stack select,.theme-field select,.locale-field select{min-height:var(--hit);border:1px solid var(--hairline);border-radius:var(--radius-control);width:100%;padding:0 var(--space-3);background:var(--field);color:var(--text-1);font-size:var(--text-15);font-weight:var(--weight-regular)}.form-stack input:focus-visible,.form-stack select:focus-visible,.theme-field select:focus-visible,.start-chat input:focus-visible,.group-name-form input:focus-visible,.share-link input:focus-visible,.transfer-code input:focus-visible,.report-form textarea:focus-visible,.call-dialog select:focus-visible,.insights-card select:focus-visible{outline-offset:0;border-color:var(--accent)}.inline-state,.error-state,.success-state{margin:var(--space-4) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--surface-2);color:var(--text-2);font-size:var(--text-13)}.error-state{border-inline-start:3px solid var(--danger);color:var(--text-1)}.success-state{border-inline-start:3px solid oklch(68% .14 145)}.primary-action{min-height:var(--hit);justify-content:center;justify-self:start;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-control);background:var(--accent);color:var(--on-accent);font-weight:var(--weight-semibold);transition:filter var(--dur-state), transform var(--dur-state);text-decoration:none;display:inline-flex}.primary-action:hover:not(:disabled){filter:brightness(1.06)}.entry-card .form-stack>.primary-action{margin-top:var(--space-2);justify-self:stretch}.primary-action,.secondary-action,.text-action,.logout-action{border:0}.secondary-action{min-height:var(--hit);justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--hairline);border-radius:var(--radius-control);width:100%;padding-inline:var(--space-4);background:var(--surface-2);color:var(--text-1);font-weight:var(--weight-semibold);transition:background-color var(--dur-state);display:inline-flex}.secondary-action:hover:not(:disabled){background:var(--hover)}.app-shell{background:var(--surface-0);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid}.chat-pane,.account-pane,.conversation-pane{min-width:0}.chat-pane{padding:0 env(safe-area-inset-right) var(--space-2) env(safe-area-inset-left);background:var(--surface-1);flex-direction:column;display:flex;overflow:auto}.chat-pane>.inline-state,.chat-pane>.error-state,.chat-pane>.share-link,.chat-pane>.guest-link-share,.chat-pane>.text-action{margin-inline:var(--space-3)}.chat-pane>.inline-state,.chat-pane>.error-state{margin-top:0;margin-bottom:var(--space-2)}.chat-pane-top{z-index:2;gap:var(--space-2);padding:max(var(--space-2), env(safe-area-inset-top)) var(--space-3) var(--space-2);background:var(--surface-1);display:grid;position:sticky;top:0}.pane-header{min-height:var(--hit);align-items:center;gap:var(--space-2);padding-inline-start:var(--space-1);display:flex}.pane-header h1{font-size:var(--text-22)}.pane-header .credits{margin:0 auto 0 var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-3);font-size:var(--text-13);white-space:nowrap}.new-chat-toggle{margin-inline-start:auto}.new-chat-toggle[aria-expanded=true]{background:var(--surface-2);color:var(--text-1)}.credits{color:var(--text-3);font-size:var(--text-13);margin:0}.search-field{display:block;position:relative}.search-field svg{top:50%;color:var(--text-3);pointer-events:none;position:absolute;inset-inline-start:var(--space-3);transform:translateY(-50%)}.search-field input{border-radius:var(--radius-full);width:100%;min-height:38px;padding-block:0;padding-inline:36px var(--space-3);background:var(--surface-2);color:var(--text-1);border:0}.search-field input:focus-visible{outline-offset:0}.new-chat-panel{gap:var(--space-1);margin:0 var(--space-3) var(--space-3);padding:var(--space-2);border-radius:var(--radius-sheet);background:var(--surface-2);display:grid}.theme-field select{min-height:var(--hit);border:1px solid var(--hairline);border-radius:var(--radius-control);width:100%;padding:0 var(--space-3);background:var(--field);color:var(--text-1)}.friend-actions{display:grid}.start-chat+.friend-actions{margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--hairline)}.start-chat{align-items:center;gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.start-chat label{min-width:0;display:grid}.start-chat input{min-height:var(--hit);border-radius:var(--radius-control);min-width:0;padding:0 var(--space-3);background:var(--surface-1);color:var(--text-1);border:1px solid #0000}.start-chat button{min-height:var(--hit);border-radius:var(--radius-control);padding-inline:var(--space-3);color:var(--accent);font-weight:var(--weight-semibold);white-space:nowrap;background:0 0;border:0}.start-chat button:hover,.menu-action:hover{background:var(--hover)}.menu-action{min-height:var(--hit);align-items:center;gap:var(--space-3);border-radius:var(--radius-control);padding-inline:var(--space-3);color:var(--text-1);text-align:start;background:0 0;border:0;display:flex}.menu-action svg{color:var(--text-2)}.share-link{align-items:end;gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.share-link label{gap:var(--space-1);min-width:0;color:var(--text-2);font-size:var(--text-13);display:grid}.share-link input{min-height:var(--hit);border:1px solid var(--hairline);border-radius:var(--radius-control);min-width:0;padding:0 var(--space-2);background:var(--field);color:var(--text-1)}.empty-state,.conversation-empty{align-content:center;place-items:center;gap:var(--space-2);min-height:240px;padding:var(--space-8);color:var(--text-2);text-align:center;display:grid}.empty-state p,.conversation-empty p{margin:0}.empty-state svg,.conversation-empty svg{color:var(--text-3)}.empty-state h2{font-size:var(--text-15)}.empty-state p{font-size:var(--text-13)}.conversation-pane{background:var(--thread-bg);display:none}.conversation-empty{gap:var(--space-1);min-height:100%}.conversation-empty h2{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-1);font-size:var(--text-15)}.conversation-empty p{font-size:var(--text-13)}.conversation-pane.active{grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);min-height:0;position:relative}.conversation-header{min-height:60px;margin-block-start:max(var(--space-2), env(safe-area-inset-top));margin-inline:max(var(--space-2), var(--safe-inline-start)) max(var(--space-2), var(--safe-inline-end));padding:7px var(--space-2) 7px var(--space-3);border:1px solid var(--hairline);border-radius:var(--radius-glass);background:var(--surface-1);align-items:center;gap:0;display:flex}.conversation-identity{min-width:0;min-height:var(--hit);align-items:center;gap:var(--space-3);padding-block:2px;padding-inline:2px var(--space-2);border-radius:var(--radius-control);transition:background-color var(--dur-state);flex:1;margin-inline-end:var(--space-2);display:flex;position:relative}.conversation-identity:hover{background:var(--hover)}.identity-hit{border-radius:inherit;background:0 0;border:0;position:absolute;inset:0}.conversation-header .header-avatar{width:40px;height:40px}.conversation-title{flex:1;min-width:0;display:grid}.conversation-title>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-title h2{font-size:var(--text-15);font-weight:var(--weight-semibold);line-height:1.25}.conversation-title span{color:var(--text-3);font-size:var(--text-13);line-height:1.3}.conversation-title .typing-state{color:var(--accent)}.conversation-header .translation-toggle.active,.conversation-header .header-action.active{background:var(--accent-soft);color:var(--accent)}.chat-list{padding-inline:var(--space-2);gap:1px;display:grid}.chat-row{align-items:center;column-gap:var(--space-3);min-height:68px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-2);border-radius:var(--radius-control);color:var(--text-1);text-align:start;transition:background-color var(--dur-state);background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);display:grid}.chat-row:hover{background:var(--hover)}.chat-row.selected{background:var(--selected)}.chat-avatar{border-radius:var(--radius-full);background:color-mix(in oklch, var(--accent) 22%, var(--surface-2));width:50px;height:50px;color:var(--text-1);font-size:var(--text-15);font-weight:var(--weight-semibold);letter-spacing:.01em;flex:none;place-items:center;display:grid}.chat-text{gap:3px;min-width:0;display:grid}.chat-line{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.chat-line strong{min-width:0;font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chat-line time{color:var(--text-3);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.chat-row.unread .chat-line time{color:var(--accent)}.chat-preview{min-width:0;color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;flex:1;overflow:hidden}[dir=rtl] .chat-preview{text-align:right}.chat-row.unread .chat-preview,.chat-preview-sender{color:var(--text-2)}.chat-row .unread-count{border-radius:var(--radius-full);background:var(--accent);min-width:20px;color:var(--on-accent);font-size:12px;line-height:20px;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;text-align:center;flex:none;align-self:center;padding:0 6px}.message-list{overflow-anchor:none;min-height:0;padding:var(--space-2) max(var(--space-3), env(safe-area-inset-right)) var(--space-3) max(var(--space-3), env(safe-area-inset-left));flex-direction:column;gap:2px;display:flex;overflow:auto}.message-list>.text-action{font-size:var(--text-13);align-self:center}.message-row{align-items:flex-end;gap:var(--space-2);display:flex}.message-row:not(.continued){margin-top:var(--space-2)}.message-row.own{justify-content:flex-end}.message-row .message-bubble{align-self:auto}.message-avatar,.member-avatar{border-radius:var(--radius-full);background:color-mix(in oklch, var(--accent) 22%, var(--surface-2));width:32px;height:32px;color:var(--text-1);font-size:12px;font-weight:var(--weight-semibold);flex:0 0 32px;place-items:center;display:grid}.message-bubble{background:var(--received-bubble);border-radius:18px;align-self:flex-start;max-width:min(80%,560px);padding:7px 11px 5px;font-size:16px;line-height:1.4;position:relative}.message-bubble:focus{outline:none}.message-bubble.own{background:var(--own-bubble);align-self:flex-end}.message-row.continued .message-bubble.received{border-start-start-radius:6px}.message-row.continued .message-bubble.own{border-start-end-radius:6px}.message-row.received:has(+.message-row.continued.received) .message-bubble{border-end-start-radius:6px}.message-row.own:has(+.message-row.continued.own) .message-bubble{border-end-end-radius:6px}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;unicode-bidi:plaintext;margin:0}.message-bubble a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.message-bubble blockquote{margin:2px 0 var(--space-1);padding:3px var(--space-2);border-inline-start:2px solid var(--accent);border-radius:8px;background:color-mix(in oklch, var(--accent) 10%, transparent);color:var(--text-2);font-size:var(--text-13);overflow-wrap:anywhere;border-start-start-radius:4px;border-end-start-radius:4px;line-height:1.35}.message-bubble footer{justify-content:flex-end;align-items:center;gap:var(--space-2);color:var(--text-3);margin-top:1px;font-size:11px;line-height:1.3;display:flex}.message-bubble.own footer{color:color-mix(in oklch, var(--text-1) 55%, var(--own-bubble))}.message-bubble footer button{min-width:var(--hit);min-height:var(--hit);padding-inline:var(--space-1);color:var(--accent);background:0 0;border:0;margin-block:-14px;font-size:11px}.message-bubble footer time{white-space:nowrap;font-variant-numeric:tabular-nums}.message-bubble:has(.media-open,.video-attachment,.locked-media){padding:4px}.message-bubble:has(.media-open,.video-attachment,.locked-media)>:is(p,.translation-content,footer,.message-sender,blockquote){margin-inline:7px}.message-bubble:has(.media-open,.video-attachment,.locked-media)>.message-sender{margin-top:3px}.message-bubble:has(.media-open,.video-attachment,.locked-media)>p{margin-top:4px}.message-actions{border-radius:var(--radius-full);background:var(--surface-1);opacity:0;transition:opacity var(--dur-state);gap:2px;padding:2px;display:flex;position:absolute;bottom:0}.message-bubble.received .message-actions{inset-inline-start:calc(100% + var(--space-2))}.message-bubble.own .message-actions{inset-inline-end:calc(100% + var(--space-2))}.message-actions button{width:var(--hit);height:var(--hit);border-radius:var(--radius-full);color:var(--text-2);background:0 0;border:0;place-items:center;display:grid}.message-actions button:hover{background:var(--hover);color:var(--text-1)}.message-row:hover .message-actions,.message-bubble:focus-within .message-actions{opacity:1}.message-bubble.pending{opacity:.72}.message-sender{color:var(--accent);font-size:var(--text-13);font-weight:var(--weight-semibold);margin-bottom:1px;display:block}[data-tone]{--sender:oklch(var(--tone-l) .14 var(--tone-h))}[data-tone="0"]{--tone-h:25}[data-tone="1"]{--tone-h:145}[data-tone="2"]{--tone-h:65}[data-tone="3"]{--tone-h:300}[data-tone="4"]{--tone-h:200}[data-tone="5"]{--tone-h:345}.message-sender[data-tone]{color:var(--sender)}.message-avatar[data-tone]{background-color:color-mix(in oklch, var(--sender) 30%, var(--surface-2))}.system-message{max-width:min(90%,680px);margin-block:var(--space-2);padding:3px var(--space-3);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-2);font-size:var(--text-13);text-align:center;align-self:center}.blocked-message{min-height:var(--hit);color:var(--text-2);text-align:start;background:0 0;border:0;padding:0}.chat-info{z-index:8;top:var(--conversation-header-offset);bottom:0;gap:var(--space-2);width:min(400px,100%);padding:0 var(--space-4) var(--space-6);border-inline-start:1px solid var(--hairline);background:var(--surface-1);flex-direction:column;display:flex;position:absolute;inset-inline-end:0;overflow:auto}.sheet-header{z-index:1;align-items:center;gap:var(--space-2);min-height:56px;margin-inline:calc(-1 * var(--space-2));padding-inline:var(--space-1);background:var(--surface-1);display:flex;position:sticky;top:0}.sheet-header h3{color:var(--text-1);font-size:var(--text-17);font-weight:var(--weight-semibold);margin:0}.info-identity{justify-items:center;gap:var(--space-1);padding:var(--space-2) 0 var(--space-4);text-align:center;display:grid}.info-identity .info-avatar{width:96px;height:96px;margin-bottom:var(--space-2);font-size:32px}.info-identity h4{align-items:center;gap:var(--space-1);max-width:100%;font-size:20px;font-weight:var(--weight-semibold);overflow-wrap:anywhere;margin:0;line-height:1.3;display:flex}.info-identity>p{color:var(--text-3);font-size:var(--text-15);margin:0}.info-quick-actions{justify-content:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.info-quick-actions button{align-content:center;justify-items:center;gap:var(--space-1);border-radius:var(--radius-control);min-width:88px;min-height:64px;padding:var(--space-2) var(--space-3);background:var(--surface-2);color:var(--accent);font-size:var(--text-13);font-weight:var(--weight-semibold);transition:background-color var(--dur-state);border:0;display:grid}.info-quick-actions button:hover:not(:disabled){background:color-mix(in oklch, var(--text-1) 8%, var(--surface-2))}.info-section{padding-top:var(--space-3);border-top:1px solid var(--hairline);display:grid}.info-section h5{margin:0 0 var(--space-1);color:var(--text-3);font-size:var(--text-13);font-weight:var(--weight-semibold)}.info-note{margin:var(--space-1) 0 var(--space-2);color:var(--text-3);font-size:var(--text-13)}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:52px;padding-block:var(--space-1);cursor:pointer;display:flex}.switch-row>span{gap:2px;min-width:0;display:grid}.switch-row strong{color:var(--text-1);font-size:var(--text-15);font-weight:var(--weight-regular)}.switch-row small{color:var(--text-3);font-size:var(--text-13);line-height:1.35}.switch-row input{appearance:none;border-radius:var(--radius-full);background:var(--surface-2);cursor:pointer;width:42px;height:26px;transition:background-color var(--dur-state);flex:none;position:relative}.switch-row input:before{content:"";top:3px;border-radius:var(--radius-full);background:var(--text-2);width:20px;height:20px;transition:transform var(--dur-state), background-color var(--dur-state);position:absolute;inset-inline-start:3px}.switch-row input:checked{background:var(--accent)}.switch-row input:checked:before{background:var(--on-accent);transform:translate(16px)}[dir=rtl] .switch-row input:checked:before{transform:translate(-16px)}.switch-row input:disabled{cursor:not-allowed;opacity:.5}.switch-row:has(input:disabled){cursor:default}.info-row{width:calc(100% + 2 * var(--space-2));align-items:center;gap:var(--space-3);min-height:52px;margin-inline:calc(-1 * var(--space-2));padding-inline:var(--space-2);border-radius:var(--radius-control);color:var(--text-1);font-size:var(--text-15);text-align:start;transition:background-color var(--dur-state);background:0 0;border:0;display:flex}.info-row:hover:not(:disabled){background:var(--hover)}.info-row:disabled{cursor:default;opacity:1}.info-row-icon{border-radius:var(--radius-full);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);flex:none;place-items:center;display:grid}.info-row.danger{color:var(--danger)}.info-row.danger .info-row-icon{background:color-mix(in oklch, var(--danger) 14%, transparent);color:var(--danger)}.info-danger{padding-bottom:var(--space-2)}.chat-info .share-link{margin:0 0 var(--space-2);grid-template-columns:minmax(0,1fr) auto auto}.group-name-form{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto auto;width:100%;display:grid}.group-name-form label{min-width:0;display:grid}.group-name-form input{min-height:var(--hit);border:1px solid var(--hairline);border-radius:var(--radius-control);min-width:0;padding:0 var(--space-3);background:var(--field);color:var(--text-1);font-weight:var(--weight-regular)}.group-name-form .secondary-action{width:auto}.member-list{display:grid}.member-row{width:calc(100% + 2 * var(--space-2));align-items:center;column-gap:var(--space-3);min-height:60px;margin-inline:calc(-1 * var(--space-2));padding:var(--space-2);border-radius:var(--radius-control);color:var(--text-1);text-align:start;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}button.member-row{transition:background-color var(--dur-state)}button.member-row:hover,button.member-row[aria-expanded=true]{background:var(--hover)}.member-row.candidate{grid-template-columns:auto minmax(0,1fr) auto}.member-row .member-avatar{width:40px;height:40px;font-size:var(--text-13);flex-basis:40px}.member-text{min-width:0;display:grid}.member-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-text small{color:var(--text-3);font-size:var(--text-13);overflow-wrap:anywhere}.member-badge{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:var(--weight-semibold);white-space:nowrap}.member-chevron{color:var(--text-3);transition:transform var(--dur-state)}.member-row[aria-expanded=true] .member-chevron{transform:rotate(90deg)}.member-row.candidate>.text-action{font-size:var(--text-13)}.member-menu{margin:2px 0 var(--space-2);padding-inline-start:44px;display:grid}.member-menu button{min-height:var(--hit);align-items:center;gap:var(--space-3);border-radius:var(--radius-control);padding-inline:var(--space-3);color:var(--text-1);text-align:start;background:0 0;border:0;display:flex}.member-menu button:hover:not(:disabled){background:var(--hover)}.member-menu button svg{color:var(--text-3);flex:none}.member-menu button.danger,.member-menu button.danger svg{color:var(--danger)}.media-settings{display:grid}.translation-content{align-items:center;gap:0 var(--space-2);flex-wrap:wrap;display:flex}.translation-content>p{flex-basis:100%}.translation-content button{min-width:var(--hit);min-height:var(--hit);color:var(--text-3);background:0 0;border:0;margin-block:-14px;padding:0;font-size:12px}.translation-content button:hover{color:var(--accent)}.translation-content .translation-label{text-align:start}.translation-state{color:var(--text-3);font-size:12px}.translation-original{margin-top:var(--space-1);border-inline-start:2px solid var(--hairline);color:var(--text-2);font-size:var(--text-13);flex-basis:100%;padding-inline-start:var(--space-2)}.notification-name-setting input{width:18px;height:18px;accent-color:var(--accent)}.sender-translations{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--hairline);color:var(--text-2);font-size:var(--text-13)}.sender-translations p,.sender-translations dl,.sender-translations dd{margin:0}.sender-translations dl{gap:var(--space-2);display:grid}.sender-translations dt{color:var(--text-3);font-weight:var(--weight-semibold)}.reader-list{gap:var(--space-1);margin:var(--space-2) 0 0;padding:var(--space-2) 0 0;border-top:1px solid var(--hairline);color:var(--text-2);font-size:var(--text-13);list-style:none;display:grid}.date-divider{margin:var(--space-3) 0 var(--space-1);padding:3px var(--space-3);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-2);font-size:var(--text-13);font-weight:var(--weight-semibold);align-self:center}.message-avatar.run{visibility:hidden}.conversation-status:empty,.conversation-feedback:empty{padding:0}.conversation-status,.conversation-feedback{gap:var(--space-2);padding:0 var(--space-3);background:var(--thread-bg);display:grid}.conversation-status .inline-state,.conversation-feedback .error-state,.conversation-feedback .success-state{margin:var(--space-2) 0 0}.conversation-status .inline-state{padding:3px var(--space-3);border-radius:var(--radius-full);justify-self:center}.notification-offer,.translation-offer{align-items:center;gap:var(--space-1) var(--space-2);margin-top:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-4) var(--space-2);border-radius:var(--radius-control);background:var(--surface-2);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.notification-offer p{color:var(--text-2);font-size:var(--text-13);margin:0}.notification-offer button,.translation-offer button{min-height:var(--hit);padding-inline:var(--space-3);border-radius:var(--radius-control);color:var(--accent);font-weight:var(--weight-semibold);white-space:nowrap;background:0 0;border:0}.notification-offer button:hover,.translation-offer button:hover{background:var(--hover)}.translation-offer div{gap:2px;min-width:0;display:grid}.translation-offer strong{font-size:var(--text-15)}.translation-offer p{color:var(--text-2);font-size:var(--text-13);margin:0}.report-form{align-items:end;gap:var(--space-2);padding-top:var(--space-2);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.report-form label{gap:var(--space-1);color:var(--text-3);font-size:var(--text-13);font-weight:var(--weight-semibold);display:grid}.report-form textarea{min-height:var(--hit);resize:vertical;border:1px solid var(--hairline);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);background:var(--field);color:var(--text-1);font-weight:var(--weight-regular)}.report-form button{min-height:var(--hit);border:1px solid var(--hairline);border-radius:var(--radius-control);padding-inline:var(--space-3);background:var(--surface-2);color:var(--text-1);font-weight:var(--weight-semibold)}.composer{align-items:end;gap:var(--space-1);margin-block:0 max(var(--space-2), env(safe-area-inset-bottom));margin-inline:max(var(--space-2), var(--safe-inline-start)) max(var(--space-2), var(--safe-inline-end));padding:var(--space-2);border:1px solid var(--hairline);border-radius:var(--radius-glass);background:var(--surface-1);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.composer textarea{min-height:var(--hit);field-sizing:content;resize:none;max-height:160px;padding:11px var(--space-2);color:var(--text-1);background:0 0;border:0;border-radius:22px;line-height:1.4}.composer textarea:focus-visible{outline-offset:0}.send-button{width:var(--hit);height:var(--hit);background:var(--accent);color:var(--on-accent);transition:opacity var(--dur-state), background-color var(--dur-state), transform var(--dur-state);border:0;border-radius:17px;place-items:center;display:grid}.send-button svg{margin-inline-start:2px}.send-button:disabled{cursor:default;color:var(--text-3);opacity:1;background:0 0}.replying{justify-content:space-between;align-items:center;gap:var(--space-2);margin:0 var(--space-1);border-inline-start:2px solid var(--accent);color:var(--text-2);font-size:var(--text-13);overflow-wrap:anywhere;grid-column:1/-1;padding-inline-start:var(--space-3);display:flex}.replying button{min-height:var(--hit);padding-inline:var(--space-2);color:var(--accent);font-weight:var(--weight-semibold);background:0 0;border:0;flex:none}.attach-button{width:var(--hit);height:var(--hit);border-radius:var(--radius-full);color:var(--text-2);cursor:pointer;transition:background-color var(--dur-state);place-items:center;display:grid;position:relative}.attach-button:hover{background:var(--hover);color:var(--text-1)}.attach-button input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.attach-button:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.selected-media{width:min(240px,100%);margin:var(--space-1) var(--space-1) 0;grid-column:1/-1;position:relative}.selected-media>button{top:var(--space-1);width:var(--hit);height:var(--hit);border-radius:var(--radius-full);background:color-mix(in oklch, var(--surface-0) 86%, transparent);color:var(--text-1);border:0;place-items:center;display:grid;position:absolute;inset-inline-end:var(--space-1)}.media-preview,.video-attachment video{border-radius:var(--radius-control);object-fit:contain;background:var(--surface-0);width:400px;max-width:100%;max-height:420px;display:block}.media-open img{object-fit:cover;border-radius:14px;width:400px;max-width:100%;height:auto;max-height:400px;display:block}.message-row.continued .message-bubble.received .media-open img{border-start-start-radius:4px}.message-row.continued .message-bubble.own .media-open img{border-start-end-radius:4px}:is(.message-bubble:has(.media-open)>.message-sender+.media-open img,.message-bubble:has(.media-open)>.media-open:not(:last-child) img){border-end-end-radius:6px;border-end-start-radius:6px}.message-bubble:has(.media-open)>.message-sender+.media-open img{border-start-start-radius:6px;border-start-end-radius:6px}.media-open{background:0 0;border:0;padding:0;display:block}.locked-media{border-radius:var(--radius-control);background:var(--surface-0);display:grid;position:relative;overflow:hidden}.locked-media>img{object-fit:contain;filter:blur(18px);width:min(100%,480px);max-height:420px;display:block;transform:scale(1.06)}.locked-media>div{place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-4);background:color-mix(in oklch, var(--surface-0) 56%, transparent);text-align:center;display:grid;position:absolute;inset:0}.locked-media .secondary-action{width:auto;margin:0}.media-fallback{padding:var(--space-5);border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--surface-0);color:var(--text-2)}.video-attachment{gap:var(--space-2);display:grid}.video-attachment a,.media-viewer a{min-height:var(--hit);align-items:center;gap:var(--space-2);color:var(--accent);display:inline-flex}.media-viewer{z-index:20;justify-items:center;gap:var(--space-3);padding:max(var(--space-3), env(safe-area-inset-top)) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));background:var(--surface-0);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.media-viewer>button{width:var(--hit);height:var(--hit);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-1);border:0;justify-self:end;place-items:center;display:grid}.media-viewer img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0}.media-viewer a{padding-inline:var(--space-3);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-1);text-decoration:none}.reselect-file{gap:var(--space-1);margin-top:var(--space-2);color:var(--text-2);font-size:var(--text-13);display:grid}.jump-latest{inset-inline-end:var(--space-4);bottom:calc(86px + env(safe-area-inset-bottom));min-height:var(--hit);border:1px solid var(--hairline);border-radius:var(--radius-full);padding-inline:var(--space-4);background:var(--surface-2);color:var(--text-1);font-size:var(--text-13);font-weight:var(--weight-semibold);position:absolute}.account-pane{padding:max(var(--space-5), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) calc(80px + env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));background:var(--page);overflow:auto}.account-destination .chat-pane{display:none}.account-identity{align-items:center;gap:var(--space-4);margin-top:var(--space-4);display:flex}.account-identity .chat-avatar{width:64px;height:64px;font-size:var(--text-22)}.account-identity>div{gap:var(--space-1);min-width:0;display:grid}.account-name{font-size:var(--text-17);font-weight:var(--weight-semibold);color:var(--text-1);overflow-wrap:anywhere;margin:0}.account-name span{color:var(--text-3);font-size:var(--text-13);font-weight:var(--weight-regular)}.account-identity .credits{padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--surface-2);justify-self:start}.settings-card,.notice-card{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sheet);background:var(--card)}.settings-card>p,.notice-card>p,.danger-zone p{color:var(--text-2)}.settings-card>p:not(.success-state,.error-state,.inline-state,.notice){margin-top:var(--space-1);font-size:var(--text-13)}.theme-field{gap:var(--space-1);color:var(--text-2);font-size:var(--text-13);display:grid}.settings-card .locale-field{margin-bottom:var(--space-3)}.entry-card>.locale-field{margin-top:var(--space-5)}.notification-name-setting{min-height:var(--hit);align-items:center;gap:var(--space-3);margin-top:var(--space-2);color:var(--text-1);display:flex}.notice-card h2{margin-bottom:var(--space-2)}.notice-card .notice{margin-top:0}.settings-card h2{margin-bottom:var(--space-3);font-size:var(--text-15)}.settings-card.form-stack{gap:var(--space-3)}.settings-card.form-stack h2{margin-bottom:0}.settings-card .secondary-action{width:auto}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.section-heading h2{margin:0}.section-heading .text-action{margin-inline-end:calc(-1 * var(--space-2))}.text-action{min-height:var(--hit);padding:0 var(--space-2);border-radius:var(--radius-control);color:var(--accent);font-weight:var(--weight-semibold);transition:background-color var(--dur-state);background:0 0;align-items:center;display:inline-flex}.text-action:hover:not(:disabled){background:var(--hover)}.danger,.logout-action{color:var(--danger)}.transfer-code{margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-control);background:var(--surface-2)}.transfer-code p{margin:0 0 var(--space-2);color:var(--text-2);font-size:var(--text-13)}.transfer-code strong{margin-bottom:var(--space-2);font-size:var(--text-22);letter-spacing:.16em;font-variant-numeric:tabular-nums;display:block}.session-list{margin-top:0}.session-row{align-items:center;gap:var(--space-3);border-top:1px solid var(--hairline);grid-template-columns:24px minmax(0,1fr) auto;min-height:56px;display:grid}.session-row:first-child{border-top:0}.session-row>svg{color:var(--text-3)}.session-row span{min-width:0;display:grid}.session-row small{color:var(--text-3);font-size:var(--text-13);overflow-wrap:anywhere}.session-row .text-action{font-size:var(--text-13);margin-inline-end:calc(-1 * var(--space-2))}.blocked-row{grid-template-columns:minmax(0,1fr) auto}.transfer-code label{gap:var(--space-1);color:var(--text-2);font-size:var(--text-13);display:grid}.transfer-code input,.recovery-fragment{min-height:var(--hit);border:1px solid var(--hairline);border-radius:var(--radius-control);width:100%;padding:0 var(--space-2);background:var(--field);color:var(--text-1);font-size:var(--text-13)}.logout-action{min-height:var(--hit);align-items:center;gap:var(--space-2);margin-top:var(--space-5);background:0 0;display:flex}.danger-zone .text-action{margin-inline-start:calc(-1 * var(--space-2))}.settings-card>.text-action:not(:first-child){margin-top:var(--space-1)}.confirmation-dialog{z-index:30;gap:var(--space-3);width:min(480px,100vw - 32px);padding:var(--space-5);border:1px solid var(--hairline);border-radius:var(--radius-sheet);background:var(--card);box-shadow:0 0 0 100vmax color-mix(in oklch, var(--surface-0) 72%, transparent);display:grid;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.confirmation-dialog p{color:var(--text-2);margin:0}.confirmation-dialog label{gap:var(--space-1);color:var(--text-2);font-size:var(--text-13);font-weight:var(--weight-semibold);display:grid}.confirmation-dialog input{min-height:var(--hit);border:1px solid var(--hairline);border-radius:var(--radius-control);padding:0 var(--space-3);background:var(--field);color:var(--text-1);font-weight:var(--weight-regular)}.dialog-actions,.admin-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.dialog-actions{margin-top:var(--space-2)}.dialog-actions .secondary-action{background:0 0;width:auto}.dialog-actions .primary-action{margin-top:0}.primary-action.danger{background:var(--danger);color:#fff}.call-dialog-backdrop{z-index:40;padding:var(--space-4);background:color-mix(in oklch, var(--surface-0) 72%, transparent);place-items:center;display:grid;position:fixed;inset:0}.call-dialog{gap:var(--space-3);width:min(440px,100%);max-height:calc(100dvh - 32px);padding:var(--space-5);border:1px solid var(--hairline);border-radius:var(--radius-sheet);background:var(--card);display:grid;overflow:auto}.call-dialog h2,.call-dialog .eyebrow{margin:0}.call-dialog .eyebrow{margin-bottom:calc(-1 * var(--space-2))}.call-dialog>label{gap:var(--space-1);color:var(--text-2);font-size:var(--text-13);font-weight:var(--weight-semibold);display:grid}.call-dialog select{min-height:var(--hit);border:1px solid var(--hairline);border-radius:var(--radius-control);padding-inline:var(--space-3);background:var(--field);color:var(--text-1);font-weight:var(--weight-regular)}.call-mode{gap:var(--space-2);border:0;flex-wrap:wrap;padding:0;display:flex}.call-mode legend{margin-bottom:var(--space-1);color:var(--text-2);font-size:var(--text-13);font-weight:var(--weight-semibold)}.call-mode label{min-height:var(--hit);align-items:center;gap:var(--space-2);padding-inline:var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-full);color:var(--text-2);cursor:pointer;transition:background-color var(--dur-state), color var(--dur-state), border-color var(--dur-state);display:flex;position:relative}.call-mode label:has(input:checked){background:var(--accent-soft);color:var(--accent);font-weight:var(--weight-semibold);border-color:#0000}.call-mode label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.call-mode input{opacity:0;width:1px;height:1px;position:absolute}.call-mode input:checked+*{color:inherit}.call-mode label:before{content:"";border-radius:var(--radius-full);opacity:.4;background:currentColor;width:8px;height:8px}.call-mode label:has(input:checked):before{opacity:1}.call-preview{aspect-ratio:16/10;border-radius:var(--radius-control);background:var(--surface-0);place-items:center;display:grid;overflow:hidden}.call-preview video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.call-preview.audio-only svg{width:44px;height:44px;color:var(--text-3)}.call-dialog .error-state,.call-dialog .success-state,.call-dialog .text-action{justify-self:start;margin-top:0}.incoming-call{z-index:35;top:max(var(--space-4), env(safe-area-inset-top));align-items:center;gap:var(--space-2);width:min(480px,100vw - 32px);padding-block:var(--space-3);padding-inline:var(--space-4) var(--space-3);border:1px solid var(--hairline);border-radius:var(--radius-sheet);background:var(--card);grid-template-columns:minmax(0,1fr) auto auto;display:grid;position:fixed;inset-inline-end:max(var(--space-4), env(safe-area-inset-right))}.incoming-call>div{column-gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.incoming-call .call-caller{width:44px;height:44px;font-size:var(--text-15);grid-row:1/span 3}.incoming-call h2,.incoming-call p{grid-column:2;margin:0}.incoming-call h2{font-size:var(--text-15)}.incoming-call p{color:var(--text-2);font-size:var(--text-13)}.incoming-call .eyebrow{margin:0}.incoming-call button{min-height:var(--hit);align-items:center;gap:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-full);margin:0;display:inline-flex}.incoming-call .secondary-action{background:0 0;width:auto}.incoming-call .primary-action{padding-inline:var(--space-4)}.incoming-call svg{width:18px;height:18px}.guest-incoming-call h2 small{color:var(--text-3);font-size:var(--text-13);font-weight:var(--weight-regular)}.active-call{z-index:32;place-items:center;gap:var(--space-3);padding:max(var(--space-3), env(safe-area-inset-top)) max(var(--space-3), env(safe-area-inset-right)) max(var(--space-4), env(safe-area-inset-bottom)) max(var(--space-3), env(safe-area-inset-left));background:var(--surface-0);grid-template-rows:minmax(0,1fr) auto auto;display:grid;position:fixed;inset:0}.call-stage{border-radius:var(--radius-sheet);background:var(--surface-1);width:min(960px,100%);height:100%;min-height:260px;position:relative;overflow:hidden}.remote-media,.remote-media video{width:100%;height:100%}.remote-media video{object-fit:contain}.call-avatar{width:100%;height:100%;color:var(--text-3);font-size:clamp(64px,16vw,144px);font-weight:var(--weight-semibold);place-items:center;display:grid}.local-media{inset-inline-end:var(--space-3);bottom:var(--space-3);aspect-ratio:3/4;border-radius:var(--radius-control);background:var(--surface-2);width:min(28%,200px);position:absolute;overflow:hidden}.local-media:empty{display:none}.local-media video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.call-status{text-align:center}.call-status h2,.call-status p,.call-status .eyebrow{margin:0}.call-status .eyebrow:first-letter,.incoming-call .eyebrow:first-letter{text-transform:uppercase}.call-status p[role=status]{color:var(--text-2);font-variant-numeric:tabular-nums}.call-controls{justify-content:center;align-items:center;gap:var(--space-2);max-width:100%;padding:var(--space-2);border:1px solid var(--hairline);border-radius:var(--radius-glass);background:var(--surface-1);flex-wrap:wrap;display:flex}.call-controls button{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);min-height:48px;padding-inline:var(--space-4);background:var(--surface-2);color:var(--text-1);font-weight:var(--weight-semibold);transition:background-color var(--dur-state), transform var(--dur-state);border:0;display:inline-flex}.call-controls button:hover:not(:disabled){background:color-mix(in oklch, var(--text-1) 12%, var(--surface-2))}.call-controls button[aria-pressed=true]{background:var(--text-1);color:var(--surface-0)}.call-controls svg{width:20px;height:20px}.call-controls:after{content:"";flex-basis:100%;order:1;height:0}.active-device-picker{align-items:center;gap:var(--space-2);color:var(--text-3);font-size:var(--text-13);order:2;display:none}.active-device-picker select{border:1px solid var(--hairline);border-radius:var(--radius-full);max-width:200px;min-height:36px;padding-inline:var(--space-3);color:var(--text-2);font-size:var(--text-13);background:0 0}.call-controls .end-call{background:var(--danger);color:#fff}.call-controls .end-call:hover:not(:disabled){background:color-mix(in oklch, var(--danger) 88%, black)}.call-ended,.call-global-error{z-index:36;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - var(--space-8));align-items:center;gap:var(--space-2);padding-block:0;padding-inline:var(--space-4) var(--space-1);border:1px solid var(--hairline);border-radius:var(--radius-full);background:var(--surface-2);font-size:var(--text-13);display:flex;position:fixed;transform:translate(-50%)}.call-ended .secondary-action{width:auto;min-height:36px;padding-inline:var(--space-3);border-radius:var(--radius-full);font-size:var(--text-13);background:0 0;border:0}.call-global-error{padding-block:var(--space-2)}.call-history{display:grid}.call-history article{gap:var(--space-3);border-top:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:56px;display:grid}.call-history article:first-child{border-top:0}.call-history article span{display:grid}.call-history small,.call-history time{color:var(--text-3);font-size:var(--text-13)}.guest-link-share{justify-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius-control);background:var(--surface-2);display:grid}.guest-link-share canvas{border-radius:var(--radius-control);width:min(240px,100%);height:auto}.guest-link-share label{gap:var(--space-1);width:100%;color:var(--text-2);font-size:var(--text-13);display:grid}.guest-link-share input{width:100%;min-height:var(--hit);border:1px solid var(--hairline);border-radius:var(--radius-control);padding:0 var(--space-2);background:var(--field);color:var(--text-1);font-size:var(--text-13)}.guest-link-share p{color:var(--text-2);font-size:var(--text-13);margin:0}.guest-share-actions{justify-content:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.guest-share-actions button{min-height:var(--hit);align-items:center;gap:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-control);color:var(--accent);font-weight:var(--weight-semibold);background:0 0;border:0;display:inline-flex}.guest-share-actions button:hover{background:var(--hover)}.guest-share-actions svg{width:18px;height:18px}.guest-call-result{gap:var(--space-3);padding-top:var(--space-4);text-align:center;justify-items:center;display:grid}.guest-call-result p{color:var(--text-2);margin:0}.guest-call-form .primary-action svg{width:18px;height:18px}.entry-card:has(.guest-call-form){width:min(520px,100%)}.admin-page{min-height:100dvh;padding:max(var(--space-4), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-6), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));background:var(--page)}.admin-content{width:min(960px,100%);margin:0 auto}.admin-content>.account-header>.text-action{margin-inline-start:calc(-1 * var(--space-2))}.admin-content>.account-header>.eyebrow{margin-top:var(--space-2)}.admin-list{display:grid}.admin-row{align-items:center;gap:var(--space-1) var(--space-3);min-height:56px;padding:var(--space-2) 0;border-top:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) auto;display:grid}.admin-row:first-child{border-top:0}.admin-row>span{min-width:0;display:grid}.admin-row small{color:var(--text-3);font-size:var(--text-13);overflow-wrap:anywhere}.admin-row p,.recovery-fragment{overflow-wrap:anywhere;color:var(--text-2);font-size:var(--text-13);grid-column:1/-1;margin:0}.admin-actions .text-action{font-size:var(--text-13)}.admin-actions{margin-inline-end:calc(-1 * var(--space-2))}.insights-card .section-heading{align-items:start}.insights-card .section-heading p{color:var(--text-3);font-size:var(--text-13);margin:0}.insights-card .section-heading h2{margin-bottom:var(--space-1)}.insights-card .section-heading label,.insight-table-controls label{gap:var(--space-1);color:var(--text-3);font-size:var(--text-13);font-weight:var(--weight-semibold);display:grid}.insight-metrics{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.insight-metrics article{padding:var(--space-3);border-radius:var(--radius-control);background:var(--surface-2);gap:2px;display:grid}.insight-metrics article>strong{font-size:var(--text-22);font-variant-numeric:tabular-nums;line-height:1.2}.insight-metrics article>span{font-size:var(--text-13);font-weight:var(--weight-semibold)}.insight-metrics small,.insight-account-row small{color:var(--text-3);font-size:12px}.insight-details{margin-top:var(--space-3);color:var(--text-2);font-size:var(--text-13)}.insight-details p{margin:0}.daily-bars{gap:var(--space-2);margin-top:var(--space-4);display:grid}.daily-bars article{gap:3px var(--space-3);grid-template-columns:88px minmax(0,1fr);align-items:center;display:grid}.daily-bars time{color:var(--text-3);font-size:var(--text-13);font-variant-numeric:tabular-nums;grid-row:span 3}.daily-bars article div{min-width:2px;padding:2px var(--space-2);background:color-mix(in oklch, var(--accent) 28%, var(--surface-2));white-space:nowrap;border-radius:6px;font-size:12px}.insight-table-controls,.insight-pagination{justify-content:space-between;align-items:end;gap:var(--space-3);margin-top:var(--space-4);display:flex}.insight-pagination{color:var(--text-3);font-size:var(--text-13);align-items:center}.insight-account-table{margin-top:var(--space-2);overflow-x:auto}.insight-account-row{gap:var(--space-3);min-width:680px;padding:var(--space-2) 0;border-top:1px solid var(--hairline);font-variant-numeric:tabular-nums;grid-template-columns:minmax(180px,1fr) repeat(4,minmax(92px,auto));align-items:center;display:grid}.insight-account-row>span:first-child{display:grid}.insight-account-row.heading{color:var(--text-3);font-size:var(--text-13);border-top:0}.primary-navigation{padding:var(--space-1) max(var(--space-3), env(safe-area-inset-right)) max(var(--space-1), env(safe-area-inset-bottom)) max(var(--space-3), env(safe-area-inset-left));border-top:1px solid var(--hairline);background:var(--surface-1);grid-template-columns:repeat(2,1fr);display:grid}.nav-identity{display:none}.primary-navigation a{border-radius:var(--radius-control);min-height:52px;color:var(--text-3);font-size:11px;font-weight:var(--weight-semibold);transition:color var(--dur-state), background-color var(--dur-state);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.primary-navigation a svg{width:24px;height:24px}.primary-navigation a.active{color:var(--accent)}.chat-pane-top,.new-chat-panel,.conversation-header,.composer,.primary-navigation,.sheet-header,.call-controls,.incoming-call{border-color:var(--glass-rim);background-image:var(--glass-lighting);box-shadow:var(--shadow-chrome)}.initial-mark,.chat-avatar,.message-avatar,.member-avatar,.chat-row.selected{background-image:var(--depth-lighting);box-shadow:var(--shadow-depth)}.primary-action:not(:disabled),.send-button:not(:disabled),.call-controls button:not(:disabled),.info-quick-actions button:not(:disabled){background-image:var(--action-lighting);box-shadow:var(--shadow-depth)}.send-button:not(:disabled){box-shadow:var(--shadow-send)}.message-bubble{box-shadow:var(--shadow-bubble)}.primary-action:not(:disabled):active,.send-button:not(:disabled):active,.call-controls button:not(:disabled):active{transform:translateY(1px)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.chat-pane-top,.new-chat-panel,.conversation-header,.composer,.primary-navigation,.sheet-header,.call-controls{background-color:var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.35);backdrop-filter:blur(var(--glass-blur)) saturate(1.35)}@media (width>=900px){.chat-info{background-color:var(--glass-panel-tint)}.incoming-call{background-color:var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.35);backdrop-filter:blur(var(--glass-blur)) saturate(1.35)}}}@media (hover:none){.message-actions{opacity:1;background:0 0;border:0;justify-content:flex-end;margin:2px -6px 0;padding:0;display:none;position:static}.message-bubble:focus-within .message-actions{display:flex}}@media (width>=900px){.app-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(320px,400px) minmax(0,1fr)}.chat-pane{border-inline-end:1px solid var(--hairline);padding-bottom:72px}.conversation-pane,.account-destination .chat-pane{display:block}.conversation-pane.active{display:grid}.mobile-back{display:none}.account-pane{padding:max(var(--space-6), env(safe-area-inset-top)) max(var(--space-8), env(safe-area-inset-right), calc((100% - 640px) / 2)) max(var(--space-8), env(safe-area-inset-bottom)) max(var(--space-8), env(safe-area-inset-left), calc((100% - 640px) / 2))}.primary-navigation{inset-inline-start:0;z-index:3;align-items:center;gap:var(--space-1);border-inline-end:1px solid var(--hairline);width:400px;padding:var(--space-2) max(var(--space-3), env(safe-area-inset-right)) max(var(--space-2), env(safe-area-inset-bottom)) max(var(--space-3), env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto auto;position:fixed;bottom:0}.nav-identity{align-items:center;gap:var(--space-3);min-width:0;padding-inline-start:var(--space-1);display:flex}.nav-identity .chat-avatar{width:34px;height:34px;font-size:12px}.signed-in-name{font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.primary-navigation a{width:var(--hit);height:var(--hit);min-height:var(--hit);border-radius:var(--radius-full);color:var(--text-2)}.primary-navigation a svg{width:20px;height:20px}.primary-navigation a:hover{background:var(--hover)}.primary-navigation a.active{background:var(--accent-soft);color:var(--accent)}.primary-navigation a span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.call-ended,.call-global-error{top:72px;bottom:auto;left:calc(200px + 50vw)}[dir=rtl] :is(.call-ended,.call-global-error){left:calc(50vw - 200px)}.active-device-picker{display:flex}.camera-flip{display:none!important}.message-bubble{font-size:var(--text-15)}.message-list{padding-inline:max(var(--space-5), env(safe-area-inset-right)) max(var(--space-5), env(safe-area-inset-left))}.conversation-status,.conversation-feedback{padding-inline:var(--space-5)}.composer{padding-inline:var(--space-3)}.app-shell .active-call{gap:var(--space-2);height:45dvh;padding:var(--space-3) max(var(--space-4), env(safe-area-inset-right)) var(--space-3) var(--space-4);border-bottom:1px solid var(--hairline);inset-block:0 auto;inset-inline:400px 0}.app-shell .active-call .call-stage{min-height:0}.app-shell .active-call .call-status{align-items:baseline;gap:var(--space-2);display:flex}.app-shell .active-call .call-status h2{font-size:var(--text-15)}.app-shell .active-call .call-status p[role=status]{font-size:var(--text-13)}:is(.app-shell:has(.active-call) .conversation-pane,.app-shell:has(.active-call) .account-pane){padding-top:45dvh}}@media (width>=1200px){.conversation-pane:has(>.chat-info)>:is(.conversation-status,.message-list,.conversation-feedback){margin-inline-end:min(400px,100%)}.conversation-pane:has(>.chat-info)>.composer{margin-inline-end:calc(min(400px, 100%) + max(var(--space-2), var(--safe-inline-end)))}.conversation-pane:has(>.chat-info)>.jump-latest{inset-inline-end:calc(400px + var(--space-4))}}@media (width<=899px){.primary-navigation{margin:var(--space-2) max(10px, env(safe-area-inset-right)) max(var(--space-3), env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));padding:var(--space-2);border:1px solid var(--glass-rim);border-radius:var(--radius-glass)}.primary-navigation a{min-width:var(--hit);max-width:100%;min-height:var(--hit);gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sheet);font-size:var(--text-13);flex-flow:wrap;justify-self:center}.primary-navigation a svg{flex:none;width:20px;height:20px}.primary-navigation a span{overflow-wrap:anywhere;min-width:0}.primary-navigation a.active{background:var(--accent-soft)}.incoming-call{top:0;inset-inline-end:0;bottom:0;width:100%;padding:max(var(--space-6), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-6), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));background:var(--surface-0);border:0;border-radius:0;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr 1fr;inset-inline-start:0}.incoming-call>div{align-self:center;justify-items:center;row-gap:var(--space-1);text-align:center;grid-column:1/-1;grid-template-columns:1fr}.incoming-call .call-caller{width:96px;height:96px;margin-bottom:var(--space-3);grid-row:auto;font-size:32px}.incoming-call h2,.incoming-call p{grid-column:auto}.incoming-call h2{font-size:var(--text-22)}.incoming-call p{font-size:var(--text-15)}.incoming-call button{justify-content:center;width:100%;min-height:52px}.incoming-call .secondary-action{background:var(--surface-2)}.conversation-header{padding-inline:var(--space-1);gap:0}.conversation-header .header-avatar{width:36px;height:36px;font-size:var(--text-13)}.conversation-identity{gap:var(--space-2);padding-inline-start:0}.search-field input{min-height:var(--hit)}.call-history article{padding-block:var(--space-2);grid-template-columns:1fr}.admin-row{grid-template-columns:1fr}.admin-actions{justify-content:flex-start;margin-inline-start:calc(-1 * var(--space-2));margin-inline-end:0}.insight-metrics,.report-form{grid-template-columns:1fr 1fr}.report-form label{grid-column:1/-1}.notification-offer{padding:var(--space-3);grid-template-columns:1fr 1fr}.notification-offer p{grid-column:1/-1}.translation-offer{padding:var(--space-3);grid-template-columns:1fr 1fr}.translation-offer div{grid-column:1/-1}.conversation-selected .chat-pane{display:none}.conversation-selected .conversation-pane.active{display:grid}.conversation-selected .primary-navigation{display:none}.chat-info{width:100%;padding-top:env(safe-area-inset-top);border-inline-start:0;top:0}.incoming-call{box-shadow:none;background-image:none}.chat-info .share-link{grid-template-columns:1fr 1fr}.chat-info .share-link input{grid-column:1/-1}.active-call{grid-template-rows:minmax(0,1fr) auto auto}.call-controls button{min-height:52px;padding-inline:var(--space-4)}}@media (prefers-reduced-motion:reduce){:root{--dur-state:0s}.primary-action:not(:disabled):active,.send-button:not(:disabled):active,.call-controls button:not(:disabled):active{transform:none}}@media (prefers-reduced-transparency:reduce),(forced-colors:active){.chat-pane-top,.new-chat-panel,.conversation-header,.composer,.primary-navigation,.chat-info,.sheet-header,.call-controls,.incoming-call{background-color:var(--surface-1);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-image:none}.message-bubble,.initial-mark,.chat-avatar,.message-avatar,.member-avatar,.chat-row.selected,.primary-action:not(:disabled),.send-button:not(:disabled),.call-controls button:not(:disabled),.info-quick-actions button:not(:disabled){box-shadow:none;background-image:none}}
