/* Persona direction: calm family co-pilot for a working mum and her 13-year-old. */
:root{--mum-ink:#263246;--mum-plum:#7a5c78;--mum-peach:#f5b09b;--mum-cream:#fffaf4;--mum-mint:#dcefe8}
body{background:linear-gradient(135deg,#f8f6fb,#f2f8f5)!important}
.app{background:rgba(255,252,248,.92)!important}
.view[data-view=home]>.eyebrow{color:var(--mum-plum)!important}
.view[data-view=home]>h1{max-width:760px!important;color:var(--mum-ink)!important}
.view[data-view=home]>.sub{font-size:15px!important;max-width:600px!important;color:#748094!important}
.assistant-command{position:relative!important;padding:25px 26px!important;border:1px solid rgba(122,92,120,.2)!important;border-radius:24px!important;background:linear-gradient(120deg,#fffaf4,#f8f2f8)!important;box-shadow:0 18px 42px rgba(122,92,120,.1)!important}
.assistant-command:after{content:'Your calm co-pilot';position:absolute;right:24px;top:24px;color:var(--mum-plum);font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.assistant-command .eyebrow{color:#ae7a70!important}
.assistant-command strong{font-size:24px!important;color:var(--mum-ink)!important;letter-spacing:-.7px}
.assistant-command p{color:#7c8493!important;font-size:12px!important}
.assistant-form input{background:#fff!important;border-color:#eadfe2!important;min-height:46px!important}
.assistant-form button{background:var(--mum-plum)!important;min-width:78px!important}
.assistant-prompts button{border-color:#e3ccd0!important;color:#805b68!important;background:#fff6f2!important}
.assistant-prompts button:hover,.assistant-prompts button:focus-visible{background:var(--mum-plum)!important;color:#fff!important}
.live-card{background:linear-gradient(135deg,#27364e,#435a77)!important}
.live-card h2:after{content:' · one less thing to hold in your head';font-size:12px;font-weight:500;letter-spacing:0;color:rgba(255,255,255,.62)}
.view[data-view=home]>.section-head:has(+.quick-grid) h2{font-size:0!important}
.view[data-view=home]>.section-head:has(+.quick-grid) h2:after{content:'What would help right now?';font-size:17px}
.quick{background:#fffaf4!important;border-color:#efe5df!important}
.quick span{color:var(--mum-plum)!important;background:#f3e8f0!important}
.life-panel{background:linear-gradient(120deg,#fffaf4,#f8fbfa)!important;border-color:#eee4df!important}
.life-head h2:after{content:' — no perfect day required';font-size:12px;color:#a18c8d;font-weight:500}
.life-box{background:rgba(255,255,255,.72)!important}
.life-notes{background:#f8f2f8!important}
@media(min-width:980px){.view[data-view=home]{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;grid-template-areas:'eyebrow eyebrow' 'title title' 'sub sub' 'assistant assistant' 'live email' 'quick nowhead' 'quick now' 'quick connect' 'quick device'!important}.view[data-view=home]>.assistant-command{grid-area:assistant!important;margin:16px 0 0!important}.view[data-view=home]>.live-card,.view[data-view=home]>#emailPanel{margin-top:18px!important}.life-panel{margin-top:34px!important}}
@media(max-width:699px){.assistant-command{padding:20px!important}.assistant-command:after{position:static;display:block;margin-top:14px}.assistant-command strong{font-size:21px!important}.quick{min-height:112px!important}}
.role-switcher{display:flex;gap:7px;margin:18px 0 0;padding:5px;width:max-content;border:1px solid #e8e3e3;border-radius:999px;background:#fff}
.role{min-width:72px;padding:8px 13px;border:0;border-radius:999px;color:#8791a0;background:transparent;font-size:10px;font-weight:800;letter-spacing:1px}
.role.active{color:#fff;background:var(--mum-plum);box-shadow:0 5px 12px rgba(122,92,120,.2)}
.hero-actions{display:flex;gap:9px;margin-top:28px}
.hero-primary,.hero-secondary{min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.25);border-radius:12px;font-size:11px;font-weight:800}
.hero-primary{color:#263246;background:#fff}.hero-primary span{margin-left:10px;color:var(--mum-plum);font-size:16px}
.hero-secondary{color:#fff;background:rgba(255,255,255,.1)}
.view[data-view=home]>.section-head h2{letter-spacing:-.3px}
.view[data-view=home]>.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:699px){.role-switcher{width:100%;justify-content:space-between}.role{flex:1}.hero-actions{margin-top:22px}.hero-primary{flex:1}.hero-secondary{flex:0 0 auto}.view[data-view=home]>.quick-grid{grid-template-columns:1fr 1fr}}