/* Compact home card: heading, drawing, then one clear next action. */
#reflection-card.home-reflection{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"eyebrow eyebrow" "title sketch" "action sketch";grid-template-rows:auto 1fr auto;gap:16px 30px;align-items:center;min-height:310px;padding:24px 28px}
#reflection-card.home-reflection>.card-eyebrow{grid-area:eyebrow;margin:0}
#reflection-card.home-reflection>.label-stack{grid-area:title;max-width:none;font-size:clamp(29px,3.3vw,42px);line-height:1.12;margin:0;align-self:center}
#reflection-card.home-reflection>.card-cta{grid-area:action;max-width:none;width:100%;min-height:54px;margin:0;align-self:end;scroll-margin-bottom:110px}
#reflection-card.home-reflection>.home-scribble{grid-area:sketch;min-width:0;--ink:#f4f3ed;--paper:#0c0c0b;--surface:#e8e7e1;--surface-raised:#e0dfd8;--stroke:#d4d3cc;--muted:#65655f}
.therapy-root[data-theme=light] #reflection-card.home-reflection>.home-scribble{--ink:#181915;--paper:#efeee7;--surface:#262723;--surface-raised:#30312d;--stroke:#42433b;--muted:#b0b1a5}
#reflection-card .scribble-studio{padding:0;border:0;border-radius:0;background:transparent}
#reflection-card .ts-product{padding:0}
#reflection-card .ink-stage{height:210px;background:var(--ink);color:var(--paper);border:0}
/* Keep changing instructions available to screen readers, without a text row. */
#reflection-card .ink-copy{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#reflection-card .ts-demo-controls,#reflection-card .ink-actions{display:none}
#reflection-card .ink-stage:focus-visible{outline-color:var(--paper)}
#reflection-card .ink-guide{font-size:11px}
/* Reflection opens in its final position, without a focus frame or flying SVG. */
.therapy-root .setup-art{transform:none!important;translate:none!important;animation:none!important;transition:none!important}
.therapy-root .setup-art svg{transform:none!important;translate:none!important;animation:none!important;transition:none!important;transform-origin:center}
.therapy-root .setup-label:focus{outline:none}
.therapy-root .session-modes{grid-template-columns:repeat(2,minmax(0,1fr))}
.therapy-root .session-modes .voice-mode{grid-column:auto;min-height:72px;line-height:1.4}
/* Journal values are instruments, not ambient animation. */
.therapy-root .score-art,.therapy-root .score-art svg{transform:none!important;animation:none!important;transition:none!important}
.therapy-root .score-heading output,.therapy-root .energy-panel output{font-variant-numeric:tabular-nums;min-width:80px;justify-content:center;transform:none!important;translate:none!important;animation:none!important;transition:none!important}
.therapy-root input[data-daily-range]{height:48px;touch-action:pan-y;cursor:pointer;transition:none}
.therapy-root .energy-input{height:48px}
.therapy-root input[data-daily-range]::-webkit-slider-runnable-track{height:5px;border:0;border-radius:6px;background:linear-gradient(to right,var(--paper) var(--range-fill,0%),var(--stroke) var(--range-fill,0%))}
.therapy-root input[data-daily-range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;margin-top:-11.5px;border:5px solid var(--paper);border-radius:50%;background:var(--ink);box-shadow:none;transition:none;transform:none}
.therapy-root input[data-daily-range]::-moz-range-track{height:5px;border:0;border-radius:6px;background:linear-gradient(to right,var(--paper) var(--range-fill,0%),var(--stroke) var(--range-fill,0%))}
.therapy-root input[data-daily-range]::-moz-range-thumb{box-sizing:border-box;width:28px;height:28px;border:5px solid var(--paper);border-radius:50%;background:var(--ink);box-shadow:none;transition:none;transform:none}
@media(max-width:700px){
 #reflection-card.home-reflection{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow" "title" "sketch" "action";grid-template-rows:auto auto auto auto;gap:12px;min-height:0;padding:20px 22px}
 #reflection-card.home-reflection>.label-stack{font-size:32px;line-height:1.1;margin-top:5px}
 #reflection-card .ink-stage{height:150px}
 #reflection-card.home-reflection>.card-cta{margin-top:0}
 .therapy-root .score-heading output{min-width:67px;font-size:10px}
}
@media(max-width:359px){
 #reflection-card.home-reflection{padding:18px;gap:10px}
 #reflection-card.home-reflection>.label-stack{font-size:29px}
 #reflection-card .ink-stage{height:140px}
}

/* Density alone follows the slider; prevent inherited SVG transition effects. */
.therapy-root .score-art path{transition:none!important;animation:none!important;transform:none!important}
/* Official TherapyAI SVG; the same silhouette in both identity positions. */
.therapy-root .brand-mark{display:block;flex:none;background:currentColor;-webkit-mask:url("assets/brand-mark.svg") center/contain no-repeat;mask:url("assets/brand-mark.svg") center/contain no-repeat}
.therapy-root .sidebar-brand .brand-symbol{width:43px;height:46px;border-radius:0;color:inherit}
.therapy-root .menu-wordmark{display:flex;align-items:center;gap:10px}
.therapy-root .menu-wordmark .brand-mark{width:30px;height:32px}
#hello-scribble{position:relative;display:grid;place-items:center}
#hello-scribble .hello-brand{grid-area:1/1;width:72%;height:72%;opacity:1;transition:opacity .28s ease;animation:none;pointer-events:none}
#hello-scribble [hidden]{display:none!important}
#hello-scribble .scribble{grid-area:1/1;width:100%;height:100%;opacity:0;transition:opacity .28s ease;pointer-events:none}
#hello-scribble[data-identity=custom] .hello-brand{opacity:0}
#hello-scribble[data-identity=custom] .scribble{opacity:1}
#hello-scribble:active{transform:none}
#hello-scribble[aria-disabled=true]{cursor:default}
.scribble-studio .ink-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
