:root{--aurora-cool: var(--studio-paper);--aurora-sage: var(--studio-paper);--aurora-warm: var(--studio-paper);--glass-floor: var(--surface);--cloud: var(--studio-line);--stone: var(--studio-line);--line: var(--studio-line)}.patient-surface .primary svg{color:inherit}.patient-surface .section-title h2{font-weight:600;letter-spacing:-.4px}.wb-atmosphere{display:flex;align-items:center;gap:var(--space-20);margin:var(--space-16) 0 var(--space-24);padding:var(--space-24);border:1px solid var(--stone);border-radius:var(--r-lg);background:var(--surface);color:var(--charcoal)}.wb-atmosphere>span{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border-radius:var(--r-md);background:var(--glass-floor-ground);color:var(--brand-ink)}.wb-atmosphere h2{font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.5px;color:inherit}.wb-atmosphere p{margin-top:var(--space-8);color:var(--faint)}.patient-surface .wb-write{border:1px solid var(--stone);border-radius:var(--r-lg);background:var(--surface);padding:var(--space-24);box-shadow:var(--shadow)}.patient-surface .wb-habit{border-radius:var(--r-md)}.patient-surface .wb-habit.selected{background:color-mix(in srgb,var(--brand-green) 10%,var(--surface));border-color:var(--brand-green);box-shadow:inset 0 0 0 1px var(--brand-green)}.patient-surface .wb-write textarea{background:var(--surface);border-radius:var(--r-md);padding:var(--space-16);min-height:170px}.door-aside{background:color-mix(in srgb,var(--brand-green) 8%,var(--surface))}@media(max-width:999px){.patient-surface .home-context .context-chip:first-child{display:flex}}@media(max-width:600px){.patient-surface .home-context .context-chip{border-radius:16px;padding:10px 12px}.patient-surface .home-context .context-chip>span:not(.avatar){white-space:normal;overflow:visible;text-overflow:clip;text-align:left}.wb-atmosphere{padding:var(--space-20);gap:var(--space-16);align-items:start}.wb-atmosphere h2{font-size:24px}.patient-surface .wb-write{padding:var(--space-20)}}.patient-surface .wb-habit.selected,.patient-surface .wb-habit.selected span,.patient-surface .wb-habit.selected svg{color:var(--studio-ink-deep)}