:root{--brand:#1f5fd8;--brand-hover:#1a4fb4;--brand-soft:#e7effc;--brand-accent:#0fbe7c;--brand-gradient:linear-gradient(135deg, #0fbe7c, #1f5fd8);--on-brand:#fff;--bg:#fff;--surface:#f2f6fa;--surface-hover:#e6edf4;--chat-bg:#edf2f7;--border:#dfe7ef;--text:#0b1622;--text-2:#5a6b7b;--bubble-in:#fff;--bubble-out:#1a56c7;--on-out:#fff;--on-out-muted:#d5e2fa;--on-out-link:#8ff0c4;--on-out-tick-read:#3ddca0;--on-out-danger:#ffcaca;--on-out-panel:#00000024;--elevated:#fff;--brand-fill-strong:linear-gradient(135deg, #0a8a5a, #1a56c7);--danger-fill:#c93030;--tick-read:#0e9e68;--danger:#d93636;--danger-soft:#fdecec;--success:#0e9e68;--shadow:0 1px 2px #0b16220f, 0 8px 24px #0b162214;--onboarding-bg:url(/siotang-background-plate.jpg) center / cover no-repeat, #fff;--onboarding-card-edge:#e9eff5;--radius:12px;--radius-lg:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--brand:#5e9bff;--brand-hover:#7cafff;--brand-soft:#16243c;--brand-accent:#3ddca0;--brand-gradient:linear-gradient(135deg, #0fbe7c, #1f5fd8);--bg:#0a121b;--surface:#141e29;--surface-hover:#1d2936;--chat-bg:#0a121b;--border:#22303d;--text:#e9f0f6;--text-2:#95a5b5;--bubble-in:#18232f;--tick-read:#3ddca0;--elevated:#1a2632;--danger:#ff6b6b;--danger-soft:#3a1c22;--success:#3dd68c;--shadow:0 1px 2px #0006, 0 8px 24px #00000059;--onboarding-bg:linear-gradient(#05090d4d, #05090d4d), url(/siotang-background-plate.jpg) center / cover no-repeat, #05090d;--onboarding-card-edge:#1e2b38;--art-filter:brightness(.7) saturate(.9);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--brand)}h1,h2{margin:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--text-2)}.small{font-size:13px}.center{text-align:center}.pad{padding:12px 16px}.error{color:var(--danger);margin:0}.danger{color:var(--danger)}.success{color:var(--success)}.brand{color:var(--brand)}.button{border-radius:var(--radius);border:0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.button.small{min-height:34px;padding:0 14px;font-size:14px}.button.primary{background:var(--brand);color:var(--on-brand)}.button.primary:hover:not(:disabled){background:var(--brand-hover)}.button.secondary{background:var(--surface);color:var(--text)}.button.secondary:hover:not(:disabled){background:var(--surface-hover)}.button.danger{background:var(--danger);color:#fff}.button.link{min-height:0;color:var(--brand);background:0 0;padding:0;font-weight:500}.button.link.danger{color:var(--danger)}.button.link.inline{display:inline}.button:disabled{opacity:.5}.icon-button{width:40px;height:40px;color:var(--text-2);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.icon-button:disabled{opacity:.4}.icon-button.brand{color:var(--brand)}.icon-button.light{color:#fff}.icon-button.light:hover{color:#fff;background:#ffffff26}.field{text-align:left;gap:6px;display:grid}.field>span{color:var(--text-2);font-size:13px;font-weight:600}.field input,.field select,.name-edit input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);outline:none;width:100%;min-height:46px;padding:0 14px}.field input:focus,.field select:focus,.name-edit input:focus{border-color:var(--brand);background:var(--bg)}.spinner{opacity:.7;border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.tick{color:var(--text-2);flex:none}.tick-read{color:var(--tick-read)}.tick-failed{color:var(--danger)}.badge{background:var(--brand);min-width:20px;height:20px;color:var(--on-brand);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.tag{background:var(--brand-soft);color:var(--brand);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.notice{border-radius:var(--radius);background:var(--surface);color:var(--text-2);margin:0;padding:10px 12px;font-size:14px}.notice-danger{background:var(--danger-soft);color:var(--danger)}.picker{max-height:55vh;color:var(--text);flex-direction:column;margin:0 -20px;display:flex}.picker .list{overflow-y:auto}.onboarding{background:var(--onboarding-bg);isolation:isolate;justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex;position:relative}.onboarding-card{border:1px solid var(--onboarding-card-edge);background:var(--bg);width:min(420px,100%);box-shadow:var(--shadow);border-radius:24px;gap:16px;padding:32px 28px;display:grid}.onboarding-card h1{text-align:center;font-size:24px}.onboarding-card>p{text-align:center;margin:0}.onboarding-card.center{justify-items:center}.phone-input{gap:8px;display:flex}.phone-code{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;padding:0 14px;font-weight:600;display:inline-flex}.segmented{border-radius:var(--radius);background:var(--surface);border:0;grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:4px;display:grid}.segmented label{min-height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.segmented label.selected{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #0e15251f}.segmented input{opacity:0;pointer-events:none;position:absolute}.code-input{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);letter-spacing:.5em;text-align:center;text-indent:.5em;outline:none;width:100%;min-height:64px;font-size:30px;font-weight:600}.code-input:focus{border-color:var(--brand)}.resend{justify-items:center;gap:8px;display:grid}.resend-buttons{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.replaced-screen .resend-buttons{grid-template-columns:1fr}.workspace{background:var(--bg);grid-template-columns:minmax(320px,400px) 1fr;height:100%;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex}.main{background:var(--chat-bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.welcome{border-bottom:6px solid var(--brand);flex:1;justify-content:center;align-items:center;display:flex}.panel{flex-direction:column;flex:1;min-height:0;display:flex}.panel-scroll{flex:1;overflow-y:auto}.panel-body{align-content:start;gap:16px;padding:16px;display:grid}.panel-footer{border-top:1px solid var(--border);padding:12px 16px}.panel-footer .button{width:100%}.panel-header{background:var(--bg);flex:none;align-items:center;gap:8px;min-height:60px;padding:8px 12px;display:flex}.panel-header h1{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:18px;overflow:hidden}.panel-header-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.main-header{border-bottom:1px solid var(--border)}.profile-button{background:0 0;border:0;border-radius:24px;align-items:center;gap:10px;min-width:0;padding:4px 8px 4px 4px;font-weight:600;display:flex}.profile-button:hover{background:var(--surface-hover)}.profile-button span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-anchor{position:relative}.menu{z-index:20;border-radius:var(--radius);background:var(--bg);min-width:190px;box-shadow:var(--shadow);border:1px solid var(--border);padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:0}.menu button{text-align:left;background:0 0;border:0;border-radius:8px;padding:10px 12px}.menu button:hover{background:var(--surface-hover)}.connection-banner{color:#7a5200;background:#fff4d6;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}@media (prefers-color-scheme:dark){.connection-banner{color:#f5d38a;background:#3a2f10}}.notifications-prompt{background:var(--brand-soft);color:var(--brand);text-align:left;border:0;align-items:center;gap:14px;padding:12px 16px;display:flex}.notifications-prompt>span{color:var(--text);font-size:13px;display:grid}.notifications-prompt strong{font-size:14px}.search{background:var(--surface);color:var(--text-2);border-radius:10px;align-items:center;gap:10px;margin:8px 12px;padding:0 14px;display:flex}.search input{min-width:0;height:38px;color:var(--text);background:0 0;border:0;outline:none;flex:1}.list{flex:1;min-height:0;overflow-y:auto}.list-heading{color:var(--brand);padding:16px 16px 6px;font-size:13px;font-weight:600}.list-row{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:68px;padding:8px 16px;display:flex}div.list-row{cursor:default}.list-row:hover,.list-row.selected{background:var(--surface)}.list-row.active{background:var(--surface-hover)}.list-row.danger .list-row-title,.list-row.danger .round-icon{color:var(--danger)}.list-row-main{flex:1;gap:2px;min-width:0;display:grid}.list-row-top,.list-row-bottom{align-items:center;gap:8px;min-width:0;display:flex}.list-row-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:500;overflow:hidden}.list-row-title.danger{color:var(--danger)}.list-row-time{color:var(--text-2);flex:none;font-size:12px}.list-row-time.unread{color:var(--brand);font-weight:600}.list-row-sub{min-width:0;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:3px;font-size:14px;display:flex;overflow:hidden}.list-row-sub.typing,.typing{color:var(--brand)}.list-row-sub.missed{color:var(--danger)}.chat-row{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent)}.round-icon{background:var(--surface);width:44px;height:44px;color:var(--text-2);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.checkbox{border:2px solid var(--border);width:22px;height:22px;color:var(--on-brand);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.checkbox.checked{border-color:var(--brand);background:var(--brand)}.chips{flex-wrap:wrap;gap:6px;padding:8px 12px 0;display:flex}.chip{background:var(--brand-soft);color:var(--brand);border:0;border-radius:14px;padding:4px 10px;font-size:13px;font-weight:600}.group-hero{justify-content:center;padding:8px 0;display:flex}.call-row{gap:4px}.call-row-main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.empty-state{text-align:center;justify-items:center;gap:8px;max-width:420px;margin:0 auto;padding:40px 24px;display:grid}.empty-state-icon{background:var(--brand-soft);width:64px;height:64px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.empty-state strong{font-size:18px}.empty-state p{color:var(--text-2);margin:0}.empty-state .button{margin-top:12px}.profile{text-align:center;justify-items:center;gap:6px;padding:24px 16px;display:grid}.profile-name{font-size:20px}.name-edit{gap:6px;width:100%;display:flex}.status-pill{background:var(--surface);color:var(--text-2);border-radius:10px;margin-top:4px;padding:2px 10px;font-size:12px;font-weight:600}.status-pill.online{color:var(--success)}.settings-list{border-top:1px solid var(--border);display:grid}.settings-row{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text-2);text-align:left;background:0 0;align-items:center;gap:16px;padding:14px 16px;display:flex}button.settings-row:hover{background:var(--surface)}.settings-row>span{flex:1;gap:2px;font-size:13px;display:grid}.settings-row strong{color:var(--text);font-size:15px;font-weight:500}.settings-row.danger,.settings-row.danger strong{color:var(--danger)}.conversation{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.conversation-header{border-bottom:1px solid var(--border);background:var(--bg);flex:none;align-items:center;gap:4px;min-height:60px;padding:8px 12px;display:flex}.back-button{display:none}.conversation-title{text-align:left;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:12px;min-width:0;padding:4px;display:flex}.conversation-title:disabled{cursor:default}.conversation-title>span{min-width:0;display:grid}.conversation-title strong,.conversation-title span span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-title span span{font-size:13px}.messages{overscroll-behavior:contain;flex:1;overflow-y:auto}.messages-inner{flex-direction:column;justify-content:flex-end;max-width:920px;min-height:100%;margin:0 auto;padding:12px 4% 16px;display:flex}.day-separator,.system-message{justify-content:center;margin:10px 0;display:flex}.day-separator span,.system-message span{background:var(--bg);color:var(--text-2);border-radius:8px;padding:5px 12px;font-size:12.5px;box-shadow:0 1px 1px #0e15250d}.message-line{margin:2px 0;display:flex}.message-line.outgoing{justify-content:flex-end}.bubble{border-radius:var(--radius-lg);background:var(--bubble-in);overflow-wrap:anywhere;flex-direction:column;max-width:min(72%,560px);padding:7px 10px 5px;display:flex;position:relative;box-shadow:0 1px 1px #0e15250f}.incoming .bubble{border-bottom-left-radius:4px}.outgoing .bubble{background:var(--bubble-out);border-bottom-right-radius:4px}.bubble.media{padding:4px}.sender{color:var(--brand);margin-bottom:2px;font-size:13px;font-weight:600}.bubble.media .sender{padding:2px 6px 0}.body{white-space:pre-wrap}.meta{align-self:flex-end;align-items:center;gap:4px;margin-top:1px;margin-left:12px;display:flex}.bubble.media .meta{padding:2px 6px}.meta-text{color:var(--text-2);white-space:nowrap;font-size:11px}.retry{color:var(--danger);background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.image-content{background:var(--surface);cursor:zoom-in;border:0;border-radius:14px;max-width:100%;padding:0;display:block;position:relative;overflow:hidden}.image-content img{object-fit:cover;width:100%;height:100%;display:block}.file-content{background:color-mix(in srgb, var(--text) 5%, transparent);border-radius:10px;align-items:center;gap:10px;min-width:240px;padding:8px;display:flex}.file-meta{flex:1;min-width:0;display:grid}.file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-size{color:var(--text-2);font-size:12px}.call-bubble{text-align:left;border:0;flex-direction:row;align-items:center;gap:10px;padding:8px 14px 8px 8px}.call-bubble>span:last-child{display:grid}.call-icon{background:var(--danger-soft);width:36px;height:36px;color:var(--danger);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.jump-button{background:var(--bg);width:42px;height:42px;color:var(--text-2);box-shadow:var(--shadow);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:84px;right:24px}.composer{background:var(--bg);border-top:1px solid var(--border);flex:none;align-items:flex-end;gap:6px;padding:8px 12px;display:flex}.composer textarea{background:var(--surface);resize:none;border:0;border-radius:21px;outline:none;flex:1;min-height:42px;max-height:160px;padding:10px 14px;line-height:22px}.composer .icon-button{width:42px;height:42px}.send-button,.send-button:disabled{background:var(--brand-fill-strong);color:#fff;cursor:pointer;border:0;border-radius:50%;width:42px;height:42px}.send-button:hover:not(:disabled){background:var(--brand-fill-strong);color:#fff;filter:brightness(1.08)}.send-button:disabled{opacity:.6;cursor:default}.mic-button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.drop-overlay{z-index:10;border:2px dashed var(--brand);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg) 88%, transparent);color:var(--brand);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex;position:absolute;inset:12px}.drawer{z-index:30;border-left:1px solid var(--border);background:var(--bg);width:min(380px,100vw);box-shadow:var(--shadow);flex-direction:column;animation:.18s ease-out slide-in;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}.call-screen{z-index:50;color:#fff;background:radial-gradient(circle at 50% 30%,#25336e,#0b0f19 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.call-screen.video{background:#05070d}.call-identity{text-align:center;justify-items:center;gap:10px;margin-bottom:120px;display:grid}.speaking-ring{place-items:center;display:grid;position:relative}.speaking-ring:before{content:"";border:2px solid var(--brand-accent);opacity:0;will-change:transform, opacity;border-radius:50%;transition:transform 90ms linear,opacity .16s linear;position:absolute;inset:-10px;transform:scale(.94)}.speaking-ring.active:before{opacity:calc(.25 + var(--level,0) * .55);transform:scale(calc(.96 + var(--level,0) * .16))}.call-identity h2{font-size:28px}.call-identity p{color:#ffffffbf;font-variant-numeric:tabular-nums;margin:0;font-size:16px}.remote-video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.local-video{aspect-ratio:4/3;object-fit:cover;background:#111;border-radius:14px;width:min(240px,30vw);position:absolute;bottom:120px;right:24px;transform:scaleX(-1);box-shadow:0 8px 24px #00000080}.call-overlay-status{font-variant-numeric:tabular-nums;background:#00000073;border-radius:20px;padding:8px 16px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.call-controls{gap:20px;display:flex;position:absolute;bottom:36px}.call-button{color:#fff;background:#ffffff29;border:0;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .1s,background .15s;display:inline-flex}.call-button:hover{background:#ffffff42}.call-button:active{transform:scale(.95)}.call-button.on{color:#0b0f19;background:#fff}.call-button.accept{background:#1f9d55}.call-button.decline{background:#d93636}.image-viewer{z-index:60;cursor:zoom-out;background:#05070deb;justify-content:center;align-items:center;padding:64px 24px 24px;display:flex;position:fixed;inset:0}.image-viewer img{object-fit:contain;cursor:default;max-width:100%;max-height:100%}.image-viewer-actions{gap:4px;display:flex;position:absolute;top:12px;right:12px}.replaced-screen{z-index:70;background:var(--chat-bg);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.replaced-screen .onboarding-card{text-align:center;justify-items:center}@media (width<=760px){.workspace{grid-template-columns:1fr}.sidebar{border-right:0}.workspace.has-chat .sidebar,.workspace:not(.has-chat) .main{display:none}.back-button{display:inline-flex}.messages-inner{padding:8px 8px 12px}.bubble{max-width:85%}.onboarding-card{padding:24px 18px}.local-video{width:34vw;bottom:124px;right:12px}}.pad-x{margin:12px 16px}.assistant-intro{align-items:flex-start;gap:14px;padding:16px;display:flex}.assistant-intro p{color:var(--text-2);margin:0;font-size:14px}.assistant-card{border:1px solid var(--border);border-radius:var(--radius-lg);gap:14px;margin:4px 16px 16px;padding:16px;display:grid}.assistant-card p{margin:0}.assistant-card-head{justify-content:space-between;align-items:center;gap:8px;font-size:17px;display:flex}.assistant-card-head .status-pill{margin:0}.status-pill.connecting{color:#b7791f}.switch-row{cursor:pointer;align-items:center;gap:12px;display:flex}.switch-row>span{color:var(--text-2);flex:1;gap:2px;font-size:13px;display:grid}.switch-row strong{color:var(--text);font-size:15px;font-weight:500}.switch-row input[type=checkbox]{appearance:none;background:var(--border);cursor:pointer;border-radius:12px;flex:none;width:42px;height:24px;margin:0;transition:background .15s;position:relative}.switch-row input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.switch-row input[type=checkbox]:checked{background:var(--brand)}.switch-row input[type=checkbox]:checked:after{transform:translate(18px)}.assistant-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-2);white-space:nowrap;border-radius:16px;align-items:center;gap:6px;margin-right:6px;padding:5px 10px;font-size:12.5px;display:inline-flex}.assistant-chip.on{border-color:color-mix(in srgb, var(--brand) 35%, transparent);background:var(--brand-soft);color:var(--brand)}.assistant-chip strong{color:var(--brand);font-weight:600}.assistant-chip:hover:not(:disabled){border-color:var(--brand)}.assistant-label{color:var(--brand);align-items:center;gap:3px;font-size:11px;font-weight:600;display:inline-flex}@media (width<=760px){.assistant-chip span{display:none}}.assistant-section{border-top:1px solid var(--border);gap:8px;padding-top:4px;display:grid}.character{gap:10px;display:grid}.character-spec{border-radius:var(--radius);background:var(--surface);grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;padding:12px;font-size:13px;display:grid}.character-spec dt{color:var(--text-2);font-weight:600}.character-spec dd{margin:0}.character-spec code{background:var(--brand-soft);color:var(--brand);border-radius:4px;padding:1px 5px;font-size:12px}.character-inputs{gap:3px;margin:6px 0 0;padding-left:16px;display:grid}.character-actions{align-items:center;gap:12px;display:flex}@media (width<=520px){.character-spec{grid-template-columns:1fr;gap:2px}.character-spec dd{margin-bottom:8px}}.voices{gap:8px;display:grid}.voices p{margin:0}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;max-height:260px;padding-right:4px;display:grid;overflow-y:auto}.voice{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:6px;padding:6px 8px;display:flex}.voice.chosen{border-color:var(--brand);background:var(--brand-soft)}.voice-play{background:var(--surface);width:30px;height:30px;color:var(--brand);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.voice-play:hover{background:var(--surface-hover)}.voice-name{text-align:left;min-width:0;color:var(--text-2);background:0 0;border:0;flex:1;padding:0;font-size:13px;display:grid}.voice-name strong{color:var(--text);font-size:14px;font-weight:500}.recording-toggle{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.recording-toggle:disabled{cursor:default}.recording.open>.list-row{background:var(--surface)}.recording-player{background:var(--surface);gap:8px;padding:4px 16px 16px;display:grid}.recording-player audio{width:100%}.transcript{gap:2px;margin:0;padding:0;list-style:none;display:grid}.transcript button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:auto auto 1fr;align-items:baseline;gap:8px;padding:6px 8px;display:grid}.transcript button:hover{background:var(--surface-hover)}.transcript li.current button{background:var(--brand-soft)}.transcript-time{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12px}.transcript-who{font-size:12px;font-weight:600}.transcript li.caller .transcript-who{color:var(--success)}.transcript li.assistant .transcript-who{color:var(--brand)}.transcript-text{overflow-wrap:anywhere}.assistant-badge{background:var(--brand-soft);color:var(--brand);vertical-align:middle;border-radius:6px;flex:none;align-items:center;gap:3px;margin-right:4px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-flex}.assistant-badge .verified{color:var(--brand)}.conversation-title .assistant-badge{margin:0 0 0 6px;font-size:11px;overflow:visible}.whatsapp-number{margin:0;font-size:15px}.assistant-card code{background:var(--brand-soft);color:var(--brand);overflow-wrap:anywhere;border-radius:4px;padding:1px 5px;font-size:12px}.meta-guide{border-radius:var(--radius);background:var(--surface)}.meta-guide summary{cursor:pointer;align-items:center;gap:6px;padding:10px 12px;font-size:14px;font-weight:600;list-style:none;display:flex}.meta-guide summary::-webkit-details-marker{display:none}.meta-guide-chevron{color:var(--text-2);flex:none;transition:transform .15s}.meta-guide[open] .meta-guide-chevron{transform:rotate(90deg)}.meta-guide-body{color:var(--text-2);gap:10px;padding:0 12px 12px;font-size:13px;line-height:1.5;display:grid}.meta-guide-body strong{color:var(--text)}.meta-guide-steps{gap:10px;margin:0;padding-left:20px;display:grid}.meta-guide-steps li::marker{color:var(--brand);font-weight:700}.meta-guide a{align-items:center;gap:2px;display:inline-flex}.copy-field{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:4px;margin:6px 0;display:grid}.copy-field-label{color:var(--text);grid-column:1/-1;font-size:12px;font-weight:600}.copy-field code{min-width:0;padding:4px 6px}.icon-button.small{width:30px;height:30px}.directory-verified{color:var(--brand);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.assistant-card-head strong{align-items:center;gap:6px;display:inline-flex}.field textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);resize:vertical;width:100%;font:inherit;outline:none;padding:10px 14px}.field textarea:focus{border-color:var(--brand);background:var(--bg)}.check-row{text-align:left;cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--brand);flex:none;margin:2px 0 0}.check-row>span{color:var(--text-2);gap:2px;font-size:13px;display:grid}.check-row strong{color:var(--text);font-size:15px;font-weight:500}.avatar{position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.viewable{cursor:pointer}.avatar.viewable:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.profile-modal{z-index:40;background:#040a10b8;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out profile-fade;display:flex;position:fixed;inset:0}.profile-modal.leaving{opacity:0;transition:opacity .18s ease-in}.profile-card{background:var(--bg);width:min(420px,100%);max-height:100%;color:var(--text);border-radius:32px;padding:16px;animation:.24s cubic-bezier(.2,.9,.3,1.1) profile-rise;position:relative;overflow-y:auto;box-shadow:0 12px 30px #00000059}.profile-modal.leaving .profile-card{transition:transform .18s ease-in;transform:translateY(24px)scale(.97)}@keyframes profile-fade{0%{opacity:0}}@keyframes profile-rise{0%{opacity:0;transform:translateY(24px)scale(.97)}}.profile-hero{aspect-ratio:1;border-radius:22px;position:relative;overflow:hidden}.profile-photo{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.profile-photo img{object-fit:cover;width:100%;height:100%}.profile-photo.placeholder{background:var(--brand-gradient);cursor:default;justify-content:center;align-items:center;display:flex;overflow:hidden}.profile-photo .orb{background:#ffffff1f;border-radius:50%;position:absolute}.profile-photo .orb.one{aspect-ratio:1;width:90%;top:-30%;right:-25%}.profile-photo .orb.two{aspect-ratio:1;width:60%;bottom:-15%;left:-20%}.profile-initials{color:#ffffffeb;letter-spacing:2px;font-size:min(34vw,140px);font-weight:700;position:relative}.profile-scrim{pointer-events:none;background:linear-gradient(#0b162200,#0b1622e0);height:62%;position:absolute;bottom:0;left:0;right:0}.profile-hero-text{color:#fff;pointer-events:none;gap:4px;display:grid;position:absolute;bottom:60px;left:16px;right:16px}.profile-hero-name{letter-spacing:-.3px;flex-wrap:wrap;align-items:center;gap:8px;font-size:28px;font-weight:700;display:flex}.profile-hero-status{color:#ffffffd9;align-items:center;gap:6px;font-size:14px;display:flex}.online-dot{background:#0fbe7c;border-radius:50%;width:8px;height:8px}.profile-close{color:#fff;background:#0000006b;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:12px;right:12px}.profile-actions{border:1px solid var(--border);background:var(--bg);border-radius:28px;justify-content:space-around;margin:-44px 8px 0;padding:12px 4px;display:flex;position:relative;box-shadow:0 6px 16px #0b16222e}.profile-action{min-width:64px;color:var(--text-2);background:0 0;border:0;justify-items:center;gap:5px;padding:0;font-size:12px;font-weight:600;display:grid}.profile-action.filled{color:var(--brand)}.profile-action-icon{background:var(--surface);width:50px;height:50px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;transition:transform .1s;display:flex}.profile-action:active .profile-action-icon{transform:scale(.92)}.profile-action.filled .profile-action-icon{background:var(--brand-gradient);color:#fff}.profile-info{border-top:1px solid var(--border);gap:4px;margin-top:12px;padding-top:8px;animation:.2s ease-out profile-fade;display:grid}.profile-info-row{color:var(--text-2);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:8px 4px;display:flex}button.profile-info-row{border-radius:10px}button.profile-info-row:hover{background:var(--surface-hover)}.profile-info-text{min-width:0;color:var(--text);overflow-wrap:anywhere;flex:1;font-size:16px}.profile-info-text small{color:var(--text-2);font-size:12px;display:block}.avatar-edit{background:0 0;border:0;border-radius:50%;padding:0;position:relative}.avatar-edit .camera-badge{border:3px solid var(--bg);background:var(--brand-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:0;right:0}.cropper{justify-items:center;gap:16px;display:grid}.cropper-view{cursor:grab;touch-action:none;background:#000;border-radius:12px;position:relative;overflow:hidden}.cropper-view img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;top:50%;left:50%}.cropper-ring{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 999px #00000080}.cropper input[type=range]{width:100%}.camera-view{object-fit:cover;background:#000;border-radius:12px;width:280px;height:280px;transform:scaleX(-1)}.round-icon.brand{background:var(--brand-gradient);color:#fff}.cover-mark{aspect-ratio:452/456;background:var(--brand-gradient);width:168px;margin:0 auto;-webkit-mask:url(/siotang-cover.png) 50%/contain no-repeat;mask:url(/siotang-cover.png) 50%/contain no-repeat}.empty-state-icon:has(.app-logo){background:0 0;width:auto;height:auto}.app-logo{border-radius:18px}.backdrop{pointer-events:none;position:absolute;inset:0}.backdrop.fixed{position:fixed}.onboarding-card{z-index:1;position:relative}.spot{z-index:2;pointer-events:auto;cursor:pointer;animation:spot-in .7s cubic-bezier(.2, 1.5, .4, 1) var(--delay) both, spot-float var(--float) ease-in-out calc(var(--delay) + .7s) infinite alternate;background:0 0;border:0;padding:0;position:absolute}.spot.circle{border-radius:50%}.spot.pill{border-radius:24px}@keyframes spot-in{0%{opacity:0;scale:.35}to{opacity:1;scale:1}}@keyframes spot-float{0%{translate:0}to{translate:var(--dx) var(--dy)}}.spot:before{content:"";inset:calc(var(--pad) * -1);background:var(--sprite) center / 100% 100% no-repeat;filter:var(--art-filter,none);transition:transform .25s cubic-bezier(.3,1.5,.5,1);position:absolute}.spot:hover,.spot:focus-visible,.spot.open{z-index:3;animation-play-state:running,paused}.spot:hover:before,.spot:focus-visible:before,.spot.open:before{transform:scale(1.2)}.spot:focus-visible{outline:none}.spot-bubble{--ring:6px;--ring-fill:linear-gradient(90deg, #34dba6 0%, #2bc4d6 38%, #2b8cf2 74%, #1f5fd8 100%);--panel-fill:radial-gradient(130% 100% at 100% 115%, #58a5ff66 0 46%, transparent 47%), radial-gradient(90% 110% at 0% 0%, #ffffffbf, transparent 62%), linear-gradient(135deg, #e6fcf8, #d2ebff);z-index:4;width:max-content;max-width:250px;padding:var(--ring);filter:drop-shadow(0 10px 18px #14469647);opacity:0;visibility:hidden;pointer-events:none;transform-origin:var(--tx,50%) calc(100% + 20px);transition:opacity .16s,transform .3s cubic-bezier(.2,1.5,.4,1),visibility 0s .3s;position:absolute;top:0;left:0;transform:translateY(8px)scale(.9)}.spot-bubble.below{transform-origin:var(--tx,50%) -20px;transform:translateY(-8px)scale(.9)}.spot-bubble.visible{opacity:1;visibility:visible;transition:opacity .16s,transform .3s cubic-bezier(.2,1.5,.4,1);transform:none}.spot-bubble-body{z-index:1;color:#2b4c63;text-align:left;gap:3px;padding:11px 18px 12px;font-size:13px;line-height:1.4;display:grid;position:relative}.spot-bubble-body strong{background:linear-gradient(100deg,#0aa57a,#1f5fd8);color:#0000;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;width:fit-content;font-size:14.5px;font-weight:700;position:relative}.spot-bubble-shape{left:0;top:var(--shape-top,0);width:100%;height:var(--shape-height,100%);position:absolute}.spot-bubble-shape.ring{background:var(--ring-fill)}.spot-bubble-shape.panel{background:var(--panel-fill)}@media (width<=1100px){.backdrop{display:none}}@media (prefers-reduced-motion:reduce){.spot{animation:none}.spot:before,.spot-bubble{transition:none}}.link-sign-in{justify-items:center;gap:18px;display:grid}.qr-frame{box-sizing:content-box;border:1px solid var(--border);background:#fff;border-radius:20px;width:224px;height:224px;padding:10px;line-height:0;position:relative}.qr-code{border-radius:8px;display:block}.qr-frame.stale .qr-code,.qr-frame.loading .qr-code{opacity:.12;filter:blur(2px)}.qr-cover{border-radius:inherit;color:#1f5fd8;background:#ffffffb8;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:600;line-height:1.2;display:flex;position:absolute;inset:0}button.qr-cover{cursor:pointer}button.qr-cover:hover{background:#ffffffdb}.link-steps{color:var(--text-2);gap:8px;margin:0;padding-left:22px;font-size:14px;display:grid}.link-steps strong{color:var(--text);font-weight:600}.early-access{isolation:isolate;background:var(--onboarding-bg);background-attachment:fixed;min-height:100%;padding:24px 16px 48px;position:relative}.ea-column{z-index:1;gap:16px;max-width:720px;margin:0 auto;display:grid;position:relative}.ea-back{background:color-mix(in srgb, var(--bg) 80%, transparent);width:fit-content;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.ea-back:hover{background:var(--bg)}.ea-card{border:1px solid var(--onboarding-card-edge);background:var(--bg);box-shadow:var(--shadow);border-radius:24px;padding:28px}.ea-card h2{margin:0 0 14px;font-size:20px}.ea-card p{color:var(--text-2);margin:0;line-height:1.55}.ea-hero{text-align:center;gap:14px;display:grid}.ea-hero .cover-mark{width:120px}.ea-hero h1{letter-spacing:-.02em;background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px}.ea-lead{max-width:520px;font-size:16px;margin:0 auto!important}.ea-join{text-align:left;justify-content:center;align-items:center;gap:28px;margin-top:8px;display:flex}.ea-join-actions{gap:14px;display:grid}.button.primary.ea-join-button{background:var(--brand-gradient);border:0;justify-self:start;padding:12px 22px;font-size:16px;text-decoration:none}.button.primary.ea-join-button:hover{background:var(--brand-gradient);filter:brightness(1.06)}.ea-facts{color:var(--text-2);gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.ea-facts li{align-items:center;gap:8px;display:flex}.ea-facts svg{color:var(--brand);flex:none}.ea-qr{justify-items:center;gap:8px;margin:0;display:grid}.ea-qr .qr-code{border:1px solid var(--border);background:#fff;border-radius:14px;padding:8px}.ea-qr figcaption{max-width:160px;color:var(--text-2);text-align:center;font-size:12px}.ea-steps,.ea-cautions{gap:16px;margin:0;padding:0;list-style:none;display:grid}.ea-step{gap:14px;display:flex}.ea-step-number{background:var(--brand-gradient);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.ea-step-title{color:var(--text);margin:4px 0;display:block}.ea-step p strong{color:var(--text)}.ea-note{margin-bottom:16px!important}.ea-caution{background:var(--surface);border-left:4px solid #e8a33a;border-radius:12px;gap:6px;padding:14px 16px;display:grid}.ea-says{align-items:flex-start;gap:8px;font-weight:600;display:flex;color:var(--text)!important}.ea-says svg{color:#e8a33a;flex:none;margin-top:3px}.ea-tap{font-size:14px;color:var(--text)!important}.ea-tap strong{color:var(--brand)}.ea-safety{border-color:color-mix(in srgb, var(--brand-accent) 40%, transparent);gap:16px;display:flex}.ea-safety>svg{color:var(--brand-accent);flex:none}.ea-safety p+p{margin-top:10px}.ea-footer{color:var(--text-2);text-align:center;font-size:13px}@media (width<=600px){.ea-card{padding:22px 18px}.ea-hero h1{font-size:26px}.ea-join{flex-direction:column;align-items:stretch}.button.primary.ea-join-button{justify-content:center;justify-self:stretch}.ea-qr{display:none}}.early-access-callout{background:var(--brand-gradient);color:#fff;text-align:left;border-radius:18px;align-items:center;gap:12px;margin:-8px -8px 2px;padding:12px 14px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 18px #1f5fd84d}.early-access-callout:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1f5fd861}.early-access-callout:focus-visible{outline-offset:2px;outline:3px solid #1f5fd873}.early-access-callout-icon{background:#ffffff2e;border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.early-access-callout-text{flex:1;gap:2px;min-width:0;font-size:13px;line-height:1.35;display:grid}.early-access-callout-text strong{font-size:15px}.early-access-callout-text>span:last-child{opacity:.9}.early-access-callout-badge{letter-spacing:.04em;text-transform:uppercase;background:#ffffff38;border-radius:999px;align-items:center;gap:4px;width:fit-content;margin-bottom:2px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-flex}.early-access-callout-go{flex:none;transition:transform .15s}.early-access-callout:hover .early-access-callout-go{transform:translate(3px)}.message-menu-button{z-index:1;background:inherit;width:24px;height:24px;box-shadow:-6px 0 8px -2px var(--bubble-in);color:var(--text-2);opacity:0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .12s;display:flex;position:absolute;top:4px;right:4px}.outgoing .message-menu-button{box-shadow:-6px 0 8px -2px var(--bubble-out)}.bubble.media .message-menu-button{box-shadow:none;color:#fff;background:#00000073;top:8px;right:8px}.bubble:hover .message-menu-button,.message-menu-button:focus-visible{opacity:1}@media (hover:none){.message-menu-button{opacity:.7}}.message-menu{z-index:45;min-width:160px;position:fixed;top:auto;right:auto}.message-menu button{align-items:center;gap:10px;display:flex}.message-menu .danger{color:var(--danger)}.deleted-note{color:var(--text-2);align-items:center;gap:6px;padding-right:18px;font-style:italic;display:inline-flex}.deleted-note svg{flex:none}.delete-option{color:var(--text);cursor:pointer;align-items:center;gap:12px;margin-top:4px;font-size:15px;display:flex}.undo-bar{z-index:15;color:#fff;background:#1c2733;border-radius:12px;align-items:center;gap:24px;padding:12px 16px 12px 20px;font-size:15px;animation:.18s ease-out undo-in;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}.undo-bar button{color:#3ddca0;letter-spacing:.04em;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-weight:700}.undo-bar button:hover{background:#ffffff14}@keyframes undo-in{0%{opacity:0;transform:translate(-50%,8px)}}.forwarded-label{color:var(--text-2);align-items:center;gap:4px;margin-bottom:2px;padding-right:18px;font-size:12px;font-style:italic;display:inline-flex}.forwarded-label svg.second{margin-left:-9px}.bubble.media .forwarded-label{padding:2px 6px 0}.checkbox.round{border-radius:50%;width:22px;height:22px}.selection-header .selection-count{flex:1;margin-left:8px;font-size:16px}.select-row{cursor:pointer;align-items:center;gap:12px;margin:0 -4%;padding:0 4%;display:flex}.select-row>.message-line,.select-row>.system-message{flex:1;min-width:0}.select-row.selected{background:color-mix(in srgb, var(--brand) 14%, transparent)}.select-row:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.forward-body{flex-direction:column;min-height:0;max-height:min(640px,100vh - 80px);display:flex}.forward-search{margin:4px 0}.forward-hint{color:var(--text-2);margin:4px 4px 0;font-size:13px}.forward-list{flex:1;min-height:160px;margin:0 -16px;overflow-y:auto}.forward-list .list-heading{padding-left:20px}.forward-list .list-row{min-height:56px;padding:6px 20px}.forward-empty{color:var(--text-2);text-align:center;padding:24px 20px}.forward-footer{border-top:1px solid var(--border);gap:8px;margin:0 -16px;padding:12px 16px 4px;display:grid}.forward-footer p{margin:0}.forward-recipients{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.forward-preview{border-left:3px solid var(--brand);background:var(--surface);color:var(--text-2);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.forward-preview span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.forward-compose{align-items:flex-end;gap:8px;display:flex}.forward-compose textarea{border:1px solid var(--border);background:var(--surface);min-height:42px;max-height:120px;color:var(--text);font:inherit;resize:none;border-radius:21px;flex:1;padding:10px 14px}.forward-send{background:var(--brand-gradient);color:#fff;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.forward-send:disabled{opacity:.4}.quote{border-left:4px solid var(--text-2);background:color-mix(in srgb, var(--text) 6%, transparent);text-align:left;border-radius:8px;align-items:center;gap:8px;margin:2px 0 4px;padding:5px 8px;display:flex}.quote.openable{cursor:pointer}.quote.openable:hover{background:color-mix(in srgb, var(--text) 10%, transparent)}.bubble .quote{min-width:180px;margin-right:18px}.bubble.media .quote{margin:2px 2px 4px}.quote-body{flex:1;gap:1px;min-width:0;display:grid}.quote-author{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.quote-where{color:var(--text-2);font-weight:400}.quote-text{color:var(--text-2);white-space:pre-wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.quote-text.italic{font-style:italic}.quote-thumbnail{object-fit:cover;border-radius:6px;flex:none;width:40px;height:40px}.quote-cancel{align-self:flex-start}.composer-area{flex:none}.composer-quote{background:var(--bg);border-top:1px solid var(--border);padding:8px 12px 0}.composer-quote .quote{margin:0}.message-row.flash{animation:1.6s ease-out quote-flash}@keyframes quote-flash{0%,35%{background:color-mix(in srgb, var(--brand) 22%, transparent)}to{background:0 0}}.composer-quote+.composer{border-top:0}.outgoing .bubble{color:var(--on-out)}.outgoing .bubble .meta-text,.outgoing .bubble .forwarded-label,.outgoing .bubble .deleted-note,.outgoing .bubble .file-size,.outgoing .bubble .quote-text,.outgoing .bubble .quote-where,.outgoing .bubble .assistant-label,.outgoing .bubble .file-content .icon-button{color:var(--on-out-muted)}.outgoing .bubble .file-content .brand{color:var(--on-out)}.outgoing .bubble .body a{color:var(--on-out-link);text-decoration:underline}.outgoing .bubble .retry,.outgoing .bubble .meta-text.danger{color:var(--on-out-danger)}.outgoing .bubble .quote,.outgoing .bubble .file-content{background:var(--on-out-panel)}.outgoing .bubble .quote.openable:hover{background:#0003}.outgoing .bubble .quote-author{color:var(--on-out)}.outgoing .message-menu-button{color:var(--on-out-muted)}.outgoing .bubble .tick{color:var(--on-out)}.outgoing .bubble .tick-pending{color:var(--on-out-muted)}.outgoing .bubble .tick-read{color:var(--on-out-tick-read)}.outgoing .bubble .tick-failed{color:var(--on-out-danger)}.sheet-layer{z-index:90;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#040a108c;animation:.24s ease-out sheet-fade-in;position:absolute;inset:0}.sheet{background:var(--elevated);width:min(420px,100%);max-height:calc(100vh - 32px);color:var(--text);border-radius:24px;flex-direction:column;padding:0 16px 12px;transition:translate .2s ease-out;animation:.24s ease-out sheet-rise-card;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #040a1059}.sheet.wide{width:min(460px,100%)}.sheet.dragging{transition:none}.sheet-layer.leaving .sheet-backdrop{opacity:0;transition:opacity .2s ease-in}.sheet-layer.leaving .sheet{opacity:0;transition:opacity .2s ease-in,transform .2s ease-in;transform:translateY(24px)}@keyframes sheet-fade-in{0%{opacity:0}}@keyframes sheet-rise-card{0%{opacity:0;transform:translateY(24px)}}@keyframes sheet-rise{0%{transform:translateY(100%)}}@media (width<=600px){.sheet-layer{align-items:flex-end;padding:0}.sheet,.sheet.wide{width:100%;max-height:92vh;padding-bottom:calc(env(safe-area-inset-bottom) + 12px);border-radius:24px 24px 0 0;animation-name:sheet-rise}.sheet-layer.leaving .sheet{opacity:1;transform:translateY(100%)}}.sheet-grip{cursor:grab;touch-action:none;flex:none;justify-content:center;padding:10px 0 8px;display:flex}.sheet-handle{background:var(--border);border-radius:2px;width:36px;height:4px}.sheet-body{flex-direction:column;gap:8px;padding:8px 4px 0;display:flex;overflow-y:auto}.sheet-icon{background:color-mix(in srgb, var(--brand) 12%, transparent);width:44px;height:44px;color:var(--brand);border-radius:12px;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.sheet-icon.danger{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.sheet-title{margin:0;font-size:19px;font-weight:600;line-height:1.3}.sheet-heading{padding:4px 4px 8px}.sheet-message{color:var(--text-2);margin:0;font-size:15px;line-height:21px}.sheet-actions{gap:4px;margin-top:14px;display:grid}.sheet-primary{background:var(--brand-fill-strong);color:#fff;border:0;border-radius:25px;justify-content:center;align-items:center;width:100%;height:50px;font-size:16px;font-weight:600;display:flex}.sheet-primary.destructive{background:var(--danger-fill)}.sheet-primary:hover:not(:disabled){filter:brightness(1.07)}.sheet-primary:disabled{opacity:.5}.sheet-primary:focus-visible,.sheet-secondary:focus-visible,.sheet-option:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sheet-secondary{width:100%;color:var(--brand);background:0 0;border:0;border-radius:12px;padding:12px;font-size:16px;font-weight:600}.sheet-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--brand) 8%, transparent)}.sheet-menu{flex-direction:column;min-height:0;display:flex}.sheet-menu-header{align-items:center;gap:12px;padding:4px 4px 12px;display:flex}.sheet-menu-title{margin:0;font-size:18px;font-weight:600}.sheet-menu-subtitle{color:var(--text-2);margin:2px 0 0;font-size:14px}.sheet-options{gap:2px;display:grid;overflow-y:auto}.sheet-option{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;padding:8px 4px;display:flex}.sheet-option:hover{background:var(--surface)}.sheet-option-tile{background:var(--brand-gradient);color:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sheet-option.destructive .sheet-option-tile{background:var(--danger-fill)}.sheet-option-text{gap:1px;display:grid}.sheet-option-label{font-size:16px;font-weight:500}.sheet-option.destructive .sheet-option-label{color:var(--danger)}.sheet-option-description{color:var(--text-2);font-size:13px}.sheet-divider{background:var(--border);height:1px;margin:8px 0 4px}@media (prefers-reduced-motion:reduce){.sheet,.sheet-backdrop{animation:none}}.sheet-picker{flex:1;min-height:120px;max-height:none;margin:0 -16px;overflow-y:auto}.audio-player{align-items:center;gap:10px;min-width:240px;padding:2px 18px 2px 0;display:flex}.audio-button{background:var(--brand);color:#fff;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.audio-button .play-glyph{fill:currentColor;margin-left:2px}.outgoing .bubble .audio-button{color:#1a56c7;background:#fff}.audio-body{flex:1;gap:4px;min-width:0;display:grid}.audio-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.audio-track{background:color-mix(in srgb, var(--text-2) 35%, transparent);border-radius:2px;height:3px;position:relative;overflow:hidden}.outgoing .bubble .audio-track{background:color-mix(in srgb, var(--on-out-muted) 35%, transparent)}.audio-fill{background:var(--brand);position:absolute;inset:0 auto 0 0}.outgoing .bubble .audio-fill{background:#fff}.audio-time{color:var(--text-2);font-size:12px}.outgoing .bubble .audio-time{color:var(--on-out-muted)}.video-tile{color:#fff;cursor:pointer;background:#0b0f19;border:0;border-radius:12px;justify-content:center;align-items:center;width:240px;height:150px;padding:0;display:flex;position:relative}.video-play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.video-play svg{fill:currentColor;margin-left:3px}.video-tile:hover .video-play{background:#ffffff47}.video-caption{color:#ffffffd9;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:12px;position:absolute;bottom:8px;left:10px;right:10px;overflow:hidden}.video-player{z-index:60;background:#05070df5;justify-content:center;align-items:center;padding:64px 24px 24px;display:flex;position:fixed;inset:0}.video-player video{background:#000;border-radius:8px;max-width:100%;max-height:100%}.video-failed{color:#fffc;text-align:center;justify-items:center;gap:10px;max-width:340px;display:grid}.video-failed strong{color:#fff;font-size:18px}.video-failed .sheet-primary{margin-top:8px}.file-content.risky .file-warning{color:var(--danger);flex:none}.file-content.risky .file-size{color:var(--danger);font-weight:600}.outgoing .bubble .file-content.risky .file-warning,.outgoing .bubble .file-content.risky .file-size{color:var(--on-out-danger)}.stranger-banner{border:1px solid var(--border);background:var(--surface);color:var(--brand);border-radius:12px;flex:none;gap:12px;margin:10px 12px 0;padding:12px 14px;display:flex}.stranger-banner>div{color:var(--text);flex:1;gap:2px;display:grid}.stranger-banner span{color:var(--text-2);font-size:14px}.stranger-actions{gap:18px;margin-top:6px;display:flex}.stranger-actions button,.blocked-bar button{color:var(--brand);background:0 0;border:0;padding:0;font-size:15px;font-weight:600}.stranger-actions button.danger{color:var(--danger)}.blocked-bar{border-top:1px solid var(--border);background:var(--bg);min-height:58px;color:var(--text-2);flex:none;justify-content:center;align-items:center;gap:12px;padding:8px 12px;display:flex}.image-content .image-placeholder{filter:blur(12px);position:absolute;inset:0;transform:scale(1.15)}.image-content img:not(.image-placeholder){opacity:0;transition:opacity .15s;position:relative}.image-content img.loaded{opacity:1}.video-tile{overflow:hidden}.video-tile:disabled{cursor:default}.video-thumbnail{object-fit:cover;filter:blur(2px);opacity:.85;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.05)}.video-thumbnail.sharp{filter:none;opacity:1;transform:none}.video-play,.video-caption{z-index:1}.video-caption{color:#fff;text-shadow:0 1px 3px #0009;align-items:center;gap:5px;font-weight:600;display:flex}.video-caption svg{flex:none}.transfer-overlay{z-index:2;color:#fff;cursor:pointer;background:#0000008c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:64px;height:64px;margin:-32px 0 0 -32px;display:flex;position:absolute;top:50%;left:50%}.transfer-overlay:hover{background:#000000b3}.transfer-percent{font-size:14px;font-weight:700}.bubble.media .caption{padding:4px 6px 0}.file-content+.caption,.video-tile+.caption,.audio-player+.caption{margin-top:4px}.send-media{z-index:55;color:#fff;background:#05070d;flex-direction:column;display:flex;position:fixed;inset:0}.send-media-header{justify-content:space-between;align-items:center;padding:10px 12px 0;display:flex}.send-media-counter{font-size:15px;font-weight:600}.send-media-actions{gap:4px;display:flex}.send-media-qualities{align-self:center;margin-top:4px}.pill-tray{background:#ffffff24;border-radius:999px;gap:4px;padding:3px;display:flex}.pill-tray button{color:#fff;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600}.pill-tray button.on{color:#0b0f19;background:#fff}.pill-button{color:#fff;white-space:nowrap;cursor:pointer;background:#ffffff24;border:0;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.pill-button:hover{background:#ffffff38}.pill-button.on{color:#3ddc97;background:#ffffff3d}.pill-button:disabled{opacity:.4;cursor:default}.send-media-main{touch-action:pan-y;flex:1;align-items:center;gap:8px;min-height:0;padding:16px 12px;display:flex}.send-media-step:disabled{visibility:hidden}.send-media-stage{flex:1;justify-content:center;align-self:stretch;align-items:center;min-width:0;min-height:0;display:flex}.send-media-stage img{transition:transform .2s}.send-media-stage video{background:#000;border-radius:8px}.send-media-document{text-align:center;justify-items:center;gap:10px;max-width:420px;display:grid}.send-media-document strong{overflow-wrap:anywhere;font-size:17px}.send-media-document span{color:#ffffffbf}.send-media-strip{justify-content:center;gap:8px;padding:4px 16px 8px;display:flex;overflow-x:auto}.send-media-thumb{color:#fff;cursor:pointer;background:#1a2632;border:2px solid #0000;border-radius:10px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;padding:0;display:flex;overflow:hidden}.send-media-thumb.on{border-color:#3ddc97}.send-media-thumb.add{background:0 0;border:2px dashed #ffffff59}.send-media-thumb{position:relative}.send-media-thumb img{object-fit:cover;width:100%;height:100%}.send-media-thumb-play{background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute}.send-media-thumb-play svg{fill:currentColor;margin-left:2px}.send-media-footer{width:100%;max-width:760px;padding:4px 16px max(16px, env(safe-area-inset-bottom));gap:8px;margin:0 auto;display:grid}.send-media-summary{color:#fffc;font-size:13px}.send-media-compose{align-items:flex-end;gap:10px;display:flex}.send-media-compose textarea{color:#fff;min-height:46px;max-height:120px;font:inherit;resize:none;background:#ffffff24;border:0;border-radius:22px;outline:none;flex:1;padding:12px 16px;font-size:15px}.send-media-compose textarea::placeholder{color:#fff9}.send-media-send{background:var(--brand-fill-strong);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.send-media-send:disabled{cursor:default;opacity:.8}@media (width<=600px){.send-media-step{display:none}.send-media-main{padding:12px 0}.send-media-strip{justify-content:flex-start}}.photo-editor{z-index:58;color:#fff;-webkit-user-select:none;user-select:none;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.editor-defs{width:0;height:0;position:absolute}.editor-header{justify-content:space-between;align-items:center;padding:10px 12px 6px;display:flex}.editor-header-actions{align-items:center;gap:8px;display:flex}.editor-header .icon-button:disabled{opacity:.4}.editor-done{background:var(--brand-fill-strong);color:#fff;cursor:pointer;border:0;border-radius:19px;justify-content:center;align-items:center;min-width:76px;height:38px;padding:0 20px;font-size:15px;font-weight:700;display:flex}.editor-done:disabled{opacity:.6;cursor:default}.editor-stage{touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.editor-stage.tool-draw{cursor:crosshair}.editor-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.editor-loading{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.crop-layer{position:absolute;inset:0}.crop-shade{pointer-events:none;background:#0009;position:absolute}.crop-frame{cursor:move;touch-action:none;border:1px solid #ffffffe6;position:absolute}.crop-third{pointer-events:none;background:#ffffff80;position:absolute}.crop-third.v1,.crop-third.v2{width:1px;top:0;bottom:0}.crop-third.v1{left:33.33%}.crop-third.v2{left:66.66%}.crop-third.h1,.crop-third.h2{height:1px;left:0;right:0}.crop-third.h1{top:33.33%}.crop-third.h2{top:66.66%}.crop-corner{touch-action:none;width:44px;height:44px;position:absolute}.crop-corner:after{content:"";border:0 solid #fff;width:22px;height:22px;position:absolute}.crop-corner.tl,.crop-corner.br{cursor:nwse-resize}.crop-corner.tr,.crop-corner.bl{cursor:nesw-resize}.crop-corner.tl:after{border-top-width:3px;border-left-width:3px;top:19px;left:19px}.crop-corner.tr:after{border-top-width:3px;border-right-width:3px;top:19px;left:3px}.crop-corner.bl:after{border-bottom-width:3px;border-left-width:3px;top:3px;left:19px}.crop-corner.br:after{border-bottom-width:3px;border-right-width:3px;top:3px;left:3px}.editor-comparing{pointer-events:none;background:#0009;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;position:absolute;top:16px;left:50%;transform:translate(-50%)}.editor-panel{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:118px;padding:10px 0 6px;display:flex}.editor-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:0 16px;display:flex}.editor-hint{color:#ffffffb3;text-align:center;padding:0 16px;font-size:12px}.editor-filters{gap:10px;max-width:100%;padding:2px 16px 4px;display:flex;overflow-x:auto}.editor-filter{color:#fff;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:4px;padding:0;display:flex}.editor-filter-frame{background:#1a2632;border:2px solid #0000;border-radius:10px;width:64px;height:64px;overflow:hidden}.editor-filter-frame img{object-fit:cover;width:100%;height:100%;display:block}.editor-filter.on .editor-filter-frame{border-color:#3ddc97}.editor-filter-name{white-space:nowrap;font-size:12px}.editor-filter.on .editor-filter-name{color:#3ddc97}.editor-strength{color:#fffc;align-items:center;gap:10px;width:min(520px,100%);padding:0 16px;font-size:13px;display:flex}.editor-strength input{accent-color:#3ddc97;flex:1}.editor-percent{text-align:right;min-width:40px}.editor-palette{gap:10px;max-width:100%;padding:4px 16px;display:flex;overflow-x:auto}.editor-swatch{cursor:pointer;border:2px solid #ffffff59;border-radius:50%;flex:none;width:28px;height:28px;padding:0;transition:transform .12s}.editor-swatch.on{border-color:#fff;transform:scale(1.2)}.editor-size{cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.editor-size.on{background:#fff3}.editor-size span{border-radius:50%;box-shadow:0 0 0 1px #ffffff59}.editor-stickers{grid-template-columns:repeat(12,1fr);width:min(640px,100%);max-height:150px;padding:0 8px;display:grid;overflow-y:auto}.editor-sticker{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0;font-size:28px;line-height:1}.editor-sticker:hover{background:#ffffff1f}.editor-tabs{padding:8px 8px max(10px, env(safe-area-inset-bottom));border-top:1px solid #ffffff26;justify-content:space-around;display:flex}.editor-tabs button{color:#fff;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-width:60px;padding:4px;font-size:11px;display:flex}.editor-tabs button.on{color:#3ddc97}.editor-writing{z-index:2;background:#000000b3;flex-direction:column;padding-bottom:16px;display:flex;position:absolute;inset:0}.editor-box-toggle{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.editor-box-toggle.on{color:#111;background:#fff}.editor-writing-area{flex:1;justify-content:center;align-items:center;padding:0 32px;display:flex}.editor-writing-area textarea{width:min(640px,100%);font:inherit;text-align:center;resize:none;background:0 0;border:0;border-radius:14px;outline:none;padding:8px 16px;font-size:28px;font-weight:700}.editor-writing-area textarea::placeholder{color:#fff9}.editor-writing .editor-palette{align-self:center}@media (width<=600px){.editor-stickers{grid-template-columns:repeat(8,1fr)}}@supports (field-sizing:content){.editor-writing-area textarea{field-sizing:content;width:auto;min-width:6ch;max-width:100%}}.image-frame{max-width:100%;position:relative}.voice-chip{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0000008c;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;display:flex}.voice-chip.on-photo{z-index:1;position:absolute;bottom:8px;left:8px;right:8px}.voice-play{color:#0b0f19;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.voice-play svg{fill:currentColor}.voice-chip>svg{flex:none}.voice-bars{flex:1;align-items:center;gap:2px;min-width:0;height:22px;display:flex;overflow:hidden}.voice-bars span{background:#fff;border-radius:2px;flex:1;max-width:4px;min-height:3px}.voice-bars span.dim{background:#ffffff73}.voice-time{font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:600}.voice-remove{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;margin:-4px -6px -4px 0;padding:4px;display:flex}.voice-remove:hover{background:#ffffff26}.voice-recorder{align-items:center;gap:10px;min-height:48px;display:flex}.voice-recorder .voice-bars{height:28px}.voice-dot{background:#e53935;border-radius:50%;flex:none;width:10px;height:10px;animation:1s ease-in-out infinite alternate voice-pulse}@keyframes voice-pulse{to{opacity:.35}}.voice-recorder-time{font-variant-numeric:tabular-nums;min-width:40px;font-size:15px;font-weight:600}.voice-stop{cursor:pointer;background:#e53935;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.voice-stop span{background:#fff;border-radius:3px;width:16px;height:16px}.voice-stop:disabled{opacity:.5;cursor:default}.send-media-voice{align-self:flex-start;width:min(360px,100%)}.send-media-mic{flex:none;width:44px;height:44px;margin-bottom:1px}.send-media-thumb-mic{color:#fff;background:#000000a6;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:3px;right:3px}@media (prefers-reduced-motion:reduce){.voice-dot{animation:none}}.voice-note{align-items:center;gap:10px;width:260px;max-width:100%;padding:4px 2px 2px;display:flex}.voice-note-play{background:var(--brand-fill-strong);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex}.voice-note-play .play-glyph{fill:currentColor;margin-left:2px}.voice-note-play:disabled{opacity:.6;cursor:default}.outgoing .bubble .voice-note-play{color:#1a56c7;background:#fff}.voice-note-body{flex:1;gap:2px;min-width:0;display:grid}.voice-note-bars{cursor:pointer;touch-action:none;align-items:center;gap:2px;height:34px;display:flex;position:relative}.voice-note-bars span:not(.voice-note-knob){background:var(--text-2);opacity:.55;border-radius:2px;flex:1;min-height:3px}.voice-note-bars span.on{background:var(--brand);opacity:1}.outgoing .bubble .voice-note-bars span:not(.voice-note-knob){background:var(--on-out-muted)}.outgoing .bubble .voice-note-bars span.on{background:#fff}.voice-note-knob{background:var(--brand);pointer-events:none;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%}.outgoing .bubble .voice-note-knob{background:#fff}.voice-note-bars:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.voice-note-meta{align-items:center;gap:6px;min-height:18px;display:flex}.voice-note-time{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12px}.outgoing .bubble .voice-note-time{color:var(--on-out-muted)}.voice-note-dot{background:var(--brand);border-radius:50%;width:7px;height:7px}.voice-note-fill{flex:1}.voice-note-chip{border:1px solid var(--text-2);min-width:30px;height:18px;color:var(--text);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.voice-note-chip.on{border-color:var(--brand);background:var(--brand);color:#fff}.outgoing .bubble .voice-note-chip{border-color:var(--on-out-muted);color:#fff}.outgoing .bubble .voice-note-chip.on{color:#1a56c7;background:#fff;border-color:#fff}.voice-note-mic{color:var(--on-out-muted);flex:none}.voice-note-mic.played{color:#3ddca0}.voice-player-bar{background:var(--surface);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.voice-player-bar-play{background:var(--brand-fill-strong);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.voice-player-bar-play .play-glyph{fill:currentColor;margin-left:2px}.voice-player-bar-body{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;gap:5px;padding:0;display:grid}.voice-player-bar-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.voice-player-bar-track{background:var(--border);border-radius:2px;height:3px;overflow:hidden}.voice-player-bar-track span{background:var(--brand);height:3px;display:block}.voice-player-bar-time{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12px}.holding-hint{flex:1;align-items:center;gap:10px;min-height:42px;padding:0 10px;display:flex;position:relative}.recording-time{min-width:42px;color:var(--text);font-variant-numeric:tabular-nums;font-size:15px}.recording-time.muted{color:var(--text-2)}.holding-slide{color:var(--text-2);text-align:center;flex:1;font-size:14px}.holding-lock{border:1px solid var(--border);background:var(--bg);width:42px;color:var(--text-2);pointer-events:none;border-radius:21px;flex-direction:column;align-items:center;gap:2px;padding:8px 0;display:flex;position:absolute;bottom:54px;right:-46px;box-shadow:0 4px 12px #0000001f}.recording-bar{flex:1;align-items:center;gap:8px;min-height:42px;display:flex}.recording-main{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.recording-bars{flex:1;align-items:center;gap:2px;min-width:0;height:30px;display:flex;overflow:hidden}.recording-bars span{background:var(--text-2);border-radius:2px;flex:1;max-width:4px;min-height:3px}.recording-bars.live span{background:var(--danger)}.recording-bars.listening span.on{background:var(--brand)}.recording-bars-hit{cursor:pointer;flex:1;min-width:0;display:flex}.recording-round{border:2px solid var(--danger);width:42px;height:42px;color:var(--danger);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.icon-button.danger-icon{color:var(--danger)}.voice-note-with-transcript{gap:2px;display:grid}.voice-note-transcript{gap:4px;max-width:260px;display:grid}.voice-note-transcript-toggle{color:var(--brand);cursor:pointer;background:0 0;border:0;justify-self:start;padding:2px 0;font-size:13px;font-weight:600}.outgoing .bubble .voice-note-transcript-toggle{color:var(--on-out-link)}.voice-note-transcript-text{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.4}.page{background:var(--surface);flex-direction:column;flex:1;min-height:0;display:flex;container-type:inline-size}.page-scroll{flex:1;overflow-y:auto}.page-inner{align-content:start;gap:20px;max-width:1080px;margin:0 auto;padding:24px 32px 48px;display:grid}.page-inner.wide{max-width:1320px}.page-crumbs{color:var(--text-2);align-items:center;gap:4px;margin-bottom:-12px;font-size:13px;display:flex}.page-crumbs .crumb{color:var(--text-2);font-size:13px;font-weight:400;text-decoration:underline}.page-title-row{align-items:center;gap:14px;display:flex}.page-title-row h1,.appearance-controls h1{margin:0;font-size:26px;font-weight:700}.grow{flex:1}.page-pill{background:var(--surface-hover);color:var(--text-2);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600}.page-pill.on{background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--success)}.page-pill.small{vertical-align:1px;margin-left:6px;padding:2px 8px;font-size:11.5px}.page-lead{max-width:760px;color:var(--text-2);margin:-8px 0 0;font-size:14.5px;line-height:1.5}.page-columns{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@container (width>=820px){.page-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-column{gap:20px;min-width:0;display:grid}.page-card{border:1px solid var(--border);background:var(--bg);border-radius:16px;gap:14px;min-width:0;padding:20px;display:grid}.page-card-head h2,.page-card h2{margin:0;font-size:16px;font-weight:600}.page-card-head p{color:var(--text-2);margin:4px 0 0;font-size:13.5px;line-height:1.45}.page-card-head.row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button.outline{border:1px solid color-mix(in srgb, var(--text-2) 40%, transparent);background:var(--bg);color:var(--text);font-weight:500;text-decoration:none}.button.outline:hover:not(:disabled){background:var(--surface)}.button.start{justify-self:start}.button.gradient{background:var(--brand-fill-strong);color:#fff}.button.gradient:hover:not(:disabled){filter:brightness(1.08)}.button.link.small{gap:6px;font-size:13px;font-weight:600}.switch{background:color-mix(in srgb, var(--text-2) 55%, transparent);border:0;border-radius:14px;flex:none;width:48px;height:28px;padding:0;transition:background .15s;position:relative}.switch span{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch[aria-checked=true]{background:var(--brand)}.switch[aria-checked=true] span{transform:translate(20px)}.switch:disabled{opacity:.5}.seg{background:var(--surface);border-radius:10px;gap:2px;padding:3px;display:flex}.seg button{min-height:38px;color:var(--text-2);white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:1 1 0;padding:0 8px;font-size:13px;font-weight:500}.seg button[aria-pressed=true]{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #0b162224}.tab-pills{flex-wrap:wrap;gap:4px;display:flex}.tab-pills button{background:var(--surface);min-height:34px;color:var(--text-2);border:0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:500}.tab-pills button[aria-selected=true]{background:var(--text);color:var(--bg)}.code-block{color:#d8e2ec;white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1622;border-radius:12px;margin:0;padding:16px 18px;font:13px/1.7 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.code-block.small{padding:14px 16px;font-size:12px;line-height:1.65}.code-comment{color:#7d8fa1}.code-tag,.code-keyword{color:#7cc4ff}.code-box{min-width:0;position:relative}.code-box .code-block{padding-right:52px}.code-copy{color:#d8e2ec;background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:8px;right:8px}.code-copy:hover{background:#ffffff24}.snippet-where{background:var(--surface);color:var(--text-2);border-radius:10px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.snippet-where strong{color:var(--text);font-weight:600}.snippet-where code{color:var(--text);font:12.5px JetBrains Mono,ui-monospace,Menlo,monospace}.code-attr{color:#3ddca0}.code-string{color:#ffd28a}.code-caption{color:var(--text);margin-bottom:-6px;font-size:12.5px;font-weight:600}@media (prefers-color-scheme:dark){.code-block{border:1px solid var(--border);background:#060c12}}.website-item{border:1px solid var(--border);min-height:52px;color:var(--text-2);border-radius:12px;align-items:center;gap:12px;padding:0 4px 0 14px;display:flex}.website-item-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14.5px;font-weight:500;overflow:hidden}.website-status{white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.website-status span{background:color-mix(in srgb, var(--text-2) 60%, transparent);border-radius:50%;width:8px;height:8px}.website-status.found{color:var(--success)}.website-status.found span{background:var(--success)}.add-link{justify-self:start;gap:8px;font-weight:600}.website-add{gap:8px;display:flex}.website-add input,.q-chip-input,.chip-add input,.greeting-edit textarea,.select{border:1px solid var(--border);background:var(--surface);border-radius:10px;outline:none;min-width:0;min-height:40px;padding:0 12px}.website-add input{flex:1}.website-add input:focus,.chip-add input:focus,.greeting-edit textarea:focus,.select:focus{border-color:var(--brand);background:var(--bg)}.select{background:var(--bg);padding:0 10px}.secret-row{border:1px solid var(--border);min-height:48px;color:var(--text-2);border-radius:12px;align-items:center;gap:10px;padding:0 6px 0 14px;display:flex}.secret-row code{min-width:0;color:var(--text);text-overflow:ellipsis;flex:1;font:13px JetBrains Mono,ui-monospace,Menlo,monospace;overflow:hidden}.rows-card{gap:0}.rows-card .page-card-head{margin-bottom:4px}.page-row{border-bottom:1px solid var(--border);gap:10px;padding:12px 0;display:grid}.page-row.last,.page-row:last-child{border-bottom:0;padding-bottom:0}.page-row-main{align-items:center;gap:12px;display:flex}.page-row-text{flex:1;gap:2px;min-width:0;display:grid}.page-row-text strong{font-size:14px;font-weight:500}.page-row-text>span{color:var(--text-2);font-size:12.5px;line-height:1.4}.always{color:var(--text-2);flex:none;align-items:center;gap:6px;font-size:12.5px;display:flex}.greeting-quote{color:var(--text);align-items:baseline;gap:10px;font-size:13.5px;display:flex}.greeting-quote span{flex:1}.greeting-edit{gap:8px;display:grid}.greeting-edit textarea{resize:vertical;padding:8px 12px}.call-preview{gap:4px;display:grid}.call-preview-bar{background:var(--brand-fill-strong);color:#fff;border-radius:10px;align-items:center;gap:8px;height:44px;padding:0 6px 0 10px;font-size:13px;display:flex}.call-preview-bar strong{flex:1;font-weight:600}.call-preview-avatar{color:#1a56c7;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.call-preview-button,.call-preview-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.call-preview-button{background:#ffffff38}.chip-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.q-chip{background:var(--surface);height:32px;color:var(--text);border:0;border-radius:16px;align-items:center;gap:4px;padding:0 6px 0 12px;font-size:13px;display:inline-flex}.q-chip button{width:22px;height:22px;color:var(--text-2);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.q-chip button:hover{background:var(--surface-hover)}.q-chip.add{border:1px dashed color-mix(in srgb, var(--text-2) 55%, transparent);color:var(--brand);background:0 0;padding:0 12px 0 10px;font-weight:500}.chip-add{gap:6px;display:flex}.appearance-card{align-items:center;gap:18px;display:flex}.appearance-card-text{flex:1;justify-items:start;gap:10px;display:grid}.appearance-card-text p{color:var(--text-2);margin:-6px 0 0;font-size:13.5px;line-height:1.45}.mini-chat{background:var(--chat-bg);border-radius:12px;flex-direction:column;flex:none;width:112px;height:150px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0b16221f}.mini-chat-header{height:30px}.mini-chat-body{flex-direction:column;flex:1;justify-content:flex-end;gap:5px;padding:8px;display:flex}.mini-chat-body span{background:var(--bg);border-radius:6px;width:64px;height:12px}.mini-chat-body span:nth-child(2){align-self:flex-end;width:54px}.mini-chat-body span:nth-child(3){width:72px}.mini-chat-foot{background:var(--bg);height:22px}.settings-row.current{background:var(--brand-soft)}.assistant-pages{border:1px solid var(--border);border-radius:var(--radius-lg);margin:0 16px 16px;overflow:hidden}.assistant-pages .settings-row:last-child{border-bottom:0}.appearance-editor{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@container (width>=900px){.appearance-editor{grid-template-columns:minmax(340px,440px) minmax(0,1fr)}.appearance-preview{position:sticky;top:0}}.appearance-controls{border:1px solid var(--border);background:var(--bg);border-radius:16px;gap:18px;padding:24px;display:grid}.control-row{align-items:center;gap:12px;display:flex}.control-row .seg{width:180px}.control-text{flex:1;gap:1px;min-width:0;display:grid}.control-text strong,.control-block>strong,.control-label strong{font-size:13px;font-weight:600}.control-text span{color:var(--text-2);font-size:12.5px}.control-block{gap:6px;min-width:0;display:grid}.control-label{justify-content:space-between;align-items:baseline;display:flex}.control-label span{color:var(--text-2);font-size:12.5px}.tabular{font-variant-numeric:tabular-nums}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.brand-box{background:var(--brand-soft);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex}.brand-box-icon{background:var(--brand-fill-strong);color:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.brand-box .control-text strong{font-size:15px}.brand-controls{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.brand-controls:disabled{opacity:.45}.swatches{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.swatch{outline:1px solid color-mix(in srgb, var(--text) 16%, transparent);outline-offset:-1px;border:0;border-radius:50%;width:40px;height:40px;padding:0}.swatch[aria-pressed=true],.swatch-any.chosen{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--ring)}.swatch-any{border:1px dashed color-mix(in srgb, var(--text-2) 55%, transparent);height:40px;color:var(--text-2);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:flex;position:relative}.swatch-any input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.swatch-dot{border-radius:50%;width:16px;height:16px}.logo-preview{object-fit:cover;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.logo-actions{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.appearance-footer{border-top:1px solid var(--border);gap:12px;padding-top:16px;display:grid}.appearance-footer p{margin:0}.appearance-preview{gap:12px;display:grid}.appearance-preview-head{justify-content:space-between;align-items:center;display:flex}.appearance-preview-head .muted{align-items:center;gap:6px;display:inline-flex}.eyebrow{color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.fake-site{border:1px solid var(--border);color:#0b1622;background:#fff;border-radius:16px;min-height:720px;position:relative;overflow:hidden}.fake-site-nav{border-bottom:1px solid #eef2f6;align-items:center;gap:32px;height:60px;padding:0 28px;display:flex}.fake-site-nav strong{white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:20px}.fake-lines{flex:1;gap:22px;display:flex}.fake-lines span{background:#e3e9f0;border-radius:5px;width:56px;height:9px}.fake-button{border-radius:8px;width:100px;height:36px}.fake-site-hero{gap:14px;padding:48px 28px 0;display:grid}.fake-site-hero span{border-radius:8px;display:block}.fake-heading{background:#dde4ec;width:min(420px,70%);height:30px}.fake-heading.short{width:min(340px,56%)}.fake-text{background:#eef2f6;width:min(400px,66%);height:11px;margin-top:8px}.fake-text.short{width:min(340px,56%);margin-top:0}.fake-cta{width:150px;height:44px;margin-top:10px}.chat-mock{--bg:#fff;--surface:#f2f6fa;--chat-bg:#edf2f7;--border:#dfe7ef;--text:#0b1622;--text-2:#5a6b7b;--bubble-in:#fff;font-family:var(--font);flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:20px;right:24px}.chat-mock.dark{--bg:#0f1923;--surface:#141e29;--chat-bg:#0a121b;--border:#22303d;--text:#e9f0f6;--text-2:#95a5b5;--bubble-in:#18232f}.chat-mock.left{align-items:flex-start;left:24px;right:auto}.chat-mock-panel{border-radius:var(--radius-panel);background:var(--bg);width:340px;height:520px;color:var(--text);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 48px #0b162233,0 2px 6px #0b162214}.chat-mock-header{border-bottom:var(--header-border);background:var(--header);color:var(--on-header);align-items:center;gap:12px;padding:12px 14px 12px 16px;display:flex}.chat-mock-avatar{border-radius:var(--radius-avatar);background:var(--avatar-bg);width:42px;height:42px;color:var(--avatar-fg);object-fit:cover;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.chat-mock-title{flex:1;min-width:0;display:grid}.chat-mock-title strong{font-size:16px}.chat-mock-title span{color:var(--header-sub);font-size:13px}.chat-mock-body{background:var(--chat-bg);flex-direction:column;flex:1;justify-content:flex-end;gap:8px;padding:12px;font-size:14.5px;line-height:1.42;display:flex}.chat-mock-in,.chat-mock-out{max-width:84%;padding:8px 12px 6px;display:grid}.chat-mock-in{border-radius:var(--radius-bubble) var(--radius-bubble) var(--radius-bubble) 4px;background:var(--bubble-in);align-self:flex-start;box-shadow:0 1px 1px #0b16220f}.chat-mock-out{border-radius:var(--radius-bubble) var(--radius-bubble) 4px var(--radius-bubble);background:var(--bubble-out);color:var(--on-out);align-self:flex-end}.chat-mock-who{color:var(--brand);margin-bottom:2px;font-size:11.5px;font-weight:600}.chat-mock-time{color:var(--text-2);justify-self:end;margin-top:2px;font-size:11px}.chat-mock-out .chat-mock-time{color:var(--on-out-muted)}.chat-mock-composer{border-top:1px solid var(--border);align-items:center;gap:8px;padding:10px 10px 10px 12px;display:flex}.chat-mock-input{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface);height:44px;color:var(--text-2);flex:1;align-items:center;padding:0 16px;font-size:14.5px;display:flex}.chat-mock-mic{border-radius:var(--radius-input);background:var(--launcher);width:44px;height:44px;color:var(--on-launcher);justify-content:center;align-items:center;display:flex}.chat-mock-credit{color:var(--text-2);text-align:center;padding:0 0 8px;font-size:11.5px}.chat-mock-credit strong{color:var(--brand)}.chat-mock-launcher{border-radius:var(--radius-launcher);background:var(--launcher);width:60px;height:60px;color:var(--on-launcher);justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #0b162240}.chat-mock-launcher.pill{gap:10px;width:auto;height:56px;padding:0 22px 0 18px;font-size:15px;font-weight:600}.month-switch{border:1px solid var(--border);background:var(--bg);border-radius:12px;align-items:center;gap:2px;padding:2px;display:flex}.month-switch span{text-align:center;min-width:140px;font-size:14px;font-weight:600}.summary-banner{background:var(--brand-soft);color:var(--brand);border-radius:12px;align-items:center;gap:14px;padding:12px 16px;display:flex}.summary-banner p{color:var(--text);flex:1;margin:0;font-size:14px;line-height:1.45}.summary-banner strong{font-weight:600}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@container (width>=820px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{border:1px solid var(--border);background:var(--bg);border-radius:16px;gap:4px;padding:16px 18px;display:grid}.tile-label{color:var(--text-2);font-size:13px;font-weight:500}.tile-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:700}.tile-sub{color:var(--text-2);font-size:12.5px;line-height:1.4}.legend{color:var(--text-2);gap:14px;font-size:12.5px;display:flex}.legend>span{align-items:center;gap:6px;display:flex}.key{border-radius:3px;width:10px;height:10px}.key.helpful,.bar .helpful{background:var(--bubble-out)}.key.unhelpful,.bar .unhelpful{background:color-mix(in srgb, var(--text-2) 45%, transparent)}.bar-row{grid-template-columns:84px minmax(0,1fr) 84px;align-items:center;gap:12px;display:grid}.bar-row.reasons{grid-template-columns:minmax(120px,180px) minmax(0,1fr) 28px}.bar-label{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:13px}.bar{gap:2px;height:20px;display:flex}.bar span:last-child{border-radius:0 4px 4px 0}.bar-value{color:var(--text-2);text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.bar-value strong{color:var(--text);font-weight:600}.card-foot{border-top:1px solid var(--border);color:var(--text-2);margin:0;padding-top:12px;font-size:13px}.card-foot strong{color:var(--text);font-weight:600}.comments-card{gap:0;padding-bottom:6px}.comments-card .page-card-head{padding-bottom:8px}.comment-row{border-top:1px solid var(--border);grid-template-columns:120px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:12px 0;display:grid}.verdict{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.verdict.up{color:var(--success)}.verdict.down{color:var(--danger)}.comment-main{gap:2px;min-width:0;font-size:14px;line-height:1.4;display:grid}.empty-card h2{font-size:17px}.empty-card p{margin:0}@container (width<=560px){.page-inner{padding:16px 16px 40px}.comment-row{grid-template-columns:minmax(0,1fr) auto}.comment-row .verdict{grid-column:1/-1}.appearance-card{flex-direction:column;align-items:stretch}.control-grid{grid-template-columns:minmax(0,1fr)}.website-status{display:none}}.website-badge{color:var(--text-2);flex:none}.website-from{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:100%;font-size:12px;display:inline-flex;overflow:hidden}.rating-line{justify-content:center;margin:10px 0;display:flex}.rating-card{border:1px solid var(--border);background:var(--bg);border-radius:14px;align-items:flex-start;gap:12px;width:min(420px,100%);padding:12px 14px;display:flex}.rating-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rating-icon.up{background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--success)}.rating-icon.down{background:var(--danger-soft);color:var(--danger)}.rating-text{gap:6px;min-width:0;font-size:13.5px;display:grid}.rating-text strong{font-weight:600}.rating-reasons{flex-wrap:wrap;gap:6px;display:flex}.rating-reasons span{background:var(--surface);color:var(--text-2);border-radius:13px;padding:3px 10px;font-size:12.5px}.rating-comment{line-height:1.4}.rating-text .meta-text .button.link{font-size:12px}.chat-filters{flex-wrap:wrap;gap:6px;padding:0 16px 10px;display:flex}.chat-filters button{background:var(--surface);min-height:32px;color:var(--text-2);border:0;border-radius:16px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.chat-filters button[aria-selected=true]{background:var(--brand-soft);color:var(--brand);font-weight:600}.rating-mark{vertical-align:-2px;flex:none;margin-right:4px}.rating-mark.up{color:var(--success)}.rating-mark.down{color:var(--danger)}.visit-strip{border-bottom:1px solid var(--border);background:var(--surface);color:var(--text-2);white-space:nowrap;flex:none;align-items:center;gap:8px;padding:8px 20px;font-size:12.5px;display:flex;overflow:hidden}.visit-strip span{text-overflow:ellipsis;overflow:hidden}.official-bar{border-top:1px solid var(--border);background:var(--bg);color:var(--text-2);text-align:center;margin:0;padding:16px;font-size:13.5px}.takeover-note{color:var(--text-2);margin:-4px 0 0;padding:0 24px 10px;font-size:12px}.persona-row{align-items:center;gap:14px;display:flex}.persona-picture{object-fit:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.persona-picture.empty{background:var(--brand-fill-strong);color:#fff}.persona-picture-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}img.call-preview-avatar{object-fit:cover}