/* A compact conversation using the app's palette, message corners and receipts. */
.home .expression-v2 .expression-surface { grid-template-columns:1fr 1fr; }
.home .expression-v2 .expression-preview { justify-content:flex-start; background:var(--q-bg); border-left:1px solid var(--q-border); }
.home .expression-v2 .expression-preview:before { display:none; }
.expression-v2 .expression-thread { margin:0; padding:16px 22px; min-height:77px; background:var(--q-variant); border-bottom:1px solid var(--q-border); }
.expression-v2 .thread-avatars { width:62px; }
.expression-v2 .thread-avatars>i { border-color:var(--q-variant); }
.expression-v2 .expression-thread strong { font-size:13px; }
.expression-v2 .expression-thread div>span { font-size:10px; margin-top:2px; }
.expression-v2 .thread-more .app-icon { font-size:20px; }
.home .expression-v2 .expression-panel { height:335px; min-height:335px; position:relative; padding:14px 22px 22px; display:flex; flex-direction:column; gap:16px; align-items:flex-start; overflow:hidden; }
.home .expression-v2 .expression-panel[hidden] { display:none; }
.expression-v2 .expression-date { align-self:center; font-size:9px; color:var(--q-muted); background:var(--q-variant); border-radius:12px; padding:4px 11px; }
.home .expression-v2 .expression-chat-note { position:static; transform:none; max-width:95%; background:var(--q-variant); color:var(--q-text); border:1px solid var(--q-border); border-radius:4px 16px 16px 16px; font-size:11px; padding:10px 13px; box-shadow:none; }
.expression-v2 .expression-sticker-row { position:relative; align-self:flex-end; width:165px; margin:0 3px 0 0; padding:0 0 14px; }
.home .expression-v2 .expression-sticker { position:relative; top:auto; left:auto; width:124px; height:126px; margin:0 auto; transform:rotate(-9deg); display:grid; place-items:center; border:4px solid #fff; border-radius:30px; background:var(--q-primary); box-shadow:0 12px 24px -19px #15112699; }
.home .expression-v2 .expression-sticker img { width:110px; height:110px; }
.expression-v2 .expression-sticker-stamp { position:absolute; right:0; bottom:0; padding:2px 7px; border-radius:9px; background:var(--q-variant); }
.expression-v2 .expression-sticker-stamp .app-stamp { font-size:9px; }
.expression-v2 .expression-sticker-stamp .app-receipt { color:var(--q-info); }
.home .expression-v2 .expression-mini-message { position:static; align-self:flex-end; max-width:90%; margin-top:auto; display:block; transform:none; padding:9px 12px 6px; background:var(--q-primary); color:var(--q-onPrimary); border-radius:16px 4px 16px 16px; font-size:11px; }
.expression-v2 .expression-mini-message .app-stamp { margin-top:3px; color:rgba(255,255,255,.65); font-size:9px; line-height:14px; }
.home .expression-v2 .voice-sample { position:relative; top:auto; left:auto; align-self:flex-end; transform:none; width:285px; max-width:100%; border-radius:16px 4px 16px 16px; background:var(--q-primary); color:var(--q-onPrimary); gap:11px; padding:13px 12px 25px; box-shadow:none; margin-top:10px; }
.home .expression-v2 .voice-symbol { width:42px; height:42px; border:0; background:rgba(255,255,255,.18); }
.expression-v2 .voice-symbol .app-icon { font-size:29px; }
.home .expression-v2 .voice-wave { width:100%; height:29px; display:block; }
.expression-v2 .voice-wave line { transform-origin:center; transform-box:fill-box; }
.home .expression-v2 .voice-meta { display:flex; justify-content:space-between; font-size:10px; margin-top:2px; color:inherit; opacity:.9; }
.expression-v2 .voice-sample>.app-stamp { position:absolute; right:10px; bottom:5px; color:rgba(255,255,255,.65); font-size:9px; }
.home .expression-v2 .voice-answer { position:static; transform:none; padding:10px 13px 7px; border-radius:4px 16px 16px 16px; font-size:11px; max-width:95%; margin-top:2px; }
.expression-v2 .voice-answer .app-stamp { font-size:9px; margin-top:3px; }
.home .expression-v2 .expression-demo-label { position:static; margin-top:auto; align-self:center; font-size:9px; color:var(--q-muted); }
.home .expression-v2 .reaction-message { position:relative; left:auto; top:auto; transform:none; max-width:100%; width:295px; margin-top:8px; padding:12px 13px 7px; border-radius:4px 16px 16px 16px; background:var(--q-variant); }
.home .expression-v2 .reaction-message>span { position:static; display:block; margin:0 0 6px; color:var(--q-primary); font-size:11px; }
.home .expression-v2 .reaction-message>strong { font-size:13px; font-weight:500; }
.expression-v2 .reaction-message .app-message-footer { margin-top:13px; gap:7px; }
.expression-v2 .reaction-message .app-stamp { font-size:9px; }
.expression-v2 .app-reaction { cursor:pointer; min-height:34px; transition:background-color .18s,color .18s; }
.expression-v2 .app-reaction:hover { box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--q-primary) 30%,transparent); }
.expression-v2 .app-reaction:focus-visible { outline:2px solid var(--q-info); outline-offset:3px; }
.home .expression-v2 .reaction-caption { position:static; transform:none; font-size:10px; line-height:1.6; color:var(--q-muted); padding:0 3px; max-width:100%; text-align:left; }
.expression-v2 .expression-proof-note { display:flex; align-items:center; justify-content:center; gap:6px; padding:12px 14px; border-top:1px solid var(--q-border); background:var(--q-variant); color:var(--q-muted); font-size:9px; line-height:16px; }
.expression-v2 .expression-proof-note>span { width:4px; height:4px; background:var(--q-primary); border-radius:50%; }
.expression-v2 .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:1000px) {
 .home .expression-v2 .expression-copy { padding:33px 25px; }
 .home .expression-v2 .expression-copy h2 { font-size:29px; }
 .home .expression-v2 .expression-copy>p { min-height:126px; }
 .expression-v2 .expression-thread { padding-inline:18px; }
 .home .expression-v2 .expression-panel { padding-inline:18px; }
}
@media(max-width:700px) {
 .home .expression-v2 .expression-surface { grid-template-columns:1fr; }
 .home .expression-v2 .expression-copy { padding:29px 24px 25px; }
 .home .expression-v2 .expression-copy h2 { font-size:30px; }
 .home .expression-v2 .expression-copy>p { min-height:110px; font-size:13px; margin-top:16px; }
 .home .expression-v2 .expression-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-top:18px; }
 .home .expression-v2 .expression-choices button { min-width:0; padding-inline:6px; gap:5px; font-size:10px; }
 .home .expression-v2 .expression-note { display:none; }
 .home .expression-v2 .expression-preview { border-left:0; border-top:1px solid var(--q-border); }
 .home .expression-v2 .expression-panel { height:325px; min-height:325px; }
}
@media(max-width:360px) {
 .home .expression-v2 .expression-copy { padding-inline:19px; }
 .home .expression-v2 .expression-copy h2 { font-size:26px; }
 .home .expression-v2 .expression-copy>p { min-height:130px; }
 .home .expression-v2 .expression-choices button .icon { display:none; }
 .home .expression-v2 .expression-panel { padding-inline:13px; }
 .expression-v2 .expression-thread { padding-inline:13px; }
 .home .expression-v2 .reaction-message>strong { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
 .expression-v2 .app-reaction { transition:none; }
}