/* Test 2 visual exploration, on top of the existing product behaviours. */
:root{--st-paper:#f4f7f6;--st-ink:#223c3d;--st-muted:#657b7b;--st-accent:#287c70;--st-accent-dark:#21685e;--st-mint:#edf5f1;--st-line:#dce7e1;--st-shadow:0 18px 60px #29483a0b}
body:is(.design-landing,.design-work,.design-cabinet,.design-document){font-family:Inter,system-ui,sans-serif;letter-spacing:-.012em}
body:is(.design-landing,.design-work,.design-cabinet,.design-document) :is(h1,h2,h3){letter-spacing:-.035em}
body.design-landing .studio{max-width:720px;padding:24px}
body.design-landing .phone{border-radius:28px;box-shadow:var(--st-shadow)}
body.design-landing .stage{padding:26px 28px 32px}
body.design-landing .stitch-hero{text-align:left;padding:12px 0 24px}
body.design-landing .landing-concept .stitch-hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(36px,6vw,48px);line-height:1.08;max-width:500px;margin:18px 0 16px}
body.design-landing .stitch-hero>p{font-size:16px;line-height:1.6;max-width:510px;margin:0;color:var(--st-muted)}
body.design-landing .stitch-eyebrow{font-size:10px;letter-spacing:.06em;border:0;background:#e7f1eb;color:var(--st-accent)}
.visual-options{position:relative;z-index:4;background:#edf3ef;border-block:1px solid var(--st-line);color:var(--st-muted);font:12px/1.4 Inter,system-ui,sans-serif;flex:none}
.visual-options summary{cursor:pointer;padding:9px 20px;list-style-position:inside;font-weight:650}
.visual-options-body{display:grid;gap:12px;padding:4px 20px 15px}.visual-options fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.visual-options legend{margin-bottom:6px;color:var(--st-ink);font-weight:700}.visual-options button{border:1px solid var(--st-line);border-radius:8px;background:white;color:var(--st-ink);padding:8px 10px;font:inherit;cursor:pointer}.visual-options button[aria-pressed=true]{background:var(--st-accent);color:white;border-color:var(--st-accent)}.visual-options p{margin:0;font-size:11px;color:var(--st-muted)}
body.design-landing .stitch-audio-card{border-color:var(--st-line);border-radius:22px;box-shadow:none;padding:20px;gap:18px}body.design-landing .stitch-audio-card .thread-label{font-size:14px!important;line-height:1.4!important}body.design-landing .stitch-privacy{background:#f0f5f1;border:0;font-size:13px}body.design-landing .stitch-wave{display:none}body.design-landing .stitch-audio-card .meeting-thread-node{padding:11px;min-height:44px}body.design-landing .stitch-cta-hint,body.design-landing .record-action{border-radius:12px}
body.design-work .shell,body.design-cabinet .shell{max-width:900px;border-inline:1px solid var(--st-line);box-shadow:none}body.design-work header,body.design-cabinet header{min-height:64px;padding:14px 22px}body.design-work main,body.design-cabinet main{padding:26px;scrollbar-gutter:stable}body.design-work #chat>h1,body.design-cabinet h1{font-family:Georgia,serif;font-size:32px;font-weight:500;line-height:1.15;margin-bottom:24px}body.design-work .client-row{border:1px solid var(--st-line);border-radius:16px;background:white;padding:6px;margin-bottom:10px}body.design-work .client-card{border:0;box-shadow:none;background:white;padding:14px}body.design-work .client-number{background:#edf3ef;color:var(--st-accent);border-color:var(--st-line);border-radius:12px}body.design-work .client-alias{font-size:19px}body.design-work .new-client-form{background:white;border:1px solid var(--st-line);border-radius:20px;padding:22px;display:grid;gap:12px}body.design-work .new-client-form :is(input,textarea){background:#f6f9f7;color:var(--st-ink);border:1px solid #c8d9ce;border-radius:10px;font-size:16px;padding:13px}body.design-work .new-client-form label{color:var(--st-ink);font-weight:650}body.design-work .new-client-form .new-client-hint{color:var(--st-muted);font-size:13px}body.design-work .bubble,body.design-work .client-anamnesis,body.design-work .analysis,body.design-work .client-summary{border-radius:16px;box-shadow:none}body.design-work footer{background:white;border-color:var(--st-line)}body.design-work .record-action-panel{padding:0;border:0;background:none}body.design-work .record-action{min-height:56px;border:0;border-radius:12px;background:var(--st-accent);color:white}body.design-work .record-action:before{display:none}body.design-work .record-action-copy strong{font-size:16px}.record-action-icon{transform:scale(.75)}body.design-work .record-action-copy small{font-size:11px}body.design-work .record-action.stopping{background:#376f65;color:white}
body.design-cabinet :is(.card,section){border-radius:18px;box-shadow:none}body.design-cabinet button.primary{border-radius:12px}body.design-document .page{max-width:900px;box-shadow:none;border-inline:1px solid var(--st-line)}body.design-document .hero{background:#edf3ee}body.design-document h1{font-family:Georgia,serif;font-weight:500}
/* Recording is still the same free narration and the existing manual stop action. */
body.visual-recording{overflow:hidden!important}body.visual-recording .visual-options{display:none}
/* Preserve the production recorder's wave, clock and live microphone feedback. */
body.visual-recording .recording-live{padding:12px!important;margin:0!important;background:#f0f5f1!important;border:1px solid #cfdfd5!important;border-radius:14px!important;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:7px 10px;text-align:left}
body.visual-recording .recording-live>strong{grid-column:2;grid-row:1;font-size:14px!important;line-height:1.3;color:var(--st-ink)!important;align-self:center}
body.visual-recording .recording-live .live-time{grid-column:3;grid-row:1;font-size:23px!important;line-height:1.2;margin:0!important;color:var(--st-accent)!important;font-variant-numeric:tabular-nums}
body.visual-recording .recording-live .live-pulse{display:flex!important;grid-column:1;grid-row:1;height:34px;margin:0;gap:3px;color:var(--st-accent)}
body.visual-recording .recording-live .live-pulse i{width:3px;max-height:32px}
body.visual-recording .recording-live>p{display:block!important;grid-column:1/-1;margin:0!important;font-size:11px!important;line-height:1.4!important;color:var(--st-muted)!important}
body.visual-recording .recording-live>p span{display:block}
body.visual-recording .recording-live :is(.live-sound,.recording-level){display:flex!important;grid-column:1/-1;align-items:flex-start;justify-content:flex-start;gap:7px;width:100%;max-width:none;box-sizing:border-box;margin:0!important;padding:8px 9px;border:1px solid #b6d7c4;border-radius:9px;background:#e5f2e9;color:#23674c;text-align:left;font-size:12px;line-height:1.35;font-weight:500}
body.visual-recording .recording-live :is(.live-sound,.recording-level):before{content:'';display:block;flex:none;width:8px;height:8px;margin:4px 0 0;border-radius:50%;background:#3c9d6a;box-shadow:0 0 0 3px #3c9d6a15}
body.visual-recording .recording-live :is(.live-sound,.recording-level).is-quiet{border-color:#e1c69a;background:#fbf2e3;color:#835b27}
body.visual-recording .recording-live :is(.live-sound,.recording-level).is-quiet:before{background:#c58a36;box-shadow:0 0 0 3px #c58a3615}
body.visual-recording .recording-live:has(.is-quiet) .live-pulse{color:#b18a51}
body.visual-recording .recording-live>small{display:block!important;grid-column:1/-1;margin:0!important;font-size:10px;line-height:1.35;color:var(--st-muted)!important}
body.visual-recording .recording-screen-hint{font-size:11px!important;margin:6px 0!important;color:var(--st-muted)!important}
body.design-landing.visual-recording .studio{padding:0;max-width:720px}body.design-landing.visual-recording .phone{position:fixed;inset:0;margin:auto;width:min(100%,720px);height:100dvh;min-height:0;display:flex;flex-direction:column;border-radius:0;overflow:hidden}body.design-landing.visual-recording .scene{flex:1;min-height:0;overflow:auto}body.design-landing.visual-recording .stage{display:flex;flex-direction:column;gap:12px;min-height:100%;padding:18px}.design-landing.visual-recording .flow-stage>.guide-heading{font-size:18px!important;margin:0!important}.design-landing.visual-recording .flow-stage>.prompt-route{margin:0!important;flex:none}.design-landing.visual-recording .flow-stage>.prompt-route .prompt{min-height:0!important;padding:10px!important;gap:9px}.design-landing.visual-recording .flow-stage>.prompt-route .prompt b{font-size:14px!important;line-height:1.35!important}.design-landing.visual-recording .flow-stage>.prompt-route .num{width:22px!important;height:22px!important;font-size:12px!important;flex:none}.design-landing.visual-recording .flow-stage>.identity{display:none}.design-landing.visual-recording .footer{display:block!important;padding:12px 18px max(14px,env(safe-area-inset-bottom));background:white}.design-landing.visual-recording .record-stop{min-height:52px;background:var(--st-accent);border:0;font-size:16px}
body.design-work.visual-recording .shell{height:100dvh}body.design-work.visual-recording main#chat{padding:16px;overflow:auto}body.design-work.visual-recording #chat>:not(.recording-session){display:none}body.design-work.visual-recording .recording-session{display:flex;flex-direction:column;gap:12px}body.design-work.visual-recording .stage-guide{margin:0!important}body.design-work.visual-recording .stage-guide h2{font-size:18px!important;margin:0 0 10px!important;display:block!important}body.design-work.visual-recording .stage-guide-intro{display:none}body.design-work.visual-recording .stage-guide-list{margin:0!important;padding:0!important}body.design-work.visual-recording .stage-guide-list li{min-height:0!important;padding:10px!important;gap:9px!important}body.design-work.visual-recording .stage-guide-list b{font-size:14px!important;line-height:1.35!important}body.design-work.visual-recording .stage-guide-list small{display:none!important}body.design-work.visual-recording .stage-guide-number{width:22px!important;height:22px!important;font-size:12px!important;flex:none}body.design-work.visual-recording footer{padding:12px 16px max(14px,env(safe-area-inset-bottom))}
body.visual-recording[data-record-layout=sheet]{background:#d8e2dc}body.design-landing.visual-recording[data-record-layout=sheet] .phone,body.design-work.visual-recording[data-record-layout=sheet] .shell{inset:24px 0 0;height:calc(100dvh - 24px);border-radius:24px 24px 0 0;box-shadow:0 0 0 100vmax #284b3e66;position:fixed;width:min(100%,720px);margin:auto;overflow:hidden}body.visual-recording[data-record-layout=sheet] :is(.phone>.top,.shell>header){min-height:44px;padding-block:8px}
body.visual-recording[data-record-layout=inline]{overflow:auto!important}body.design-landing.visual-recording[data-record-layout=inline] .phone{position:relative;height:auto;min-height:100dvh}body.design-landing.visual-recording[data-record-layout=inline] .stage{min-height:0}body.design-work.visual-recording[data-record-layout=inline] #chat>:not(.recording-session){display:block}body.design-work.visual-recording[data-record-layout=inline] .recording-session{border:1px solid var(--st-line);padding:14px;border-radius:18px;background:white}
@media(max-width:760px){body.design-landing .studio{padding:0}body.design-landing .phone{border-radius:0;border:0}body.design-landing .stage{padding:22px 18px}body.design-landing .stitch-audio-card{padding:16px}body.design-work main,body.design-cabinet main{padding:18px}body.design-work .new-client-form{padding:16px}.story-heading h2{font-size:14px}.picture-story{padding:16px}.visual-options summary{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.story-piece{transition:none!important}body:is(.design-landing,.design-work) *{animation:none!important}}

@media(max-width:360px){body.design-work .shell>header{padding-inline:8px;gap:4px}body.design-work header .brand{font-size:13px;gap:4px}body.design-work header .logo-signal{display:none}body.design-work header .clients-nav{font-size:12px;padding-inline:4px}body.design-work header .balance{font-size:12px;padding-inline:5px}}

/* A single product scene: narration becomes a note, then history, then a picture. */
body.design-landing .landing-concept .stitch-hero h1{font-family:Inter,system-ui,sans-serif;font-weight:650;font-size:clamp(30px,5vw,43px);line-height:1.12;max-width:620px;margin:12px 0 14px;letter-spacing:-.045em}
.stitch-hero h1 em{font-style:normal;color:var(--st-accent)}
body.design-landing .stitch-hero>p{font-size:15px;line-height:1.55;max-width:610px}
body.design-landing .stitch-hero{padding:0 0 20px}
.sequence-story{border:1px solid #d7e5dc;border-radius:20px;padding:16px 20px;margin:0 0 22px;background:linear-gradient(140deg,#eaf3ed,#f9fbf8);text-align:left;overflow:hidden}
.sequence-top,.sequence-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.sequence-top>span{font-size:12px;font-weight:650}.sequence-top b{font-size:10px;font-weight:500;color:var(--st-muted);border:1px solid #cbdcd0;border-radius:5px;padding:2px 5px;margin-left:7px}.story-replay{padding:5px 0;border:0;background:none;color:var(--st-accent);font:600 12px system-ui;cursor:pointer}
.sequence-canvas{position:relative;height:285px;margin:14px 0 10px}.sequence-pane{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;opacity:0;visibility:hidden;transform:translateY(14px) scale(.97);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1),visibility .5s;pointer-events:none}.sequence-pane.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.sequence-label{display:block;font-size:12px;color:var(--st-muted);margin-bottom:13px}
.demo-voice{background:#fff;border:1px solid #d9e6dd;border-radius:16px;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 8px 24px #28463808}.demo-wave{height:54px;display:flex;align-items:center;gap:5px}.demo-wave i{display:block;width:4px;height:var(--h);border-radius:4px;background:#3a8a76;animation:demo-speaking 1.1s ease-in-out infinite alternate;animation-delay:var(--delay)}.sequence-pane:not(.is-active) .demo-wave i{animation-play-state:paused}.demo-voice p{font-size:20px!important;line-height:1.4!important;color:var(--st-ink)!important;text-align:center;margin:14px 0 12px!important}.demo-voice>span:last-child{font-size:11px;color:var(--st-muted)}
.demo-note{border:1px solid #d7e4db;border-radius:13px;padding:18px;background:white;box-shadow:0 8px 22px #28463809}.demo-date{font-size:10px;color:var(--st-muted);display:block;margin-bottom:10px}.demo-note>strong{font-size:19px;font-weight:650;display:block}.demo-note>p{font-size:13px!important;line-height:1.5!important;color:var(--st-muted)!important;margin:8px 0 12px!important}.demo-observation{border-top:1px solid #e4ece7;padding-top:10px;font-size:13px;line-height:1.45}.demo-observation>span{display:block;color:var(--st-accent);font-size:10px;margin-bottom:3px}
.demo-history{padding-left:14px;border-left:2px solid #c4d9ca}.demo-client{display:flex;gap:9px;align-items:center;margin-bottom:12px}.demo-client>span{display:grid;place-items:center;background:#dceade;border-radius:50%;width:31px;height:31px;font-size:12px}.demo-client strong{font-size:13px}.demo-client small,.demo-picture-heading small{display:block;font-size:10px;font-weight:400;color:var(--st-muted);margin-top:3px}.demo-past{font-size:10px;color:var(--st-muted);padding:0 0 9px;display:flex;gap:12px}.demo-past span{color:#4b6660;font-size:11px}.demo-history .demo-note{padding:12px 14px;border-color:#96bda4}.demo-history .demo-note>strong{font-size:15px}.demo-history .demo-note>p{margin-bottom:0!important;font-size:12px!important}.demo-history .demo-observation{display:none}.demo-history .demo-date{margin-bottom:6px}
.demo-picture{border:1px solid #b9d2c0;border-radius:16px;background:white;padding:17px}.demo-picture-heading{display:flex;gap:11px;align-items:center;margin-bottom:14px}.demo-picture-heading>span{font-size:29px;color:var(--st-accent)}.demo-picture-heading strong{font-size:19px}.demo-insight{padding:11px 12px;background:#f3f6f4;border-radius:9px;margin-bottom:8px}.demo-insight>span{display:block;color:var(--st-muted);font-size:10px;margin-bottom:4px}.demo-insight>strong{font-size:14px;font-weight:600}.demo-insight.positive{background:#eaf3e9}.demo-insight.positive>strong{color:#34714d}.demo-picture>p{font-size:10px!important;line-height:1.4!important;color:var(--st-muted)!important;margin:12px 0 0!important}
.sequence-steps{display:flex;gap:2px}.sequence-steps button{display:grid;place-items:center;width:28px;height:30px;padding:0;border:0;background:none;cursor:pointer}.sequence-steps button>span{display:block;width:7px;height:7px;background:#c3d7c9;border-radius:5px;transition:width .3s,background .3s}.sequence-steps button[aria-pressed=true]>span{width:20px;background:#347e66}.sequence-caption{font-size:11px;color:var(--st-muted)}
.stitch-trial-limit{line-height:1.6!important;font-size:12px!important}.stitch-trial-limit strong{font-weight:600}
@keyframes demo-speaking{to{transform:scaleY(.35);opacity:.65}}
@media(min-width:761px){.sequence-canvas{height:280px;max-width:470px;margin:16px auto 10px}.sequence-story{padding:18px 24px}}
@media(max-width:360px){.sequence-story{padding:14px}.demo-voice p{font-size:18px!important}.demo-insight>strong{font-size:13px}.demo-past{gap:8px}.sequence-top>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sequence-pane,.sequence-steps button>span{transition:none!important}.demo-wave i{animation:none!important}}

body.design-landing .landing-concept{margin-top:0}

.sequence-auto{font-size:10px;color:var(--st-muted);white-space:nowrap}

.demo-recall{background:white;border:1px solid #b9d2c0;border-radius:16px;padding:14px}.demo-recall .demo-picture-heading{margin-bottom:10px}.demo-recall .demo-picture-heading strong{font-size:17px}.demo-recall-row{padding:7px 0;border-top:1px solid #e4ece7}.demo-recall-row>span{font-size:10px;color:var(--st-muted)}.demo-recall-row>p{font-size:12px!important;line-height:1.4!important;color:var(--st-ink)!important;margin:3px 0 0!important}.recall-focus{padding:8px 10px;margin:4px -2px -2px;border:0;border-radius:8px;background:#eaf3e9}.recall-focus>span{color:var(--st-accent)}

/* Three concise moments: narrate, understand, recall. */
.sequence-canvas{height:235px}.sequence-example{color:var(--st-muted);font-size:11px!important;font-weight:500!important}.sequence-saved{color:var(--st-accent)}.demo-voice p{font-size:19px!important;margin:15px 0 0!important}.demo-voice>span:last-child{font-size:inherit}.demo-picture .demo-insight:last-child{margin-bottom:0}.demo-recall .demo-picture-heading strong{font-size:19px}.demo-recall-row>p{font-size:14px!important}.demo-recall-row{padding-block:10px}.demo-recall .recall-focus{margin-top:8px;padding:10px}.sequence-top{min-height:16px}
@media(min-width:761px){.sequence-canvas{height:235px}}

/* GSAP: the same words travel through one persistent card. */
.sequence-story{padding:16px 18px;background:linear-gradient(140deg,#edf4ee,#f8faf7)}
.sequence-pause{border:0;background:none;padding:3px 0 3px 12px;font:500 11px system-ui;color:var(--st-muted);cursor:pointer;min-height:28px}.sequence-pause[hidden]{display:none}.sequence-pause:focus-visible,.sequence-steps button:focus-visible{outline:2px solid var(--st-accent);outline-offset:3px;border-radius:4px}
.sequence-shared{height:336px;max-width:470px;margin:8px auto 8px}.sequence-context{position:absolute;inset:0 0 auto;margin:0!important;font-size:12px!important;font-weight:500;line-height:1.45!important;color:var(--st-muted)!important;max-width:100%;min-height:36px}
.sequence-card{position:absolute;inset:44px 0 0;border:1px solid #d7e4db;border-radius:16px;background:#fff;box-shadow:0 8px 24px #28463805;overflow:hidden}
.sequence-shared .sequence-pane{inset:18px;display:block;opacity:0;visibility:hidden;transform:none;transition:none}.sequence-shared .sequence-pane.is-active{transform:none}
.sequence-voice-heading{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin:0 0 18px}.sequence-voice-heading>span:last-child{font-size:11px;color:var(--st-muted)}.sequence-shared .demo-wave{height:38px;gap:4px}.sequence-shared .demo-wave i{width:3px;max-height:38px;animation:none;transform-origin:center}
.sequence-quote p{font-size:16px!important;line-height:1.7!important;color:var(--st-ink)!important;margin:0 0 8px!important;font-weight:450}.sequence-quote [data-source]{display:inline-block;border-radius:4px;padding-inline:2px;margin-inline:-2px;white-space:nowrap}
.sequence-card-title{display:block;font-size:20px;line-height:1.2;font-weight:650;letter-spacing:-.025em;margin:0 0 8px}.sequence-history-context{font-size:11px!important;line-height:1.45!important;color:var(--st-muted)!important;margin:0 0 15px!important;min-height:32px}
.sequence-insight{padding:10px 12px;border-radius:9px;background:#f3f6f3;margin-bottom:8px}.sequence-insight>span{display:block;font-size:10px;line-height:1.2;color:var(--st-muted);margin-bottom:5px}.sequence-insight>strong{display:inline-block;font-size:14px;line-height:1.4;font-weight:550;white-space:nowrap}.sequence-insight.positive{background:#eaf2e7}.sequence-insight.positive>strong{color:#34714f}
.sequence-save{font-size:10px!important;line-height:1.5!important;color:var(--st-accent)!important;margin:14px 0 0!important}.sequence-save>span{font-weight:700;margin-right:3px}
.sequence-recall-row{padding:15px 0 13px;border-top:1px solid #e4ece7;margin-top:14px}.sequence-recall-row>span{display:block;font-size:10px;color:var(--st-muted);line-height:1.4}.sequence-recall-row>p{font-size:15px!important;line-height:1.55!important;color:var(--st-ink)!important;margin:6px 0 0!important}.sequence-recall-row [data-recall]{display:inline-block;white-space:nowrap}.sequence-recall-row.recall-focus{border:0;border-radius:9px;padding:12px;margin:8px 0 0;background:#e6f0df}.sequence-recall-row.recall-focus>span{color:var(--st-accent)}
.sequence-transfer{position:absolute;left:0;top:0;display:inline-block;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;line-height:1.4;color:var(--st-ink);font-weight:550;z-index:3;transform-origin:0 0;background:#eaf2e7;border-radius:4px}
@media(max-width:360px){.sequence-story{padding:14px}.sequence-shared .sequence-pane{inset:15px}.sequence-quote p{font-size:15px!important}.sequence-insight{padding:9px 10px}.sequence-insight>strong{font-size:13px}.sequence-card-title{font-size:19px}.sequence-recall-row>p{font-size:14px!important}.sequence-history-context{font-size:10px!important}.sequence-save{font-size:9px!important}}
@media(min-width:761px){.sequence-story{padding:18px 24px}.sequence-shared{height:336px}}
@media(prefers-reduced-motion:reduce){.sequence-transfer{display:none!important}}

/* Assistant messages share the light palette. Only their arrival moves once. */
body:is(.design-landing,.design-work) :is(.client-assistant-copy,.trial-signal-message,.identity-copy,.try-message,.record-followup-copy,.home-alert,.notice,.processing-footer){background:var(--st-mint);border-color:var(--st-line);color:var(--st-ink);box-shadow:none;filter:none;animation:none}
body:is(.design-landing,.design-work) :is(.client-assistant-copy,.trial-signal-message,.record-followup-copy,.notice,.processing-footer) p{color:var(--st-ink)}
body:is(.design-landing,.design-work) :is(.client-assistant-copy,.trial-signal-message,.record-followup-copy,.notice,.processing-footer) strong{color:var(--st-accent)}
body.design-work .trial-signal-message:before{background:var(--st-mint);border-color:var(--st-line)}
body.design-work :is(.client-assistant-icon,.trial-signal-emblem),body.design-landing :is(.record-followup,.flow-stage>.identity,.landing-intro,.landing-approach-prompt) .emblem{background:#e7f1eb;color:var(--st-accent);border:1px solid var(--st-line);box-shadow:none;animation:none}
body.design-work :is(.client-assistant-icon,.trial-signal-wave) i,body.design-landing :is(.record-followup,.flow-stage>.identity,.landing-intro,.landing-approach-prompt) .wave i{background:var(--st-accent);animation:none}
body:is(.design-landing,.design-work) :is(.client-assistant-message,.trial-signal-intro,.record-followup,.bubble:not(.self),.home-alert,.notice,.processing-footer,.try-message,.identity-copy,.login-dialog [data-auth-error]),body.design-cabinet .status:not([hidden]){animation:visual-message-arrive .2s ease-out;filter:none}
body.design-work .notice.error,body.design-landing .login-dialog [data-auth-error]{background:#fff2ee;border-color:#e4c4ba;color:#8d443c}
body.design-work .notice.error :is(strong,p){color:inherit}
body.design-work .balance:is(.needs-attention,.needs-refill):before,body.design-cabinet .topup.needs-refill:before{animation:none}
@keyframes visual-message-arrive{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}

/* A static square makes stopping distinct from the green start action. */
body.design-work .record-action.stopping,body.design-landing.visual-recording .record-stop{min-height:56px;border:1px solid #d8b6ad;border-radius:12px;background:#f8eeeb;color:#8d443c;box-shadow:none;animation:none;font-size:16px;font-weight:650}
body.design-work .record-action.stopping{gap:12px;text-align:center}
body.design-work .record-action.stopping .stop-icon{width:18px;height:18px;transform:none;border:0;border-radius:0;animation:none;color:inherit}
body.design-work .record-action.stopping .stop-icon i,body.design-landing.visual-recording .record-stop>span{width:14px;height:14px;border:0;border-radius:3px;background:currentColor;box-shadow:none;animation:none}
body.design-work .record-action.stopping .record-action-copy strong{font-weight:650}
body.design-work .record-action.stopping:hover,body.design-landing.visual-recording .record-stop:hover{background:#f2e2dc;border-color:#bd8b7e}
body.design-work .record-action.stopping:focus-visible,body.design-landing.visual-recording .record-stop:focus-visible{outline:2px solid #8d443c;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body:is(.design-landing,.design-work) :is(.client-assistant-message,.trial-signal-intro,.record-followup,.bubble,.home-alert,.notice,.processing-footer,.try-message,.identity-copy,.login-dialog [data-auth-error]),body.design-cabinet .status{animation:none!important}}