/* Shared Sam-Style shell; family avatars and task colours stay playful. */
.topbar .logo{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:#0d1b35;color:white;font-size:18px;font-weight:800}
body.app-ready .topbar{background:#fff;box-shadow:none}
body.app-ready .topbar .install-btn{background:transparent;color:#526077;border:1px solid #dce3eb;box-shadow:none;font-weight:600}
body.app-ready .view.active{background:linear-gradient(140deg,#fff 65%,#f2faf7)}
body.app-ready .assistant-message{max-width:none;gap:12px;margin-bottom:26px}
body.app-ready .assistant-message>div{background:#f3f7f6;border:0;border-left:3px solid #a7dcca;border-radius:0 12px 12px 0;box-shadow:none;padding:12px 16px}
body.app-ready .assistant-message .assistant-avatar{display:none}
body.app-ready .section-h{padding-left:0;margin-bottom:22px}
body.app-ready .section-h h2{letter-spacing:-.035em;font-weight:800}
body.app-ready .section-h .sub{margin-top:5px;font-weight:500;line-height:1.6}
body.app-ready .fair-box,body.app-ready .tip,body.app-ready .add-member-bar,
body.app-ready .step-next,body.app-ready .kid-pills,body.app-ready #taskBody,
body.app-ready #rwdBody,body.app-ready #planBody,body.app-ready #kidsList{margin-left:0}
body.app-ready #kidsList .empty{grid-column:1/-1;padding:32px 22px;border:1px dashed #cbdcd6;background:#f8fbfa;border-radius:20px}
body.app-ready #kidsList .empty .big{font-size:44px;margin-bottom:12px}
body.app-ready #kidsList .empty h3{font-size:19px;letter-spacing:-.02em}
body.app-ready #kidsList .empty p{max-width:390px;margin:8px auto 0;line-height:1.7;font-weight:500}
body.app-ready .card{box-shadow:0 2px 8px #0d1b3505;border-color:#e4e9ee;border-radius:16px}
body.app-ready .add-opt{border:1px solid #dce5e3;border-radius:14px;background:#fff;font-weight:600;transition:background .15s,border-color .15s}
body.app-ready .add-opt:hover{background:#edf8f3;border-color:#92cbb4}
body.app-ready .section-label{font-size:12px;letter-spacing:.02em;text-transform:none;font-weight:600}
body.app-ready .btn{font-weight:700;box-shadow:none}
body.app-ready #resetBar{border-top:1px solid #e7ebef;padding-top:18px}
body.app-ready #resetBar .btn{background:transparent;color:#64748b;font-size:12px;padding:8px}
body.app-ready .nav button.on{background:#e5f3ed;color:#123e31}
body.app-ready .nav button .ni{filter:saturate(.7)}
button:focus-visible,a:focus-visible{outline:3px solid #78bfa6;outline-offset:3px}
@media(min-width:900px){
  body.app-ready{background:#f4f6f8;padding:20px}
  body.app-ready .app{min-height:calc(100dvh - 40px);border-radius:20px;grid-template-columns:212px minmax(0,1fr);box-shadow:0 12px 40px #0d1b3506}
  body.app-ready .nav{background:#f8f9fa;padding:20px 12px}
  body.app-ready .nav-brand,body.app-ready .nav .nav-new{display:none}
  body.app-ready .nav-label{padding:0 12px 14px;font-size:10px;letter-spacing:.1em}
  body.app-ready .nav button{font-weight:600;min-height:46px}
  body.app-ready .view{padding:30px 38px 40px;max-height:calc(100dvh - 116px)}
}
@media(max-width:899px){
  body.app-ready .topbar{flex-wrap:wrap;gap:8px;padding:12px 16px}
  body.app-ready .topbar h1{flex:1}
  body.app-ready .topbar .fam{display:none!important}
  body.app-ready .install-btn{font-size:11px;padding:7px 8px}
  body.app-ready .logout-btn{font-size:11px;padding:8px}
  body.app-ready .stepbar{display:none!important}
  body.app-ready .view{padding:22px 18px}
  body.app-ready .assistant-message{margin-bottom:22px}
  body.app-ready .nav{padding-top:8px;border-top:1px solid #e6eae8;box-shadow:0 -4px 20px #0d1b3505}
  body.app-ready .nav button{margin:0 3px;border-radius:12px;padding:8px 2px}
}
@media(prefers-reduced-motion:reduce){.view,button,.add-opt{animation:none!important;transition:none!important}}