/* Calm / balanced: a light reflection surface with compact brand cards. */
html,body{background:#000}
.therapy-root,.therapy-root[data-theme=dark]{--paper:#fff;--ink:#000;--surface:#0c0c0c;--surface-raised:#171717;--stroke:#303030;--muted:#a0a0a0;--radius:12px;--hero:#fff;--hero-ink:#000;--outline:#727272}
.therapy-root[data-theme=light]{--paper:#111;--ink:#fff;--surface:#fafafa;--surface-raised:#f1f1f1;--stroke:#dedede;--muted:#686868;--hero:#111;--hero-ink:#fff;--outline:#919191}
.therapy-root .brand-tile{display:grid;place-items:center;flex:none;width:36px;height:40px;border-radius:11px;background:var(--paper);color:var(--ink)}
.therapy-root .sidebar-brand .brand-tile .brand-mark,.therapy-root .menu-wordmark .brand-tile .brand-mark{width:28px;height:30px;color:var(--ink)}
.sidebar-icon svg,.bottom-nav-icon svg,.menu-nav-icon svg{display:block;width:100%;height:100%}
.therapy-root .menu-trigger{background:transparent;border-color:var(--stroke)}
.therapy-root .locale-switch{background:transparent;border:0;min-height:38px;height:38px;border-radius:10px!important}
.therapy-root .locale-switch button{font-size:12px;color:var(--muted);min-height:38px}
.therapy-root .locale-switch button[aria-pressed=true]{color:var(--paper)}
.therapy-root .locale-cursor{background:var(--surface-raised);border-radius:9px!important}
.therapy-root .page-name{border-radius:0!important}
.therapy-root .page-name span{font-weight:400;font-size:16px}
.therapy-root .topbar{margin-bottom:5px}
.therapy-root[data-view=dashboard] .page-name{visibility:hidden}

.therapy-root .dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
.therapy-root .welcome-card,.therapy-root:not([data-inline]) .welcome-card{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:minmax(0,1fr) 62px;align-items:center;gap:16px;background:transparent;border:0;border-radius:0;box-shadow:none;min-height:105px;padding:12px 2px 22px;margin:0;color:var(--paper)}
.therapy-root .welcome-card .scribble-button,.therapy-root:not([data-inline]) .welcome-card .scribble-button{width:62px;height:62px;color:var(--paper)}
.therapy-root .welcome-copy h1,.therapy-root:not([data-inline]) .welcome-copy h1{font-size:27px;font-weight:700;letter-spacing:-.8px;margin-bottom:8px}
.therapy-root .welcome-card .welcome-copy p{font-size:11px;line-height:1.5;color:var(--muted)}
.therapy-root .action-card{will-change:auto}
#reflection-card.home-reflection{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title sketch" "action sketch";grid-template-rows:1fr auto;gap:20px 28px;align-items:center;min-height:300px;padding:28px;margin:0;border:1px solid var(--hero);border-radius:28px!important;box-shadow:none;background:var(--hero);color:var(--hero-ink)}
#reflection-card.home-reflection>.label-stack{grid-area:title;max-width:100%;font-size:clamp(29px,3.3vw,38px);font-weight:700;line-height:1.16;letter-spacing:-1px;margin:0}
#reflection-card.home-reflection .ink-label{color:inherit;background:transparent;padding:0;border-radius:0}
#reflection-card.home-reflection>.home-scribble{grid-area:sketch;--ink:#fff;--paper:#000;--surface:#fff;--surface-raised:#eee;--stroke:#d1d1d1;--muted:#707070}
.therapy-root[data-theme=light] #reflection-card.home-reflection>.home-scribble{--ink:#111;--paper:#fff;--surface:#111;--surface-raised:#222;--stroke:#444;--muted:#aaa}
#reflection-card.home-reflection>.card-cta{grid-area:action;width:100%;max-width:320px;min-height:52px;background:var(--hero-ink);color:var(--hero);border:0;border-radius:12px!important;padding:13px 17px;font-size:13px;letter-spacing:0}
#reflection-card .ink-stage{height:205px;background:var(--ink);color:var(--paper)}
#reflection-card .ink-guide{font-size:11px;color:var(--muted)}
.therapy-root .action-card:hover{border-color:var(--outline)}
.therapy-root .home-therapy,.therapy-root:not([data-inline]) .home-therapy{display:block;grid-column:1/-1;grid-row:auto;min-height:0;padding:0;margin:0;border:0;border-bottom:1px solid var(--stroke);border-radius:0!important;background:transparent;color:var(--paper);box-shadow:none;overflow:visible}
.therapy-root .home-shortcut,.therapy-root .home-therapy>.home-shortcut,.therapy-root:not([data-inline]) .home-therapy>.home-shortcut{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:87px;padding:20px 3px;border:0;border-radius:0!important;background:transparent;color:var(--paper);text-align:left;box-shadow:none;transform:none}
.home-shortcut .shortcut-copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.home-shortcut strong{font-size:18px;font-weight:400;letter-spacing:-.35px;line-height:1.3}
.home-shortcut .shortcut-description{font-size:11px;line-height:1.6;color:var(--muted);font-weight:400;overflow-wrap:anywhere}
.home-shortcut .shortcut-arrow,.therapy-root .home-therapy>.home-shortcut>.shortcut-arrow{font-size:19px;color:var(--muted);flex:none}
.therapy-root .home-shortcut:focus-visible{outline-offset:2px;border-radius:8px!important}
.therapy-root .home-therapy:hover{box-shadow:none;border-color:var(--stroke)}

/* Just two label accents, without another nested button or duplicate heading. */
.therapy-root .journal-card,.therapy-root .insights-card,.therapy-root:not([data-inline]) .journal-card,.therapy-root:not([data-inline]) .insights-card{display:block;grid-column:auto;grid-row:auto;min-height:0;padding:0;margin:0;border:1px solid var(--outline);border-radius:28px!important;background:var(--ink);color:var(--paper);box-shadow:0 2px 0 var(--paper);overflow:hidden}
.therapy-root .journal-card .home-shortcut,.therapy-root .insights-card .home-shortcut{position:relative;display:flex;align-items:stretch;min-height:174px;padding:23px;gap:0}
.therapy-root .journal-card .shortcut-copy,.therapy-root .insights-card .shortcut-copy{justify-content:space-between;align-items:flex-start;gap:28px;width:100%}
.therapy-root .journal-card .shortcut-copy strong,.therapy-root .insights-card .shortcut-copy strong{display:block;width:fit-content;max-width:100%;padding:3px 7px 4px;background:var(--paper);color:var(--ink);border-radius:10px;font-size:23px;font-weight:400;line-height:1.15;letter-spacing:-.5px}
.therapy-root .journal-card .shortcut-description,.therapy-root .insights-card .shortcut-description{padding-right:22px}
.therapy-root .journal-card .shortcut-arrow,.therapy-root .insights-card .shortcut-arrow{position:absolute;right:22px;bottom:23px;color:var(--paper);font-size:18px}
.therapy-root .journal-card:hover,.therapy-root .insights-card:hover{box-shadow:0 2px 0 var(--paper);border-color:var(--paper)}
.therapy-root .journal-card .home-shortcut:focus-visible,.therapy-root .insights-card .home-shortcut:focus-visible{outline-offset:-6px;border-radius:24px!important}

/* Navigation recedes, while the active destination stays explicit. */
.therapy-root .quick-nav.bottom-nav{left:50%;bottom:0;width:min(100%,560px);min-height:68px;padding:7px 10px max(9px,env(safe-area-inset-bottom));margin:0;border:0;border-top:1px solid var(--stroke);border-radius:0;background:var(--ink);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.therapy-root .quick-nav.bottom-nav .quick-cursor{display:none}
.therapy-root .quick-nav.bottom-nav button{min-height:50px;gap:5px;color:var(--muted);border-radius:8px!important;font-size:10px}
.therapy-root .quick-nav.bottom-nav button[aria-current=page]{color:var(--paper);background:transparent}
.therapy-root .quick-nav.bottom-nav .bottom-nav-icon{width:20px;height:22px;animation:none;transform:none}
.therapy-root .quick-nav.bottom-nav button[aria-current=page]::after{content:"";position:absolute;bottom:0;width:3px;height:3px;border-radius:50%;background:var(--paper)}
.therapy-root .navigation{background:var(--ink);color:var(--paper);border:0;padding-top:88px}
.therapy-root .navigation .menu-topline{margin-bottom:24px}
.therapy-root .navigation .menu-wordmark{font-size:24px;font-weight:400;letter-spacing:-.5px}
.therapy-root .navigation .menu-caption,.therapy-root .navigation .menu-bottom{display:none}
.therapy-root .navigation nav{gap:5px}
.therapy-root .navigation nav button{grid-template-columns:24px minmax(0,1fr) 20px;gap:15px;padding:13px 11px;min-height:52px;border:0;border-radius:10px!important;color:var(--muted)}
.therapy-root .navigation nav button[aria-current=page]{background:var(--surface-raised);color:var(--paper)}
.therapy-root .navigation nav span{font-size:22px;font-weight:400;letter-spacing:-.6px}
.therapy-root .navigation nav .menu-nav-icon{display:block;width:24px;height:26px}
.therapy-root .navigation nav b{font-size:17px;color:var(--muted)}
.therapy-root .navigation .menu-motion,.therapy-root .navigation .menu-theme{border:0;background:transparent;color:var(--muted);padding:12px 11px;font-size:12px;min-height:44px}
.therapy-root .navigation .menu-motion{margin-top:20px;border-top:1px solid var(--stroke);border-radius:0!important}

/* Diary: one question, then an open writing area. */
.therapy-root .section-tabs,.therapy-root .th-tabs{border:0;background:var(--surface-raised);border-radius:13px!important}
.therapy-root .section-tabs::before,.therapy-root .th-tab{border-radius:9px!important}
.therapy-root .journal-step-card{border-color:var(--stroke);border-radius:20px;background:var(--surface);box-shadow:none}
.therapy-root .journal-step-body .score-heading label,.therapy-root .journal-step-body .checkin-heading h2{font-weight:400;letter-spacing:-.4px}
.therapy-root .journal-step-body .score-heading output,.therapy-root .journal-step-body .checkin-heading output{color:var(--muted);background:transparent;border:0;padding-right:0}
.therapy-root .journal-guided .note-panel{border:0;border-radius:0!important;background:transparent;padding:23px 2px 4px;margin-top:9px;box-shadow:none}
.therapy-root .journal-guided .note-panel h2{font-size:19px;font-weight:400;letter-spacing:-.4px}
.therapy-root .journal-guided .note-panel textarea{min-height:200px;line-height:1.8}
.therapy-root .journal-guided .note-panel:focus-within{border:0;box-shadow:none}
.therapy-root .journal-guided .note-panel textarea::placeholder{color:var(--muted)}
.therapy-root .journal-step-body .score-limits,.therapy-root .journal-step-meta{color:var(--muted)}
.therapy-root .journal-habit-nav button{border-radius:8px!important}
.therapy-root .journal-step-body .mood-choice,.therapy-root .journal-step-body .sleep-choices button{background:transparent;border-color:var(--stroke);color:var(--muted)}
.therapy-root .journal-step-body .mood-choice[aria-pressed=true],.therapy-root .journal-step-body .sleep-choices button[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.therapy-root .records-calendar,.therapy-root .records-selected,.therapy-root .journal-record{background:transparent;border-color:var(--stroke);border-radius:16px}
.therapy-root .records-heading h1,.therapy-root .hub-heading h1{font-size:27px;letter-spacing:-.6px;font-weight:400}
.therapy-root .hub-panel,.therapy-root .hub-insight.insight-item,.therapy-root .hub-empty{background:var(--surface);border-color:var(--stroke);border-radius:18px!important;box-shadow:none}
.therapy-root .panel-caption,.therapy-root .th-eyebrow{letter-spacing:.4px}
.therapy-root .th-space{--th-dim:var(--muted);--th-line:var(--stroke);--th-panel:var(--surface)}
.therapy-root .th-space h1,.therapy-root .th-space h2{font-weight:400;letter-spacing:-.7px}
.therapy-root .th-profile-card,.therapy-root .th-panel,.therapy-root .th-detail,.therapy-root .th-next,.therapy-root .th-chat{border-color:var(--stroke);border-radius:18px;box-shadow:none}
.therapy-root .th-space .th-tags>span{background:transparent;border:0;padding:0;margin-right:6px;color:var(--muted)}
.therapy-root .th-space .th-tags>span:not(:last-child)::after{content:" ·";margin-left:8px}
.therapy-root .th-space .th-primary{font-weight:400}
.therapy-root .session-modes button{background:transparent;border-color:var(--stroke);font-weight:400}
.therapy-root .session-modes button[aria-pressed=true]{background:var(--paper);color:var(--ink)}
.therapy-root .setup-label{font-weight:400;letter-spacing:-.8px}
.therapy-root .setup-notes{color:var(--muted)}

@media(min-width:1024px){
 .therapy-root:not([data-inline]) .desktop-sidebar{left:0;top:0;bottom:0;width:216px;padding:27px 18px 20px;background:var(--ink);border:0;border-right:1px solid var(--stroke);border-radius:0}
 .therapy-root .sidebar-brand{padding:0 2px;gap:10px;font-size:22px;font-weight:400;letter-spacing:-.4px;margin-bottom:34px;flex-shrink:0}
 .therapy-root .desktop-sidebar nav{gap:5px}
 .therapy-root .desktop-sidebar nav button{min-height:46px;padding:11px 10px;gap:12px;font-size:13px;border:0;border-radius:9px!important;color:var(--muted)}
 .therapy-root .desktop-sidebar nav button[aria-current=page]{background:var(--paper);color:var(--ink)}
 .therapy-root .desktop-sidebar nav button:hover{border:0}
 .therapy-root .sidebar-icon{width:20px;height:22px}
 .therapy-root .sidebar-utilities{margin-top:22px;padding-top:16px;gap:3px;border-color:var(--stroke)}
 .therapy-root .sidebar-utilities button{font-size:10px;min-height:42px;color:var(--muted);padding-left:10px}
 .therapy-root .sidebar-person{padding:17px 7px 0;min-height:72px;gap:10px}
 .therapy-root .sidebar-person small{color:var(--muted);font-size:8px}
 .therapy-root:not([data-inline]) .app-shell{margin-left:216px;width:calc(100% - 216px);padding:13px 40px 32px}
 .therapy-root:not([data-inline]) #main-content,.therapy-root:not([data-inline]) .topbar{max-width:820px}
 .therapy-root:not([data-inline]) .topbar{margin-bottom:12px}
 .therapy-root:not([data-inline]) .dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .therapy-root:not([data-inline]) .welcome-card{min-height:110px;padding-top:6px;padding-bottom:28px}
 .therapy-root:not([data-inline]) .welcome-copy h1{font-size:30px}
 .therapy-root:not([data-inline]) .home-footer{display:none}
 .therapy-root:not([data-inline]) .save-dock{left:calc(50% + 108px)}
}
@media(max-width:700px){
 .therapy-root .welcome-copy h1{font-size:24px}
 #reflection-card.home-reflection{grid-template-columns:1fr;grid-template-areas:"title" "sketch" "action";grid-template-rows:auto auto auto;min-height:0;padding:21px;gap:12px;margin-bottom:0;border-radius:25px!important}
 #reflection-card.home-reflection>.label-stack{font-size:31px;line-height:1.14;margin:0}
 #reflection-card.home-reflection>.card-cta{max-width:none;min-height:50px}
 #reflection-card .ink-stage{height:150px}
 .therapy-root .home-shortcut,.therapy-root .home-therapy>.home-shortcut{min-height:83px;padding:18px 3px}
 .home-shortcut strong{font-size:17px}
 .therapy-root .journal-step-body .score-heading,.therapy-root .journal-step-body .checkin-heading{flex-wrap:wrap;gap:8px}
 .therapy-root .th-space h1{font-size:30px}
}
@media(max-width:359px){
 .therapy-root .welcome-card{grid-template-columns:minmax(0,1fr) 50px;gap:10px;min-height:94px}
 .therapy-root .welcome-card .scribble-button{width:50px;height:50px}
 .therapy-root .welcome-copy h1{font-size:21px;letter-spacing:-.7px}
 #reflection-card.home-reflection{padding:18px}
 #reflection-card.home-reflection>.label-stack{font-size:29px}
 #reflection-card .ink-stage{height:140px}
}
@media(hover:hover){
 .therapy-root .home-shortcut:hover .shortcut-arrow{color:var(--paper)}
 .therapy-root .desktop-sidebar nav button:not([aria-current=page]):hover,.therapy-root .navigation nav button:hover{color:var(--paper)}
}

@media(max-width:700px){
 .therapy-root .dashboard,.therapy-root:not([data-inline]) .dashboard{gap:15px 12px}
 .therapy-root .journal-card,.therapy-root .insights-card,.therapy-root:not([data-inline]) .journal-card,.therapy-root:not([data-inline]) .insights-card{border-radius:23px!important}
 .therapy-root .journal-card .home-shortcut,.therapy-root .insights-card .home-shortcut{padding:18px 15px;min-height:156px}
 .therapy-root .journal-card .shortcut-copy strong,.therapy-root .insights-card .shortcut-copy strong{font-size:18px;padding:3px 6px 4px;border-radius:8px}
 .therapy-root .journal-card .shortcut-description,.therapy-root .insights-card .shortcut-description{font-size:10px;padding-right:17px}
 .therapy-root .journal-card .shortcut-arrow,.therapy-root .insights-card .shortcut-arrow{right:14px;bottom:19px;font-size:16px}
}
@media(max-width:359px){
 .therapy-root .journal-card .home-shortcut,.therapy-root .insights-card .home-shortcut{padding:17px 12px;min-height:151px}
 .therapy-root .journal-card .shortcut-copy strong,.therapy-root .insights-card .shortcut-copy strong{font-size:17px}
}
@media(max-width:700px){
 .therapy-root[data-view=motion] .page-name{min-width:0;height:auto;min-height:42px}
 .therapy-root[data-view=motion] .page-name span{white-space:normal;font-size:14px;line-height:1.2;letter-spacing:-.3px}
}

/* Touch cue stays inside the existing sketch area, preserving card geometry. */
#reflection-card.home-reflection>.home-scribble{position:relative}
#reflection-card .home-scribble::after{content:"Торкнись";position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:12px;font-weight:400;line-height:18px;color:#858585;pointer-events:none;opacity:0;transition:opacity .6s ease}
.therapy-root[lang=en] #reflection-card .home-scribble::after{content:"Touch"}
#reflection-card .ink-stage canvas{transform:translateY(-14px)}
#reflection-card .ink-brand{margin-top:-14px}
#reflection-card .ts-bottom,#reflection-card .ink-actions,#reflection-card .ts-demo-controls{border-top:0}

#reflection-card .home-scribble.show-touch-cue::after{animation:home-touch-cue 6s ease 1.4s both}
@keyframes home-touch-cue{0%,100%{opacity:0}18%,78%{opacity:1}}
@media(prefers-reduced-motion:reduce){#reflection-card .home-scribble.show-touch-cue::after{animation-timing-function:steps(1,end)}}