/* Super Parents: warm paper surfaces and role-based watercolor accents. */
:root{--parent-accent:#3168a7;--parent-soft:#eaf1fa;--parent-border:#cad9eb;--parent-ink:#293d55;--parent-wave:#759ac5;--parent-glow:#789ec521;--parent-paper:#faf8f3;--parent-avatar-position:0% 50%;--parent-avatar-sheet:url('assets/parents-watercolor.webp');--green:var(--parent-accent);--light:var(--parent-soft);--ink:var(--parent-ink);--text:#51565d;--muted:#777b81;--line:#e5e2dc;--bg:var(--parent-paper);--paper:#fffdfa;background:#edeae5}
:root[data-parent-role="mom"]{--parent-accent:#ad5075;--parent-soft:#faedf2;--parent-border:#e8cbd6;--parent-ink:#4c3542;--parent-wave:#d18ca7;--parent-glow:#d79ab522;--parent-avatar-position:100% 50%}
body,.app-shell{background:var(--parent-paper)}
.parent-avatar{display:block;width:108px;height:108px;flex:none;background-image:var(--parent-avatar-sheet);background-repeat:no-repeat;background-size:200% 100%;background-position:var(--parent-avatar-position);mix-blend-mode:normal}
.parent-avatar[data-role="dad"]{background-position:0% 50%}.parent-avatar[data-role="mom"]{background-position:100% 50%}
.identity .parent-avatar{width:36px;height:36px}.identity{min-width:0}.identity strong{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.identity .ai-label{flex:none}.topbar{gap:8px}.topbar>.identity{margin-right:auto}
.mascot-button .parent-avatar{position:relative;width:106px;height:106px}.message-avatar>.parent-avatar{width:34px;height:34px;filter:contrast(1.08)}
.message.assistant .message-avatar{background:var(--parent-soft)}
.parent-personalization{margin:20px 0 18px;text-align:left}.parent-choice-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:13px}.parent-choice-heading>span{font-size:12px;color:var(--muted)}
.parent-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.parent-choice{display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 10px;border:1px solid var(--line);border-radius:22px;background:#fffdfa;color:var(--parent-ink);transition:background .2s,border-color .2s}
.parent-choice[aria-pressed="true"]{border-color:var(--parent-accent);background:var(--parent-soft)}.parent-choice-label{display:flex;width:100%;align-items:center;justify-content:center;position:relative;font-size:14px;font-weight:600}.parent-choice-check{position:absolute;right:0;display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--parent-border);border-radius:50%;font-size:12px;color:white}.parent-choice[aria-pressed="true"] .parent-choice-check{background:var(--parent-accent);border-color:var(--parent-accent)}
.parent-choice .parent-avatar{width:108px;height:108px;margin:5px 0 1px}.parent-choice small{font-size:12px;color:var(--text);overflow-wrap:anywhere}.parent-name-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;font-size:13px}.parent-name-row>span{min-width:0;overflow-wrap:anywhere}.parent-name-row strong{color:var(--parent-accent)}.parent-name-row>button{flex:none;min-height:44px}
.parent-name-form{margin-top:14px}.parent-name-form label{font-size:13px}.parent-name-form input{display:block;width:100%;margin-top:5px;font-size:16px}.parent-name-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:9px}.parent-name-hint{font-size:12px;color:var(--muted);margin:6px 0}.parent-name-error{font-size:12px;color:#9a432c;margin-top:6px}
.parent-profile-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.parent-profile-header>.parent-avatar{width:78px;height:78px}.parent-profile-header strong{font-size:21px;overflow-wrap:anywhere}.parent-profile-header p{font-size:13px;margin:2px 0}.parent-profile-brand{color:var(--parent-accent)}
.parent-brand-caption{font-size:12px;color:var(--muted)}
.welcome-features article{animation:none;background:transparent;border:0;padding:9px 0}.welcome-features{gap:3px}.welcome-features h2{font-size:14px}.welcome-features p{color:var(--muted)}
body.is-onboarding .bottom-bar{display:none}body.is-onboarding .app-shell{padding-bottom:24px}
.profile-mascot>.parent-avatar{margin:0 auto 8px}
.topbar>.identity{flex-shrink:1!important}.identity .ai-label{font-size:10px}
.typing-indicator .typing-bubble{display:flex;align-items:center;gap:9px;background:transparent;box-shadow:none;padding:2px 0}.typing-indicator .parent-thinking-bulb{width:44px;height:44px}.parent-thinking-label{font-size:13px;color:var(--muted)}
body:not(.has-conversation) #page-chat .mascot-button .parent-avatar{width:78px;height:78px}
@media(max-width:374px){.parent-choices{gap:9px}.parent-choice{padding:10px 6px}.parent-choice .parent-avatar{width:98px;height:98px}.parent-choice-label{font-size:13px}.identity strong{max-width:148px}.parent-choice-heading>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.parent-choice{transition:none}}
