:root{
      --ink:#27222a;--muted:#746c77;--paper:#fbfafc;--surface:#fff;--line:#e9e3ea;
      --brand:#5d365f;--brand-2:#8a5b8d;--brand-soft:#f3eaf4;--coral:#ef755f;
      --mint:#4c9b84;--mint-soft:#e6f4ef;--amber:#d98f2b;--amber-soft:#fff2dd;
      --blue:#4d7fb8;--blue-soft:#eaf2fb;--danger:#b94646;--danger-soft:#fceaea;
      --shadow:0 12px 40px rgba(61,39,64,.09);--r:20px;--r-sm:13px;
    }
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.5}
    button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100dvh}.sidebar{display:none}
    .main{min-height:100dvh;padding-bottom:92px}.topbar{position:sticky;top:0;z-index:20;background:rgba(251,250,252,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(233,227,234,.85)}
    .topbar-inner{max-width:1160px;margin:auto;height:68px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
    .brand-mobile{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--brand);letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 18px rgba(93,54,95,.23)}
    .top-status{display:flex;align-items:center;gap:7px}.week-pill,.connection-pill{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:700;white-space:nowrap}.connection-pill{display:flex;align-items:center;gap:6px}.connection-dot{width:7px;height:7px;border-radius:50%;background:var(--mint)}.connection-pill.offline .connection-dot{background:var(--amber)}
    .content{max-width:1160px;margin:auto;padding:24px 18px 38px}.view{display:none}.view.active{display:block;animation:rise .26s ease}@keyframes rise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
    h1,h2,h3,p{margin-top:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.page-head h1{font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:7px}.page-head p{color:var(--muted);margin:0;max-width:680px}.eyebrow{display:block;color:var(--brand-2);font-size:.75rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px}
    .btn{border:0;border-radius:12px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:760;min-height:44px;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 7px 16px rgba(93,54,95,.2)}.btn-secondary{background:var(--brand-soft);color:var(--brand)}.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-sm{padding:7px 10px;min-height:36px;font-size:.84rem}.icon-btn{width:42px;height:42px;padding:0;border:1px solid var(--line);background:#fff;border-radius:12px;color:var(--ink);display:grid;place-items:center}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
    .grid{display:grid;gap:15px}.stats{grid-template-columns:repeat(2,1fr);margin-bottom:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 4px 18px rgba(61,39,64,.045);padding:18px}.stat{position:relative;overflow:hidden;min-height:126px}.stat:after{content:"";position:absolute;width:66px;height:66px;border-radius:50%;right:-16px;bottom:-19px;background:var(--brand-soft)}.stat:nth-child(2):after{background:var(--mint-soft)}.stat:nth-child(3):after{background:var(--amber-soft)}.stat:nth-child(4):after{background:var(--blue-soft)}.stat-icon{width:38px;height:38px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:15px}.stat:nth-child(2) .stat-icon{background:var(--mint-soft);color:var(--mint)}.stat:nth-child(3) .stat-icon{background:var(--amber-soft);color:var(--amber)}.stat:nth-child(4) .stat-icon{background:var(--blue-soft);color:var(--blue)}.stat strong{display:block;font-size:1.7rem;line-height:1;letter-spacing:-.03em}.stat span{color:var(--muted);font-size:.82rem;font-weight:650}
    .welcome{background:linear-gradient(135deg,#5d365f,#7b477e);color:#fff;border:0;position:relative;overflow:hidden;margin-bottom:18px;padding:23px}.welcome:after{content:"";position:absolute;width:180px;height:180px;border:26px solid rgba(255,255,255,.08);border-radius:50%;right:-64px;top:-76px}.welcome h2{font-size:1.4rem;margin-bottom:7px;letter-spacing:-.025em}.welcome p{color:rgba(255,255,255,.78);margin:0;max-width:570px}.today-chip{display:inline-flex;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.15);padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:800;margin-bottom:16px}
    .section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 12px}.section-title h2{font-size:1.1rem;margin:0;letter-spacing:-.02em}.section-title a,.link-btn{border:0;background:none;color:var(--brand);font-weight:750;font-size:.85rem;padding:5px;text-decoration:none}
    .quick-grid{grid-template-columns:repeat(2,1fr)}.quick{min-height:116px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:17px;padding:15px;color:var(--ink);transition:.2s}.quick:hover{border-color:#cdb9cf;box-shadow:var(--shadow);transform:translateY(-2px)}.quick .qicon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--brand-soft);color:var(--brand);margin-bottom:12px}.quick b{display:block;font-size:.92rem}.quick span{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}
    .progress-list{display:grid;gap:14px}.progress-row{display:grid;grid-template-columns:95px 1fr 38px;gap:10px;align-items:center;font-size:.84rem}.track{height:9px;background:#f0ecf1;border-radius:99px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,var(--brand-2),var(--brand));border-radius:99px}.empty{padding:34px 18px;text-align:center;border:1px dashed #d9cfdc;border-radius:var(--r);color:var(--muted)}.empty strong{display:block;color:var(--ink);margin:9px 0 4px}
    .toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.search{position:relative;flex:1;min-width:210px}.search .icon{position:absolute;left:13px;top:12px;color:var(--muted);width:18px}.field,.search input,select,textarea,input[type="date"],input[type="week"]{width:100%;border:1px solid #ddd5df;background:#fff;border-radius:12px;padding:11px 12px;color:var(--ink);outline:none;min-height:44px}.search input{padding-left:40px}.field:focus,.search input:focus,select:focus,textarea:focus,input:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(138,91,141,.12)}textarea{resize:vertical;min-height:90px}.form-grid{display:grid;gap:14px}.form-group label{display:block;font-weight:750;font-size:.84rem;margin-bottom:6px}.form-help{font-size:.75rem;color:var(--muted);margin-top:5px}.required{color:var(--danger)}
    .child-grid{grid-template-columns:1fr}.child-card{display:flex;align-items:center;gap:13px;padding:15px}.avatar{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-size:1.15rem;font-weight:900;flex:0 0 auto;color:#fff;background:var(--brand-2)}.child-info{min-width:0;flex:1}.child-info b{display:block;font-size:1rem}.child-info span{color:var(--muted);font-size:.8rem}.child-actions{display:flex;gap:6px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:.72rem;font-weight:800}.badge.mint{background:var(--mint-soft);color:#317763}.badge.amber{background:var(--amber-soft);color:#9c6012}.badge.gray{background:#f1eef2;color:#706773}
    .segmented{display:flex;background:#f1edf2;border-radius:13px;padding:4px;overflow:auto;gap:2px}.segmented button{border:0;background:transparent;border-radius:10px;padding:8px 11px;white-space:nowrap;color:var(--muted);font-size:.81rem;font-weight:750}.segmented button.active{background:#fff;color:var(--brand);box-shadow:0 2px 8px rgba(61,39,64,.08)}
    .domain-list{display:grid;gap:11px;margin-top:16px}.domain{border:1px solid var(--line);border-radius:16px;padding:14px}.domain-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:11px}.domain-top b{font-size:.92rem}.domain-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.level{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:10px;padding:8px 5px;font-size:.7rem;font-weight:750;line-height:1.2;min-height:48px}.level.selected[data-value="0"]{background:#f1eef2;border-color:#bdb4c0;color:#5e5661}.level.selected[data-value="1"]{background:var(--amber-soft);border-color:#edc98e;color:#915a11}.level.selected[data-value="2"]{background:var(--mint-soft);border-color:#9bcfbe;color:#286b58}
    .plan-day{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.plan-day h3{font-size:.95rem;color:var(--brand);margin-bottom:10px}.plan-days{display:grid;gap:10px}.goals{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0 15px}.goal{display:inline-flex;align-items:center;gap:7px;background:var(--brand-soft);color:var(--brand);padding:6px 9px;border-radius:9px;font-size:.78rem;font-weight:750}.goal button{border:0;background:none;color:inherit;padding:0;font-size:1rem;line-height:1}.goal-input{display:flex;gap:8px}.goal-input input{flex:1}
    .activity-grid{grid-template-columns:1fr}.activity{display:flex;flex-direction:column;gap:11px;min-height:215px}.activity-top{display:flex;justify-content:space-between;gap:10px}.category-icon{width:41px;height:41px;border-radius:13px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.activity h3{font-size:1.02rem;line-height:1.25;margin:0}.activity p{font-size:.81rem;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;gap:7px;flex-wrap:wrap}.activity .btn{margin-top:auto;width:100%}.filter-row{display:flex;gap:7px;overflow:auto;padding:1px 0 9px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:8px 12px;white-space:nowrap;font-size:.79rem;font-weight:750}.filter-chip.active{background:var(--brand);color:#fff;border-color:var(--brand)}
    .guide-grid{grid-template-columns:1fr}.guide{padding:0;overflow:hidden}.guide button{width:100%;border:0;background:#fff;color:var(--ink);text-align:left;padding:17px;display:flex;align-items:center;gap:12px}.guide-num{width:34px;height:34px;border-radius:11px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:900;font-size:.78rem;flex:0 0 auto}.guide-title{flex:1;font-weight:800}.guide-body{display:none;padding:0 18px 18px;color:var(--muted);font-size:.89rem}.guide.open .guide-body{display:block}.guide.open button .chevron{transform:rotate(180deg)}.chevron{transition:.2s}
    .routine-grid{display:grid;gap:14px}.choice-group{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.choice-group.four{grid-template-columns:repeat(2,1fr)}.choice{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 6px;color:var(--muted);font-size:.76rem;font-weight:750;min-height:44px}.choice.selected{background:var(--brand-soft);border-color:#c9b0cb;color:var(--brand)}
    .record-list{display:grid;gap:8px}.record{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:13px}.record .avatar{width:38px;height:38px;border-radius:11px;font-size:.85rem}.record-main{flex:1;min-width:0}.record-main b{font-size:.85rem}.record-main span{display:block;color:var(--muted);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .more-grid{grid-template-columns:repeat(2,1fr)}.more-card{text-align:left;min-height:130px}.more-card .qicon{width:42px;height:42px}.settings-list{display:grid;gap:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row b{display:block}.setting-row span{display:block;color:var(--muted);font-size:.78rem}
    .bottom-nav{position:fixed;z-index:30;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:68px;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border:1px solid var(--line);border-radius:21px;box-shadow:0 12px 36px rgba(61,39,64,.16);display:grid;grid-template-columns:repeat(5,1fr);padding:6px}.nav-btn{border:0;background:transparent;color:#837986;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.63rem;font-weight:750}.nav-btn .icon{width:21px}.nav-btn.active{background:var(--brand-soft);color:var(--brand)}
    .modal-backdrop{position:fixed;inset:0;background:rgba(35,26,36,.48);z-index:50;display:none;align-items:flex-end;justify-content:center;padding:0}.modal-backdrop.open{display:flex}.modal{width:100%;max-height:92dvh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:20px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -12px 44px rgba(35,26,36,.18);animation:sheet .25s ease}@keyframes sheet{from{transform:translateY(30px);opacity:.5}to{transform:none;opacity:1}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.modal-head h2{font-size:1.25rem;margin:0}.modal-section{padding:14px 0;border-top:1px solid var(--line)}.modal-section h3{font-size:.84rem;color:var(--brand);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.modal-section p,.modal-section li{font-size:.9rem;color:#57505a}.modal-section ul,.modal-section ol{padding-left:20px;margin-bottom:0}.modal-actions{position:sticky;bottom:-22px;background:#fff;padding:12px 0 3px;display:flex;gap:9px}.modal-actions .btn{flex:1}
    .toast{position:fixed;z-index:80;left:50%;bottom:94px;transform:translate(-50%,16px);background:#2f2731;color:#fff;padding:11px 15px;border-radius:12px;font-size:.84rem;font-weight:700;opacity:0;pointer-events:none;transition:.25s;box-shadow:var(--shadow);white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
    .notice{display:flex;gap:10px;background:var(--blue-soft);color:#315f92;border-radius:14px;padding:12px 13px;font-size:.8rem;margin-bottom:16px}.notice .icon{flex:0 0 auto}.divider{height:1px;background:var(--line);margin:17px 0}.muted{color:var(--muted)}.small{font-size:.8rem}.hidden{display:none!important}
    @media(min-width:700px){.stats{grid-template-columns:repeat(4,1fr)}.quick-grid{grid-template-columns:repeat(4,1fr)}.child-grid{grid-template-columns:repeat(2,1fr)}.activity-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:repeat(2,1fr)}.form-grid.two{grid-template-columns:repeat(2,1fr)}.plan-days{grid-template-columns:repeat(2,1fr)}.more-grid{grid-template-columns:repeat(4,1fr)}.choice-group.four{grid-template-columns:repeat(4,1fr)}.modal-backdrop{align-items:center;padding:30px}.modal{max-width:620px;border-radius:24px;padding:22px;max-height:88dvh}.modal-actions{bottom:-22px}}
    @media(min-width:1020px){.app{display:grid;grid-template-columns:248px 1fr}.sidebar{display:flex;position:sticky;top:0;height:100dvh;padding:24px 16px;background:#fff;border-right:1px solid var(--line);flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:0 9px 28px}.side-brand b{display:block;color:var(--brand);font-size:1.03rem}.side-brand span{display:block;color:var(--muted);font-size:.7rem}.side-nav{display:grid;gap:5px}.side-btn{border:0;background:transparent;color:#6f6672;padding:11px 12px;border-radius:12px;text-align:left;display:flex;align-items:center;gap:11px;font-weight:720}.side-btn.active{background:var(--brand-soft);color:var(--brand)}.side-foot{margin-top:auto;background:linear-gradient(140deg,var(--brand-soft),#fff);padding:14px;border-radius:16px;font-size:.76rem;color:var(--muted)}.side-foot b{color:var(--ink);display:block;margin-bottom:3px}.main{padding-bottom:0}.bottom-nav{display:none}.brand-mobile{display:none}.topbar-inner{height:72px}.content{padding:30px 32px 52px}.activity-grid{grid-template-columns:repeat(3,1fr)}.guide-grid{grid-template-columns:repeat(2,1fr)}.child-grid{grid-template-columns:repeat(3,1fr)}.dashboard-cols{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.dashboard-cols .section-title{margin-top:0}.domain-list{grid-template-columns:repeat(2,1fr)}}
    @media print{.sidebar,.topbar,.bottom-nav,.page-head .btn,.toolbar,.filter-row,.no-print{display:none!important}.app{display:block}.main{padding:0}.content{max-width:none;padding:0}.view{display:none!important}.view.active{display:block!important}.card{box-shadow:none;break-inside:avoid}.plan-days{grid-template-columns:repeat(2,1fr)}}