:root{--q-bg:#E5DFD7;--q-surface:#F6F1EA;--q-sunken:#E0D9D0;--q-variant:#EBE5DD;--q-pressed:#DED6CC;--q-border:#C6BDB2;--q-text:#302C29;--q-muted:#655D56;--q-placeholder:#655D56B3;--q-primary:#4F46E5;--q-info:#4338CA;--q-onPrimary:#FFFFFF;--q-successFill:#15803D;}
:root[data-theme=dark]{--q-bg:#2e2e34;--q-surface:#38383F;--q-sunken:#26262C;--q-variant:#323238;--q-pressed:#42424B;--q-border:#48484F;--q-text:#e5e1e4;--q-muted:#9999AA;--q-placeholder:#9999AA80;--q-primary:#6366F1;--q-info:#A5B4FC;--q-onPrimary:#FFFFFF;--q-successFill:#15803D;}
/* The variables above are generated from src/theme/palette.js, not a second palette. */
:root { --q-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --bg:var(--q-bg);--surface:var(--q-surface);--ink:var(--q-text);--muted:var(--q-muted);--line:var(--q-border);--brand:var(--q-info);--brand-bright:var(--q-primary);--soft:var(--q-variant);--lavender:color-mix(in srgb,var(--q-primary) 12%,var(--q-bg)); }
:root[data-theme=dark] { --bg:var(--q-bg);--surface:var(--q-surface);--ink:var(--q-text);--muted:var(--q-muted);--line:var(--q-border);--brand:var(--q-info);--brand-bright:var(--q-primary);--soft:var(--q-variant);--lavender:color-mix(in srgb,var(--q-primary) 12%,var(--q-bg)); }
body { font-family:var(--q-font); }
h1,h2,h3 { font-family:var(--q-font); }
.home .button,.inner-page .button { background:var(--q-primary); color:var(--q-onPrimary); border-radius:12px; box-shadow:none; }
.home .button:hover,.inner-page .button:hover { background:color-mix(in srgb,var(--q-primary) 90%,var(--q-text)); box-shadow:none; }
.home .hero-buttons .button { border-radius:12px; box-shadow:none; }
.home .conversation-cta,.inner-page .conversation-cta { background:var(--q-primary); border-color:var(--q-primary); }
.home .conversation-cta .button,.inner-page .conversation-cta .button { background:var(--q-onPrimary); color:var(--q-primary); box-shadow:none; }
.home .conversation-cta .text-link,.inner-page .conversation-cta .text-link { color:var(--q-onPrimary); }
.home { --demo-bg:var(--q-bg);--demo-surface:var(--q-variant);--demo-bubble:var(--q-variant);--demo-ink:var(--q-text);--demo-muted:var(--q-muted);--demo-line:var(--q-border); }
[data-theme=dark] .home { --demo-bg:var(--q-bg);--demo-surface:var(--q-variant);--demo-bubble:var(--q-variant);--demo-ink:var(--q-text);--demo-muted:var(--q-muted);--demo-line:var(--q-border); }
.home .demo-chat-header,.home .device-top,.home .demo-input { background:var(--q-variant); color:var(--q-text); }
.home .chat-bubble { position:relative; border-radius:16px; border:1px solid var(--q-border); box-shadow:none; font-family:var(--q-font); }
.home .incoming { background:var(--q-variant); color:var(--q-text); border-top-left-radius:4px; border-bottom-left-radius:16px; margin-left:23px; margin-top:8px; }
.home .incoming>b { position:absolute; left:2px; top:-15px; color:var(--q-primary); font-size:9px; font-weight:600; }
.home .incoming:before { content:'А'; position:absolute; width:20px; height:20px; left:-25px; bottom:0; display:grid; place-items:center; border-radius:50%; background:hsl(84,50%,32%); color:white; font-size:8px; font-weight:700; }
.home .incoming.short:before { content:'М'; background:hsl(246,50%,32%); }
.home .outgoing,.home .sample-reply,.home .expression-mini-message { background:var(--q-primary); color:var(--q-onPrimary); border:0; border-radius:16px 4px 16px 16px; }
.home .outgoing time,.home .sample-reply>span,.home .expression-mini-message>span { color:var(--q-onPrimary); opacity:.7; }
.home .demo-send,.workspace-send,.download-page .web-device-reply,.download-page .mobile-device-reply { background:var(--q-primary); color:var(--q-onPrimary); }
.home .group-avatar { border-radius:50%; background:hsl(250,50%,32%); color:white; font-size:13px; font-weight:700; }
.home .demo-event.product-event { display:block; background:var(--q-surface); border:1px solid var(--q-border); border-radius:12px; padding:10px; }
.product-event { min-width:0; text-align:left; background:var(--q-surface); border:1px solid var(--q-border); border-radius:16px; color:var(--q-text); padding:14px; font-family:var(--q-font); }
.product-event-header { display:flex; align-items:flex-start; gap:8px; }
.product-event-icon { display:grid; place-items:center; width:27px; height:27px; border-radius:8px; flex-shrink:0; color:var(--q-primary); background:color-mix(in srgb,var(--q-primary) 12%,transparent); }
.product-event-icon>.icon { width:16px; height:16px; }
.product-event-header>div { flex:1; min-width:0; }
.product-event-title { display:block; font-size:13px; font-weight:600; line-height:1.3; letter-spacing:0; }
.product-event-when { display:block; color:var(--q-muted); font-size:10px; margin-top:4px; }
.product-event-location { display:block; color:var(--q-muted); font-size:10px; margin-top:9px; }
.product-event-label { display:block; color:var(--q-muted); font-size:8px; letter-spacing:.5px; font-weight:500; text-transform:uppercase; margin-top:11px; }
.product-event-rsvp { display:flex; overflow:hidden; border-radius:7px; background:var(--q-pressed); margin-top:6px; }
.product-event-rsvp>span { flex:1; padding:8px 2px; text-align:center; font-size:9px; color:var(--q-text); }
.product-event-rsvp>span+span { border-left:1px solid var(--q-border); }
.product-event-rsvp>span:first-child { background:var(--q-successFill); color:white; }
.product-event-footer { margin-top:10px; padding-top:8px; border-top:1px solid var(--q-border); font-size:8px; color:var(--q-muted); }
.demo-event.product-event .product-event-title { font-size:10px; }
.demo-event.product-event .product-event-when,.demo-event.product-event .product-event-location { font-size:8px; }
.demo-event.product-event .product-event-icon { width:22px; height:22px; border-radius:7px; }
.demo-event.product-event .product-event-location { margin-top:5px; }
.demo-event.product-event .product-event-label { font-size:6px; margin-top:7px; }
.demo-event.product-event .product-event-rsvp>span { font-size:7px; padding:6px 1px; }
.home .demo-event.product-event .product-event-rsvp>span { color:var(--q-text); }
.home .demo-event.product-event .product-event-rsvp>span:first-child { color:var(--q-onPrimary); }
.home .demo-chat { gap:11px; }
.home .demo-input { border:1px solid var(--q-border); border-radius:20px; }
.home .demo-day,.workspace-day { background:var(--q-variant); color:var(--q-muted); border-color:var(--q-border); }
.home .sample-message>span { background:var(--q-variant); color:var(--q-text); border:1px solid var(--q-border); border-radius:4px 16px 16px 16px; box-shadow:none; }
.home .sample-reply { border:0; border-radius:16px 4px 16px 16px; }
.home .sample-reply>span { background:transparent; color:var(--q-onPrimary); border:0; }
.home .sample-reaction,.home .reaction-samples>span { border:0; border-radius:14px; background:color-mix(in srgb,var(--q-primary) 19%,var(--q-bg)); color:var(--q-primary); }
.home .visual-event .product-event { position:relative; width:calc(100% - 36px); transform:rotate(-3deg); }
.workspace-sidebar,.workspace-chat-header,.workspace-composer { background:var(--q-variant); }
.workspace-chat { background:var(--q-bg); }
.workspace-bubble { background:var(--q-variant); color:var(--q-text); border:1px solid var(--q-border); border-radius:4px 16px 16px 16px; font-family:var(--q-font); box-shadow:none; }
.workspace-bubble.workspace-outgoing,.workspace-photo-message.workspace-outgoing { background:var(--q-primary); color:var(--q-onPrimary); border:0; border-radius:16px 4px 16px 16px; }
.workspace-outgoing .workspace-stamp,.workspace-outgoing .workspace-stamp>span,.workspace-outgoing .workspace-note-label { color:var(--q-onPrimary); }
.workspace-avatar { border-radius:50%; font-family:var(--q-font); color:white; }
.avatar-personal { background:hsl(84,50%,32%); }
.avatar-group { background:hsl(193,50%,32%); }
.avatar-saved { background:var(--q-primary); }
.workspace-conversation { border:0; border-radius:0; }
.workspace-conversation[aria-pressed=true] { background:color-mix(in srgb,var(--q-primary) 9.4%,var(--q-variant)); border-color:transparent; box-shadow:inset 3px 0 var(--q-primary); }
.workspace-row-copy strong { font-size:12px; font-weight:600; }
.workspace-row-copy>span { font-size:10px; }
.workspace-chat-header strong { font-size:14px; }
.workspace-chat-header>div>span { font-size:11px; }
.workspace-bubble { font-size:12px; }
#workspace-group .workspace-bubble:not(.workspace-outgoing) { position:relative; margin-top:15px; margin-left:25px; }
#workspace-group .workspace-bubble>strong { position:absolute; top:-16px; left:2px; color:var(--q-primary); font-size:10px; }
#workspace-group .workspace-bubble:not(.workspace-outgoing):before { content:'А'; display:grid; place-items:center; width:20px; height:20px; position:absolute; bottom:0; left:-26px; border-radius:50%; color:white; font-size:9px; background:hsl(84,50%,32%); }
#workspace-group .workspace-bubble:has(.workspace-sender-mint):before { content:'М'; background:hsl(246,50%,32%); }
.workspace-stamp { font-size:9px; }
.workspace-composer { border-radius:20px; }
.workspace-composer>span:not(.workspace-send) { font-size:11px; }
.workspace-composer .workspace-send { border-radius:50%; }
.workspace-panel { min-height:330px; }
.home .reaction-message { background:var(--q-variant); border:1px solid var(--q-border); color:var(--q-text); border-radius:4px 16px 16px 16px; }
.home .reaction-message>span { color:var(--q-primary); }
.home .voice-sample { background:var(--q-primary); color:var(--q-onPrimary); border-radius:16px 4px 16px 16px; box-shadow:none; padding:16px 13px 10px; gap:10px; }
.home .voice-symbol { width:34px; height:34px; border:0; background:color-mix(in srgb,var(--q-onPrimary) 18%,transparent); }
.home .voice-symbol .icon { fill:currentColor; width:20px; height:20px; }
.home .voice-wave { height:26px; }
.home .voice-meta { color:var(--q-onPrimary); opacity:.8; }
.home .voice-answer { border:1px solid var(--q-border); background:var(--q-variant); border-radius:4px 16px 16px 16px; }
.home .reaction-message>span { position:absolute; top:-20px; left:2px; font-weight:600; }
.home .reaction-message>.reaction-samples { position:static; justify-content:flex-start; margin-top:10px; gap:4px; }
.home .reaction-samples>span,.home .reaction-samples>span:first-child,.home .reaction-samples>span:nth-child(2),.home .reaction-samples>span:nth-child(3) { transform:none; padding:4px 7px; min-height:28px; min-width:42px; font-size:18px; gap:4px; background:var(--q-bg); }
.home .reaction-samples>span:first-child { background:color-mix(in srgb,var(--q-primary) 19%,var(--q-bg)); }
.download-page .web-device-toolbar,.download-page .web-device-rail,.download-page .web-device-input,.download-page .mobile-device-compose { background:var(--q-variant); }
.download-page .web-device-chat,.download-page .mobile-device { background:var(--q-bg); }
.download-page .web-device-message { border-radius:4px 12px 12px 12px; background:var(--q-variant); }
.download-page .web-device-message:not(.web-device-reply) { position:relative; margin-top:6px; margin-left:16px; }
.download-page .web-device-message>b { position:absolute; top:-12px; left:1px; color:var(--q-primary); font-size:7px; }
.download-page .web-device-message:not(.web-device-reply):before { content:'А'; position:absolute; left:-18px; bottom:0; display:grid; place-items:center; width:14px; height:14px; border-radius:50%; color:white; background:hsl(84,50%,32%); font-size:6px; }
.download-page .web-device-reply,.download-page .mobile-device-reply { border-radius:12px 4px 12px 12px; background:var(--q-primary); color:var(--q-onPrimary); }
.download-page .mobile-device-message { border-radius:4px 10px 10px 10px; }
.download-page .web-device-reply,.download-page .mobile-device-reply { border-color:var(--q-primary); }
.download-page .web-device-reply>small { color:var(--q-onPrimary); opacity:.7; }
.download-page .mobile-device-reply { border-radius:10px 4px 10px 10px; }
.download-page .mobile-device-header>img { border-radius:50%; background:var(--q-primary); }
.ae-film,[data-theme=dark] .ae-film { background:var(--q-bg); }
@media(max-width:700px) {
 .workspace-row-copy strong { font-size:10px; }
 .workspace-bubble { font-size:10px; }
 .workspace-chat-header strong { font-size:12px; }
 .workspace-panel { min-height:340px; }
 .home .demo-chat { gap:8px; }
 .demo-event.product-event { padding:8px; }
}

@font-face { font-family:QvartMaterialIcons;src:url('/site-assets/4c0aa1dfe50a876618f8/assets/material-icons.ttf') format('truetype');font-display:block; }
.app-icon { font-family:QvartMaterialIcons!important; font-weight:normal!important; font-style:normal; font-size:20px; line-height:1; display:inline-block; flex-shrink:0; text-transform:none; letter-spacing:normal; white-space:nowrap; direction:ltr; -webkit-font-smoothing:antialiased; }
.app-receipt { display:inline-flex; align-items:center; margin-left:3px; margin-bottom:-2px; color:rgba(255,255,255,.65); vertical-align:middle; }
.app-receipt>.app-icon { font-size:15px; }
.app-receipt.is-read { color:#93c5fd; }
.app-stamp { display:flex; align-items:center; justify-content:flex-end; font-size:12px; line-height:16px; color:var(--q-muted); white-space:nowrap; font-weight:400; }
.workspace-outgoing .app-stamp,.outgoing .app-stamp { color:rgba(255,255,255,.55); }
.app-reactions { display:flex; flex-wrap:wrap; align-items:center; gap:4px; min-width:0; max-width:100%; }
.app-reaction { display:flex; align-items:center; justify-content:center; gap:4px; min-height:28px; min-width:42px; padding:4px 7px; border:0; border-radius:14px; background:var(--q-bg); color:var(--q-text); }
.app-reaction.is-mine { background:color-mix(in srgb,var(--q-primary) 18.824%,transparent); color:var(--q-primary); }
.app-reaction-emoji { display:grid; place-items:center; width:24px; height:24px; font:18px/23px "Noto Color Emoji","Segoe UI Emoji",sans-serif; }
.app-reaction>b { font-size:12px; line-height:16px; font-weight:600; font-variant-numeric:tabular-nums; }
.app-reactions.on-outgoing .app-reaction { background:rgba(0,0,0,.14); color:white; }
.app-reactions.on-outgoing .app-reaction.is-mine { background:rgba(255,255,255,.3); }
.app-message-footer { display:flex; align-items:flex-end; flex-wrap:wrap; gap:10px; margin-top:5px; }
.app-message-footer>.app-reactions { flex:1; min-width:56px; }
.app-message-footer>.app-stamp { margin-left:auto; }
.app-composer { display:flex; align-items:center; gap:8px; min-width:0; min-height:52px; padding:9px 6px 9px 16px; border:0; border-radius:22px; background:var(--q-bg); color:var(--q-muted); font-family:var(--q-font); }
.app-placeholder { flex:1; min-width:0; font-size:15px; line-height:20px; color:var(--q-placeholder); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.app-composer-action { display:grid; place-items:center; flex-shrink:0; width:34px; height:34px; }
.app-composer-action>.app-icon { font-size:22px; }
.app-mic { color:var(--q-info); }
.workspace-composer-shell { padding:6px 12px; background:var(--q-variant); border-top:1px solid var(--q-border); }
.home .demo-input,.download-page .web-device-input,.download-page .mobile-device-compose { background:var(--q-variant); border:0; border-radius:0; padding:6px; }
.home .demo-input { display:block; }
.home .demo-input .app-composer { min-height:31px; padding:3px 4px 3px 9px; gap:4px; border-radius:15px; }
.home .demo-input .app-placeholder { font-size:8px; line-height:12px; }
.home .demo-input .app-icon { font-size:12px; }
.home .demo-input .app-composer-action { width:20px; height:20px; }
.home .demo-input .app-composer-action>.app-icon { font-size:14px; }
.home .outgoing time { display:flex; align-items:center; justify-content:flex-end; color:rgba(255,255,255,.55); gap:0; }
.home .outgoing .app-receipt>.app-icon { font-size:12px; }
.home .sample-reply>.app-receipt,.home .expression-mini-message>.app-receipt,.home .cta-message-reply>.app-receipt { background:transparent; padding:0; opacity:1; color:#93c5fd; }
.home .reaction-message { padding:8px 13px 6px; }
.home .reaction-message>strong { font-size:14px; line-height:20px; font-weight:400; }
.home .reaction-message .app-stamp { font-size:12px; }
.home .voice-meta>span:last-child { display:flex; align-items:center; }
.download-page .web-device-input,.download-page .mobile-device-compose { display:block; height:auto; left:0; right:0; bottom:0; }
.download-page .web-device-input .app-composer,.download-page .mobile-device-compose .app-composer { padding:3px 5px; min-height:26px; gap:3px; }
.download-page .web-device-input .app-placeholder,.download-page .mobile-device-compose .app-placeholder { font-size:7px; line-height:12px; }
.download-page .web-device-input .app-icon,.download-page .mobile-device-compose .app-icon { font-size:11px; }
.download-page .web-device-input .app-composer-action,.download-page .mobile-device-compose .app-composer-action { width:17px; height:17px; }
.download-page .web-device-reply>small { display:flex; align-items:center; justify-content:flex-end; color:rgba(255,255,255,.55); opacity:1; }
.download-page .web-device-reply .app-receipt>.app-icon { font-size:10px; }
@media(max-width:700px){
 .workspace-composer-shell { padding:6px 8px; }
 .workspace-composer-shell .app-composer { padding-left:10px; gap:5px; }
 .workspace-composer-shell .app-placeholder { font-size:11px; }
 .workspace-composer-shell .app-icon { font-size:18px; }
 .workspace-composer-shell .app-composer-action { width:26px; height:30px; }
}
/* The bounded desktop preview follows the real navigation/list/header split. */
.workspace-layout { grid-template-columns:62px 238px minmax(0,1fr); }
.workspace-rail { display:flex; flex-direction:column; align-items:center; padding:16px 5px 10px; gap:12px; border-right:1px solid var(--q-border); background:var(--q-variant); }
.workspace-rail-item { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; width:50px; min-height:55px; border-radius:13px; color:var(--q-muted); }
.workspace-rail-item>img { width:27px; height:27px; filter:grayscale(1); opacity:.65; }
.workspace-rail-item>.app-icon { font-size:22px; }
.app-section-icon { display:inline-flex; width:24px; height:24px; flex-shrink:0; }
.app-section-icon>svg { width:100%; height:100%; }
.workspace-rail-item>small { font-size:8px; font-weight:600; }
.workspace-rail-item.is-active { color:var(--q-primary); background:color-mix(in srgb,var(--q-primary) 12%,transparent); }
.workspace-rail-item.rail-bottom { margin-top:auto; }
.workspace-sidebar { padding:7px 0; }
.workspace-search { margin:0 9px 8px; height:34px; border-radius:10px; font-size:11px; background:var(--q-surface); }
.workspace-search>.app-icon { font-size:16px; }
.workspace-tabs { display:flex; border-bottom:1px solid var(--q-border); }
.workspace-tabs>button { flex:1; min-height:35px; display:flex; align-items:center; justify-content:center; gap:5px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--q-muted); font-size:10px; font-weight:600; }
.workspace-tabs>button>.app-icon { font-size:14px; }
.workspace-tabs>button[aria-pressed=true] { border-bottom-color:var(--q-primary); color:var(--q-primary); }
.workspace-conversations { gap:0; }
.workspace-conversation { min-height:66px; padding:10px 12px; }
.workspace-row-copy strong { display:flex; align-items:center; gap:4px; max-width:167px; padding-right:0; }
.workspace-row-copy>span { max-width:155px; }
.workspace-level { display:inline-block; border:1px solid #7a8ca5; border-radius:10px; padding:2px 5px; background:#475569; color:white; font-size:7px; line-height:1; font-weight:700; white-space:nowrap; }
.workspace-header-copy>div { display:flex; align-items:center; gap:5px; }
.workspace-chat-header { min-height:58px; padding:9px 14px; }
.workspace-chat-header strong { font-size:13px; }
.workspace-chat-header .app-icon { color:var(--q-muted); font-size:20px; }
.workspace-chat-header>div>span { font-size:10px; }
.workspace-header-tools { gap:16px; }
.workspace-header-tools>.app-icon { font-size:18px; }
.workspace-panel { min-height:350px; }
.workspace-bubble { padding:8px 13px 6px; }
.workspace-bubble p { line-height:20px; font-size:14px; }
.workspace-bubble>.app-stamp { margin-top:2px; }
.workspace-photo-message .app-message-footer { padding:0 8px 4px; }
.workspace-photo-caption { font-size:12px; line-height:18px; }
.home .voice-meta { opacity:1; }
.home .voice-meta>span:last-child { color:rgba(255,255,255,.55); }
@media(max-width:1050px) and (min-width:701px){
 .workspace-layout { grid-template-columns:51px 200px minmax(0,1fr); }
 .workspace-rail-item { width:42px; }
 .workspace-row-copy strong { font-size:11px; max-width:135px; }
 .workspace-row-copy>span { max-width:125px; }
 .workspace-level { display:none; }
 .workspace-history { padding-inline:16px; }
 .workspace-header-tools { gap:9px; }
 .workspace-bubble p { font-size:12px; }
}
@media(max-width:700px){
 .workspace-layout { grid-template-columns:1fr; }
 .workspace-rail,.workspace-search { display:none; }
 .workspace-sidebar { padding:0; }
 .workspace-tabs { min-height:36px; }
 .workspace-tabs>button { font-size:11px; }
 .workspace-conversations { padding:6px; gap:5px; }
 .workspace-conversation { min-height:42px; border-radius:8px; padding:6px; }
 .workspace-conversation[hidden] { display:none; }
 .workspace-row-copy strong { font-size:11px; max-width:none; }
 .workspace-level { display:none; }
 .workspace-header-tools>.app-icon:not(:last-child) { display:none; }
 .workspace-header-tools { gap:0; }
 .workspace-bubble p { font-size:12px; line-height:18px; }
 .workspace-photo-caption { font-size:10px; }
 .workspace-history { padding-inline:12px; }
 .workspace-photo-message { width:250px; }
 .workspace-panel { min-height:370px; }
 .workspace-window .app-stamp { font-size:10px; }
 .workspace-photo-message .app-reaction { min-height:25px; padding:3px 5px; min-width:36px; }
 .workspace-photo-message .app-reaction-emoji { font-size:16px; width:20px; height:20px; }
 .workspace-photo-message .app-reaction>b { font-size:10px; }
}