@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg:#f8faf9;--surface:#fff;--surface-strong:#fff;--ink:#243036;--muted:#687780;--line:#e3ebe7;--soft-line:#edf2ef;--teal:#2a9d8f;--teal-dark:#1f756d;--coral:#e76f51;--blue:#457b9d;--yellow:#e9b44c;--green:#6a994e;--brown:#8a5a44;--danger:#bf4342;--shadow:0 18px 45px #2c394114;--soft-shadow:0 10px 25px #2c39410f;--radius:8px;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:linear-gradient(180deg, #2a9d8f0d, transparent 280px), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{border:0}button:not(:disabled){cursor:pointer}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);width:100%;color:var(--ink);outline:none;padding:12px 13px;transition:border-color .16s,box-shadow .16s}textarea{resize:vertical;min-height:92px}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2a9d8f26}label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);letter-spacing:0;line-height:1.12}p,span,small,li{line-height:1.45}#root{min-height:100vh}.app-root{min-height:100vh;padding:22px}.mode-switch{z-index:20;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf9e6;border:1px solid #24303614;border-radius:999px;gap:4px;padding:5px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.mode-switch button{min-height:36px;color:var(--muted);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.mode-switch button.active{background:var(--ink);color:#fffdf9}.sync-pill{min-height:36px;color:var(--blue);white-space:nowrap;background:#457b9d1f;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.sync-pill.synced{color:var(--teal-dark);background:#2a9d8f21}.sync-pill.saving,.sync-pill.loading{color:#8a6420;background:#e9b44c2e}.sync-pill.offline,.sync-pill.error{color:var(--danger);background:#bf43421f}.sync-pill.disabled{display:none}.auth-shell,.setup-shell{place-items:center;min-height:100vh;padding:28px;display:grid}.auth-shell{grid-template-columns:minmax(320px,560px) minmax(320px,420px);align-items:stretch;gap:24px}.auth-visual,.auth-panel,.setup-card,.content-section,.recommendation-card,.report-card,.profile-card,.admin-card,.admin-form,.admin-table-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft-shadow);background:#fffffff5}.auth-visual{align-content:end;min-height:620px;display:grid;position:relative;overflow:hidden}.auth-visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.auth-visual:after{content:"";background:linear-gradient(#fffdf91a,#243036b8);position:absolute;inset:0}.auth-copy{z-index:1;color:#fffdf9;gap:14px;padding:34px;display:grid;position:relative}.auth-copy h1{color:#fffdf9;max-width:440px;font-size:clamp(36px,7vw,68px)}.auth-copy p{color:#fffdf9e0;max-width:460px;font-size:18px}.auth-panel{align-content:center;gap:18px;padding:26px;display:grid}.eyebrow{color:var(--teal-dark);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900}.dot-row{gap:8px;margin-top:4px;display:flex}.dot-row button{background:#fffdf957;border-radius:999px;width:28px;height:8px}.dot-row button.active{background:#fffdf9}.segmented{border:1px solid var(--line);border-radius:var(--radius);background:#f3eee6;grid-template-columns:1fr 1fr;gap:5px;padding:5px;display:grid}.segmented button{min-height:40px;color:var(--muted);background:0 0;border-radius:6px;font-weight:900}.segmented button.active{background:var(--surface-strong);color:var(--ink);box-shadow:0 6px 18px #2c39411a}.form-grid{gap:14px;display:grid}.two-col,.three-col{gap:12px;display:grid}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-button,.secondary-button,.text-button{border-radius:var(--radius);justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 16px;font-weight:900;text-decoration:none;display:inline-flex}.primary-button{background:var(--teal);color:#fffdf9;box-shadow:0 12px 24px #2a9d8f3d}.secondary-button{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink)}.secondary-button.compact{width:fit-content;min-height:38px;padding:0 12px;font-size:13px}.text-button{color:var(--teal-dark);background:0 0}.form-error{color:var(--danger);font-weight:800}.success-note{color:var(--teal-dark);font-weight:800}.medical-note,.inline-hint{color:var(--muted);font-size:13px}.setup-card{gap:16px;width:min(760px,100%);padding:26px;display:grid}.setup-card.wide{width:min(920px,100%)}.onboarding-shell{background:linear-gradient(180deg, #2a9d8f1a, transparent 320px), var(--bg);place-items:center;min-height:100vh;padding:22px;display:grid}.onboarding-card{border:1px solid var(--line);border-radius:var(--radius);width:min(460px,100%);box-shadow:var(--shadow);background:#fffdf9fa;gap:15px;padding:14px;display:grid}.onboarding-visual{border-radius:var(--radius);background:#eaf6f3;min-height:260px;position:relative;overflow:hidden}.onboarding-visual img{object-fit:cover;width:100%;height:100%;min-height:260px}.onboarding-visual div{border-radius:var(--radius);min-height:48px;color:var(--teal-dark);background:#fffdf9eb;align-items:center;gap:10px;padding:0 14px;font-weight:900;display:inline-flex;position:absolute;bottom:14px;left:14px}.onboarding-copy{gap:9px;padding:0 4px;display:grid}.onboarding-copy h1{font-size:30px}.onboarding-copy p{color:var(--ink);font-weight:800}.onboarding-copy small{color:var(--muted);font-size:13px;line-height:1.45}.onboarding-dots{justify-content:center;gap:7px;display:flex}.onboarding-dots button{background:#24303629;border-radius:999px;width:26px;height:7px}.onboarding-dots button.active{background:var(--teal)}.onboarding-actions{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.inline-setup{padding:0}.checkbox-line{color:var(--ink);align-items:center;gap:10px;display:flex}.checkbox-line input{width:18px;height:18px;accent-color:var(--teal)}.chip-list{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface-strong);min-height:34px;color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.chip.selected{color:var(--teal-dark);background:#2a9d8f1f;border-color:#2a9d8f59}.chip.static{pointer-events:none}.phone-app{border:1px solid var(--line);background:var(--surface);width:min(460px,100%);min-height:calc(100dvh - 44px);box-shadow:var(--shadow);border-radius:28px;margin:0 auto;position:relative;overflow:visible}.app-header{z-index:8;padding:calc(18px + env(safe-area-inset-top)) 20px 14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-bottom:1px solid #e3ebe7d1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.app-header h1{margin-top:4px;font-size:24px}.avatar-button,.icon-button{background:var(--surface-strong);border:1px solid var(--line);width:42px;height:42px;color:var(--ink);border-radius:50%;place-items:center;display:inline-grid}.avatar-button span{color:#fffdf9;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.screen-stack{padding:16px 16px calc(148px + env(safe-area-inset-bottom));gap:14px;display:grid}.home-slider{gap:9px;display:grid}.slider-card{border-radius:var(--radius);color:#fffdf9;text-align:left;isolation:isolate;align-content:end;gap:8px;min-height:188px;padding:16px;display:grid;position:relative;overflow:hidden}.slider-card img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.slider-card:after{content:"";z-index:-1;background:linear-gradient(#2430361a,#243036c7);position:absolute;inset:0}.slider-card h2{color:#fffdf9;font-size:23px}.slider-card p{color:#fffdf9e0;font-weight:700}.slider-dots{justify-content:center;gap:7px;display:flex}.slider-dots button{background:#2430362e;border-radius:999px;width:24px;height:7px}.slider-dots button.active{background:var(--teal)}.today-hero{border-radius:var(--radius);background:#f4fbf8;border:1px solid #2a9d8f29;grid-template-columns:1fr 120px;align-items:center;gap:12px;min-height:166px;padding:16px;display:grid;overflow:hidden}.today-hero h2{margin:10px 0 8px;font-size:24px}.today-hero p{color:var(--muted);font-weight:700}.today-hero img{object-fit:cover;border-radius:var(--radius);width:150px;height:150px}.pill,.count-pill{width:fit-content;min-height:28px;color:var(--teal-dark);background:#fffdf9d6;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.count-pill{color:#8a5a12;background:#e9b44c2e}.progress-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.progress-strip div,.metric-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);align-content:center;gap:4px;min-height:84px;padding:12px;display:grid}.progress-strip strong,.metric-card strong{color:var(--ink);font-size:25px}.progress-strip span,.metric-card span{color:var(--muted);font-size:12px;font-weight:800}.content-section,.recommendation-card,.report-card{gap:14px;padding:15px;display:grid}.section-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-title h2{margin-top:4px;font-size:19px}.activity-list,.skill-list,.notification-list,.settings-list,.admin-table{gap:10px;display:grid}.activity-card,.skill-card,.settings-list button,.admin-row{border:1px solid var(--soft-line);border-radius:var(--radius);background:var(--surface-strong);width:100%;color:var(--ink);text-align:left;align-items:center;gap:12px;display:grid}.activity-card{grid-template-columns:32px 1fr 24px;padding:12px}.activity-index{width:32px;height:32px;color:var(--coral);background:#e76f5124;border-radius:50%;place-items:center;font-weight:900;display:grid}.activity-card div,.skill-card div,.admin-row div{gap:3px;min-width:0;display:grid}.activity-card strong,.skill-card strong,.admin-row strong{overflow-wrap:anywhere}.activity-card span,.skill-card span,.skill-card small,.admin-row span{color:var(--muted);font-size:12px;font-weight:700}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.insight-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);min-height:130px;color:var(--ink);text-align:left;align-content:start;gap:8px;padding:14px;display:grid}.insight-card svg{color:var(--teal)}.insight-card span{color:var(--muted);font-size:12px}.recommendation-card{background:#fff;border-color:#e9b44c38}.recommendation-card p,.report-card p{color:var(--muted)}.category-bars{gap:11px;display:grid}.bar-row{grid-template-columns:minmax(0,1fr) 92px auto;align-items:center;gap:9px;display:grid}.bar-row div:first-child{align-items:center;gap:8px;min-width:0;display:flex}.bar-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.bar-row em{color:var(--muted);font-size:12px;font-style:normal;font-weight:800}.bar-track{background:#edf2ef;border-radius:999px;width:100%;height:9px;overflow:hidden}.bar-track span{border-radius:inherit;height:100%;display:block}.support-card{border-radius:var(--radius);color:var(--danger);background:#bf434214;border:1px solid #bf43422e;gap:12px;padding:14px;display:flex}.support-card div{gap:3px;display:grid}.support-card span{color:var(--muted);font-size:13px}.guide-screen{gap:12px}.guide-hero,.guide-summary-card,.speech-card,.development-card,.guide-note-card,.guide-warning-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.guide-hero{border-color:#2a9d8f2e;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:12px;padding:16px;display:grid}.guide-hero h2{margin:6px 0 8px;font-size:23px}.guide-hero p,.guide-summary-card p,.speech-card li,.speech-card p,.development-card p,.development-card li,.guide-note-card p,.guide-warning-card p{color:var(--muted)}.guide-hero>svg{color:var(--teal-dark)}.guide-topic-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.guide-topic-grid button{border:1px solid var(--soft-line);border-radius:var(--radius);min-height:64px;color:var(--muted);background:#fff;place-items:center;gap:6px;padding:8px 6px;font-size:11px;font-weight:900;display:grid}.guide-topic-grid button.active{color:var(--teal-dark);background:#f5fbf9;border-color:#2a9d8f4d}.guide-summary-card,.speech-card,.development-card{gap:14px;padding:15px;display:grid}.speech-card,.development-card{box-shadow:var(--soft-shadow)}.guide-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.guide-two-col>div,.word-chip-panel{border:1px solid var(--soft-line);border-radius:var(--radius);background:#fbfdfc;gap:9px;min-width:0;padding:12px;display:grid}.guide-two-col ul{margin:0;padding-left:18px}.guide-two-col li+li{margin-top:6px}.word-chip-panel{background:#fff}.guide-note-card,.guide-warning-card{grid-template-columns:22px minmax(0,1fr);gap:10px;padding:12px;display:grid}.guide-note-card{background:#f8fbfd;border-color:#457b9d2e}.guide-note-card svg{color:var(--blue)}.guide-warning-card{background:#fffdf7;border-color:#e9b44c42}.guide-warning-card svg{color:#a66f0f}.guide-warning-card div{gap:7px;display:grid}.guide-age-section{box-shadow:none}.guide-age-list{gap:8px;display:grid}.guide-age-list button{border:1px solid var(--soft-line);border-radius:var(--radius);min-height:48px;color:var(--ink);text-align:left;background:#fff;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:0 12px;font-size:13px;font-weight:900;display:grid}.guide-age-list svg{color:var(--teal)}.guide-help{background:#fff;border-color:#457b9d2e}.assistant-screen{gap:12px}.assistant-hero,.assistant-context,.assistant-messages,.assistant-composer{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);gap:13px;padding:15px;display:grid}.assistant-hero{background:#f7fbfa;border-color:#2a9d8f2e;grid-template-columns:minmax(0,1fr) 54px;align-items:center}.assistant-hero h2{margin:5px 0 7px;font-size:23px}.assistant-hero p,.assistant-message p,.assistant-reply p,.assistant-reply li{color:var(--muted)}.assistant-hero>svg{color:var(--teal-dark)}.quick-question-grid{gap:8px;display:grid}.quick-question-grid button{border:1px solid var(--soft-line);border-radius:var(--radius);min-height:42px;color:var(--ink);text-align:left;background:#fff;padding:9px 11px;font-size:13px;font-weight:900}.assistant-messages{background:#f8faf9}.assistant-message{border-radius:var(--radius);background:var(--surface-strong);gap:8px;min-width:0;padding:12px;display:grid}.assistant-message.parent{background:#eef6fb;border:1px solid #457b9d33;margin-left:34px}.assistant-message.assistant{border:1px solid #2a9d8f33;margin-right:18px}.assistant-message>span{color:var(--teal-dark);text-transform:uppercase;font-size:11px;font-weight:900}.assistant-reply{gap:11px;display:grid}.assistant-plan-grid{gap:10px;display:grid}.assistant-plan-grid>div{border:1px solid var(--soft-line);border-radius:var(--radius);background:#fff;gap:7px;padding:11px;display:grid}.assistant-plan-grid ol,.assistant-plan-grid ul{margin:0;padding-left:19px}.assistant-watch,.safety-note{border-radius:var(--radius);grid-template-columns:24px minmax(0,1fr);gap:9px;padding:11px;display:grid}.assistant-watch{background:#fffdf7;border:1px solid #e9b44c4d}.assistant-watch div{gap:5px;min-width:0;display:grid}.assistant-watch svg{color:#a66f0f}.safety-note{color:var(--danger);background:#bf434212;border:1px solid #bf43422e;font-size:13px;font-weight:800}.related-skill-row{flex-wrap:wrap;gap:7px;display:flex}.assistant-composer textarea{min-height:110px}.search-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);align-items:center;gap:10px;padding:10px 12px;display:flex}.search-card input{box-shadow:none;background:0 0;border:0;padding:4px 0}.horizontal-tabs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.horizontal-tabs button{border:1px solid var(--line);background:var(--surface-strong);min-height:38px;color:var(--muted);border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.horizontal-tabs button.active{color:var(--teal-dark);background:#2a9d8f1f;border-color:#2a9d8f4d}.age-tabs button{position:relative}.mini-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.skill-card{grid-template-columns:10px 1fr auto;padding:12px}.category-dot{border-radius:999px;width:10px;height:44px}.skill-card em{color:var(--teal-dark);font-style:normal;font-weight:900}.back-button{background:var(--surface-strong);width:fit-content;min-height:38px;color:var(--ink);border-radius:999px;justify-content:flex-start;align-items:center;gap:8px;padding:0 12px;font-weight:900;display:inline-flex}.skill-hero,.detail-block,.detail-grid>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong)}.skill-hero{border-top:5px solid var(--teal);gap:12px;padding:17px;display:grid}.skill-media-strip{grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;gap:8px;display:grid;overflow-x:auto}.skill-media-strip img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);width:100%}.skill-hero h2{font-size:26px}.skill-hero p,.detail-block p,.detail-block li,.detail-grid span{color:var(--muted)}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.meta-grid span{min-height:34px;color:var(--ink);background:#f8faf9;border-radius:999px;place-items:center;font-size:12px;font-weight:900;display:grid}.detail-block{gap:10px;padding:15px;display:grid}.detail-block h3{font-size:17px}.detail-block ol{margin:0;padding-left:20px}.visual-guide-block{background:#fff;border-color:#e9b44c38}.visual-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.visual-guide-step{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);gap:9px;min-width:0;min-height:238px;padding:12px;display:grid}.guide-illustration{border:1px solid var(--line);border-radius:var(--radius);min-height:72px;color:var(--teal-dark);background:#f8faf9;border-left-width:4px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:10px;display:grid}.guide-illustration span{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-size:12px;font-weight:900}.visual-guide-step p,.visual-guide-step small{color:var(--muted)}.visual-guide-step small{font-size:12px;font-weight:800}.assistant-cta{border-radius:var(--radius);background:#eef6fb;border:1px solid #457b9d33;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.assistant-cta svg{color:var(--blue)}.assistant-cta div{gap:3px;min-width:0;display:grid}.assistant-cta span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-grid>div{gap:8px;padding:13px;display:grid}.detail-grid svg{color:var(--teal)}.score-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.score{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);min-height:56px;color:var(--muted);place-items:center;gap:4px;font-weight:900;display:grid}.score.active{color:#a66f0f;background:#e9b44c24;border-color:#e9b44c6b}.routine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}:is(.routine-grid label,.two-col label:has(svg)){position:relative}.routine-grid label svg,.two-col label svg{color:var(--teal)}.report-card{background:#eef7f5;border-color:#2a9d8f33}.report-card h2{font-size:25px}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.report-metrics div{border-radius:var(--radius);background:#fff;border:1px solid #2a9d8f29;gap:4px;min-height:76px;padding:10px;display:grid}.report-metrics strong{font-size:21px}.report-metrics span{color:var(--muted);font-size:12px;font-weight:800}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.badge-card{border-radius:var(--radius);background:#fff;border:1px solid #e9b44c4d;gap:7px;min-height:138px;padding:13px;display:grid}.badge-card svg{color:var(--yellow)}.badge-card span,.badge-card small{color:var(--muted);font-size:12px}.profile-card{align-items:center;gap:14px;padding:16px;display:flex}.profile-avatar{color:#fffdf9;border-radius:50%;place-items:center;width:62px;height:62px;font-size:26px;font-weight:900;display:grid}.profile-card p{color:var(--muted)}.child-switcher{flex-wrap:wrap;gap:8px;display:flex}.child-switcher button{border:1px solid var(--line);background:var(--surface-strong);min-height:40px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 4px;font-weight:900;display:inline-flex}.child-switcher button.active{background:#2a9d8f1f;border-color:#2a9d8f57}.child-switcher span{color:#fffdf9;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.notification{border:1px solid var(--soft-line);border-radius:var(--radius);background:var(--surface-strong);gap:4px;padding:12px;display:grid}.notification.read{opacity:.72}.notification span{color:var(--muted);font-size:13px}.settings-list button{min-height:48px;color:var(--ink);grid-template-columns:22px minmax(0,1fr) 18px;padding:0 13px;font-weight:900}.settings-list svg{color:var(--teal)}.floating-assistant-button{left:50%;bottom:calc(82px + env(safe-area-inset-bottom));z-index:11;border-radius:var(--radius);min-height:42px;color:var(--teal-dark);background:#fff;border:1px solid #2a9d8f38;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 24px #2c39411f}.bottom-nav{z-index:10;width:min(460px,100%);padding:9px 9px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;border-top:1px solid #e3ebe7e6;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{border-radius:var(--radius);min-height:54px;color:var(--muted);background:0 0;place-items:center;gap:4px;font-size:11px;font-weight:900;display:grid}.bottom-nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.empty-state{text-align:center;color:var(--muted);place-items:center;gap:10px;padding:28px 18px;display:grid}.empty-state.compact{padding:16px}.empty-state h2{color:var(--ink);font-size:20px}.legal-consent-list,.legal-doc-list,.child-management-list{gap:10px;display:grid}.legal-check{align-items:flex-start;font-size:13px;line-height:1.4}.legal-check.single-line span{overflow-wrap:anywhere}.inline-link{color:var(--teal-dark);background:0 0;padding:0;font-weight:900;text-decoration:underline;display:inline}.legal-preview,.legal-doc-card,.child-management-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);padding:12px}.legal-preview{gap:10px;display:grid}.legal-preview-stack{gap:12px;display:grid}.legal-preview-stack article{border-top:1px solid var(--soft-line);gap:5px;padding-top:10px;display:grid}.legal-preview-stack article:first-child{border-top:0;padding-top:0}.legal-preview-stack small{color:var(--muted);font-weight:800}.legal-doc-card summary{cursor:pointer;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.legal-doc-card p{color:var(--muted);margin-top:10px}.child-management-card{grid-template-columns:auto minmax(0,1fr);gap:10px;display:grid}.child-management-card .row-actions{grid-column:1/-1}.profile-avatar.small{width:42px;height:42px;font-size:18px}.row-actions{flex-wrap:wrap;gap:7px;display:flex}.row-actions.column{display:grid}.status.danger,.danger-button{color:var(--danger);background:#bf43421a;border-color:#bf434247}.danger-zone{background:#bf43420f;border-color:#bf434233}.nested-flat{box-shadow:none}.floating-note{left:50%;bottom:calc(90px + env(safe-area-inset-bottom));z-index:12;background:var(--surface-strong);max-width:min(430px,100vw - 24px);box-shadow:var(--soft-shadow);border-radius:999px;padding:10px 14px;position:fixed;transform:translate(-50%)}.admin-shell{grid-template-columns:280px minmax(0,1fr);gap:18px;width:min(1320px,100%);min-height:calc(100vh - 44px);margin:54px auto 0;display:grid}.admin-sidebar,.admin-content{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft-shadow);background:#fffdf9f5}.admin-sidebar{grid-template-rows:auto 1fr auto;gap:22px;padding:18px;display:grid}.admin-sidebar h1{margin-top:6px;font-size:24px}.admin-sidebar p{color:var(--muted);margin-top:8px}.admin-sidebar nav,.admin-actions{gap:8px;display:grid}.admin-sidebar nav{align-content:start}.admin-sidebar button,.admin-actions button{border-radius:var(--radius);min-height:42px;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:10px;padding:0 12px;font-weight:900;display:flex}.admin-sidebar button.active,.admin-sidebar button:hover,.admin-actions button:hover{color:var(--teal-dark);background:#2a9d8f1f}.admin-content{min-width:0;padding:18px}.admin-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.admin-header h2{margin-top:4px;font-size:28px}.admin-toast{max-width:380px;min-height:36px;color:var(--teal-dark);background:#2a9d8f1f;border-radius:999px;align-items:center;padding:0 13px;font-size:13px;font-weight:900;display:inline-flex}.admin-stack{gap:16px;display:grid}.admin-stack.two-pane{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:start}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{min-height:118px}.metric-card svg{color:var(--teal)}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-card,.admin-form,.admin-table-card{padding:16px}.admin-card{gap:10px;display:grid}.admin-card h3{font-size:21px}.admin-card p{color:var(--muted)}.admin-form,.admin-table-card{gap:14px;display:grid}.admin-row{grid-template-columns:minmax(0,1fr) auto;padding:12px}.admin-row-expanded{align-items:start}.admin-row-expanded p{color:var(--muted);font-size:13px}.admin-search{box-shadow:none}.admin-image-preview{object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);width:100%;max-height:320px}.status{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.status.active{color:var(--teal-dark);background:#2a9d8f1f;border-color:#2a9d8f42}@media (width<=980px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:420px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{grid-template-rows:auto auto auto}.admin-sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-sidebar button,.admin-actions button{justify-content:center}.admin-stack.two-pane,.admin-metrics,.admin-grid{grid-template-columns:1fr}}@media (width<=560px){.app-root,.auth-shell,.setup-shell{padding:0}.mode-switch{max-width:calc(100vw - 16px);top:8px}.sync-pill{justify-content:center;width:36px;padding:0;font-size:0}.auth-shell{min-height:100vh}.auth-visual,.auth-panel,.setup-card,.onboarding-card{box-shadow:none;border-left:0;border-right:0;border-radius:0}.auth-visual{min-height:330px}.auth-copy{padding:24px 18px}.auth-panel,.setup-card,.onboarding-card{padding:18px}.onboarding-shell{padding:0}.onboarding-visual,.onboarding-visual img{min-height:235px}.phone-app{border:0;border-radius:0;width:100%;min-height:100vh;margin-top:0}.app-header{padding-top:calc(16px + env(safe-area-inset-top))}.today-hero{grid-template-columns:1fr}.today-hero img{width:100%;height:150px}.two-col,.three-col,.detail-grid,.guide-two-col,.visual-guide-grid,.routine-grid,.report-metrics,.badge-grid,.insight-grid{grid-template-columns:1fr}.guide-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assistant-cta{grid-template-columns:24px minmax(0,1fr)}.assistant-cta .secondary-button{grid-column:1/-1;width:100%}.assistant-message.parent,.assistant-message.assistant{margin-left:0;margin-right:0}.bottom-nav{gap:2px;padding-left:6px;padding-right:6px}.bottom-nav button{min-height:52px;font-size:10px}.bar-row{grid-template-columns:minmax(0,1fr) 78px auto}.admin-shell{margin-top:66px}.admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--design-ink:#101243;--design-muted:#62678f;--design-purple:#0f766e;--design-purple-2:#14b8a6;--design-purple-soft:#f0fdfa;--design-line:#e9e3f7;--design-shadow:0 18px 40px #22185414;--design-soft-shadow:0 10px 28px #22185412}.phone-app{width:min(460px,100%);min-height:100dvh;box-shadow:none;color:var(--design-ink);background:#fff;border:0;border-radius:0}.phone-app>.app-header,.floating-assistant-button{display:none}.design-page,.design-home-screen{background:radial-gradient(circle at 50% 0,#0f766e0a,#0000 310px),#fff}.design-home-header,.design-page-header,.design-add-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.design-home-header p,.design-page-header p,.design-add-header p{color:var(--design-muted);font-weight:650}.design-home-header p{color:var(--design-ink);font-size:20px}.design-home-header h1,.design-page-header h1,.design-add-header h1{color:var(--design-ink);margin-top:2px;font-size:34px;line-height:1.05}.design-home-header span strong,.design-add-header strong{color:var(--design-purple)}.design-header-actions{align-items:center;gap:12px;display:flex}.design-header-actions button,.design-add-header>button{width:56px;height:56px;box-shadow:var(--design-soft-shadow);color:var(--design-ink);background:#fff;border:1px solid #eee8fb;border-radius:50%;place-items:center;display:grid;position:relative}.design-header-actions button:last-child{color:var(--design-purple);background:#f4efff}.design-header-actions i{background:#ff4d7d;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:12px;right:13px}.design-child-card,.design-task-hero,.design-summary-card,.design-plan-card,.design-filter-card,.design-report-card,.design-profile-hero,.design-profile-tabs,.design-profile-section,.design-support-button,.design-logout-button,.design-create-task,.design-tip{border:1px solid var(--design-line);box-shadow:var(--design-shadow);background:#fff;border-radius:28px}.design-child-card{background:linear-gradient(120deg,#fbf8ff,#fff);grid-template-columns:92px minmax(0,1fr) 92px;align-items:center;gap:14px;min-height:134px;padding:18px;display:grid}.design-child-card>img,.design-child-card>.child-avatar,.design-filter-child img,.design-filter-child .child-avatar,.design-profile-child img,.design-profile-child .child-avatar,.design-children-list img{object-fit:cover;border-radius:50%}.child-avatar-placeholder{color:var(--design-purple);background:linear-gradient(135deg,#f8f3ff,#fff);border:1px solid #eee6fb}.child-avatar-placeholder.neutral{color:#0f766e;background:linear-gradient(135deg,#f4f1ff,#fff)}.design-child-info{min-width:0}.design-child-info h2,.design-profile-child h2,.design-filter-child h2{color:var(--design-ink);align-items:center;gap:8px;margin-bottom:8px;font-size:26px;display:flex}.design-child-info h2 button{width:30px;height:30px;color:var(--design-purple);background:#ece2ff;border-radius:50%;place-items:center;display:grid;transform:rotate(90deg)}.design-child-info span,.design-child-info p,.design-filter-child span,.design-filter-child p,.design-profile-child span,.design-profile-child p{color:var(--design-muted);font-size:15px;font-weight:650}.design-change-child{min-height:100px;color:var(--design-ink);background:#ffffffb8;border-radius:22px;place-items:center;gap:8px;font-weight:850;display:grid}.design-change-child svg{color:var(--design-purple)}.design-task-hero{background:linear-gradient(130deg,#f4eaff 0%,#e7d4ff 52%,#cab9ff 100%);grid-template-columns:minmax(0,1fr) 144px;align-items:center;min-height:160px;padding:22px 18px;display:grid;position:relative;overflow:hidden}.design-task-hero h2,.design-task-hero p{color:var(--design-ink);font-size:24px;line-height:1.22}.design-task-hero button,.design-plan-title button,.design-card-title button,.design-filter-child button,.design-list-title button{width:fit-content;color:var(--design-purple);background:0 0;align-items:center;gap:6px;font-weight:850;display:inline-flex}.design-task-hero button{color:#fff;background:linear-gradient(135deg,#14b8a6,#115e59);border-radius:999px;min-height:48px;margin-top:18px;padding:0 18px;box-shadow:0 12px 24px #0f766e33}.design-task-hero img{object-fit:cover;object-position:center;mix-blend-mode:multiply;width:178px;height:128px}.design-slider-dots{gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.design-slider-dots span{background:#ffffffbf;border-radius:50%;width:12px;height:12px}.design-slider-dots span:first-child{background:var(--design-purple)}.design-summary-card,.design-plan-card,.design-report-card,.design-profile-section{gap:18px;padding:18px;display:grid}.design-card-title,.design-plan-title,.design-list-title{justify-content:space-between;align-items:center;gap:14px;display:flex}.design-card-title>div,.design-plan-title>div{align-items:center;gap:11px;display:flex}.design-card-title h2,.design-plan-title h2,.design-list-title h2,.design-add-section h2,.design-profile-section h2{color:var(--design-ink);font-size:21px}.design-card-title svg,.design-plan-title svg{color:var(--design-purple)}.design-summary-grid{grid-template-columns:118px repeat(4,minmax(0,1fr));align-items:center;gap:12px;display:grid}.design-progress-ring{border-radius:50%;place-items:center;width:112px;height:112px;display:grid}.design-progress-ring>div{text-align:center;background:#fff;border-radius:50%;place-items:center;width:82px;height:82px;display:grid}.design-progress-ring strong{color:var(--design-ink);font-size:25px}.design-progress-ring span,.design-summary-item p,.design-plan-row span,.design-quick-grid span,.design-activity-copy p,.design-activity-copy small,.design-activity-status span{color:var(--design-muted);font-weight:650}.design-summary-item{text-align:center;justify-items:center;gap:7px;display:grid}.design-summary-item>span{border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.design-summary-item strong{color:var(--design-ink);font-size:21px}.design-plan-card{background:linear-gradient(#fff7e8 0 64px,#fff 64px);border-color:#fde7c6;overflow:hidden}.design-plan-title>div>svg{color:#f59e0b}.design-plan-title span{color:#f59e0b;font-weight:800}.design-plan-title button{color:#f59e0b;border:1px solid #ffc66d;border-radius:999px;min-height:42px;padding:0 14px}.design-plan-list{gap:8px;display:grid}.design-plan-row{text-align:left;background:#fff;border-radius:19px;grid-template-columns:68px minmax(0,1fr) 64px;align-items:center;gap:12px;min-height:86px;padding:8px 10px;display:grid}.design-plan-row div{gap:4px;min-width:0;display:grid}.design-plan-row img,.design-activity-row>img{object-fit:cover;border-radius:16px;width:68px;height:68px}.design-plan-row strong,.design-activity-copy strong,.design-children-list strong{color:var(--design-ink);font-size:18px;line-height:1.22}.design-plan-row span{line-height:1.2;display:block}.design-plan-row em{color:#f59e0b;border:3px solid #f8c77d;border-radius:20px;place-items:center;width:56px;height:56px;font-style:normal;display:grid}.design-plan-row em.done{color:#22c55e;background:#e9fbef;border:0}.design-quick-grid,.design-quick-add-grid,.design-report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.design-quick-grid button,.design-quick-add-grid button{border:1px solid var(--design-line);text-align:center;background:#fff;border-radius:22px;place-items:center;gap:8px;min-height:118px;display:grid}.design-quick-grid .purple,.design-quick-add-grid .purple{color:var(--design-purple);background:#f0fdfa}.design-quick-grid .blue,.design-quick-add-grid .blue{color:#0ea5e9;background:#eff8ff}.design-quick-grid .green,.design-quick-add-grid .green{color:#22c55e;background:#effbf3}.design-quick-grid .pink{color:#ef5d84;background:#fff0f4}.design-quick-add-grid .orange{color:#f59e0b;background:#fff6e8}.design-quick-grid strong,.design-quick-add-grid strong{color:var(--design-ink)}.bottom-nav{width:min(430px,100% - 28px);min-height:92px;padding:12px 18px calc(14px + env(safe-area-inset-bottom));background:#fffffff5;border:1px solid #f0eaf8;border-bottom:0;border-radius:34px 34px 0 0;align-items:center;gap:0;bottom:0;left:50%;box-shadow:0 -18px 45px #2a215617}.bottom-nav button{color:#6c6f94;min-height:58px;font-size:12px}.bottom-nav button.active{color:var(--design-purple);background:0 0}.bottom-nav button.center-action{color:#fff;background:linear-gradient(135deg,#14b8a6,#115e59);border:9px solid #efe7ff;border-radius:50%;width:74px;height:74px;min-height:74px;margin-top:-42px;box-shadow:0 16px 28px #0f766e38}.design-page-header h1{font-size:36px}.design-filter-button{min-width:92px;padding:0 14px;width:auto!important;color:var(--design-purple)!important;background:#f4efff!important;border-radius:999px!important}.design-filter-card{background:linear-gradient(120deg,#fbf8ff,#fff);grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);align-items:center;gap:16px;padding:18px;display:grid}.design-filter-child{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;display:grid}.design-filter-age{border-left:1px solid var(--design-line);gap:8px;padding-left:18px;display:grid}.design-filter-age span,.design-filter-age p{color:var(--design-muted);font-weight:650}.design-filter-age button{color:var(--design-purple);background:0 0;justify-content:space-between;align-items:center;font-size:23px;font-weight:900;display:flex}.design-category-row{grid-auto-columns:minmax(94px,1fr);grid-auto-flow:column;gap:10px;padding-bottom:2px;display:grid;overflow-x:auto}.design-category-row button{border:1px solid var(--design-line);min-height:104px;color:var(--design-muted);background:#fff;border-radius:22px;place-items:center;gap:8px;font-weight:800;display:grid}.design-category-row button.active{border-color:var(--design-purple);color:var(--design-purple)}.design-category-row span{background:#f1eaff;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.design-list-section,.design-add-section,.design-activity-list{gap:14px;display:grid}.design-activity-row{min-height:154px;box-shadow:var(--design-soft-shadow);text-align:left;background:#fff;border:1px solid #f0eaf8;border-radius:24px;grid-template-columns:104px minmax(0,1fr) 92px 20px;align-items:center;gap:12px;padding:14px;display:grid}.design-activity-row>img{border-radius:16px;width:104px;height:112px}.design-activity-copy{gap:6px;min-width:0;display:grid}.design-activity-copy p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.design-activity-copy small{align-items:center;gap:5px;display:flex}.design-activity-status{border-left:1px solid var(--design-line);color:#f59e0b;text-align:center;place-items:center;gap:6px;min-height:94px;display:grid}.design-activity-status em{border:3px solid #ffd49a;border-radius:50%;place-items:center;width:58px;height:58px;font-style:normal;font-weight:900;display:grid}.design-activity-status.done{color:#22c55e}.design-activity-status.done em{background:#ecfdf3;border-color:#22c55e}.design-activity-status.progress em{border-color:#f59e0b}.design-add-header{text-align:center;justify-content:center;align-items:center;position:relative}.design-add-header>button{color:var(--design-purple);position:absolute;left:0;transform:rotate(45deg)}.design-quick-add-grid button{min-height:154px;padding:14px}.design-quick-add-grid button>span{background:#ffffffa6;border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.design-quick-add-grid p{color:var(--design-muted);font-weight:650}.design-quick-add-grid em{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.design-quick-add-grid .purple em{background:#14b8a6}.design-quick-add-grid .green em{background:#22c55e}.design-quick-add-grid .orange em{background:#f59e0b}.design-quick-add-grid .blue em{background:#0ea5e9}.design-add-list{border:1px solid var(--design-line);box-shadow:var(--design-soft-shadow);background:#fff;border-radius:24px;overflow:hidden}.design-add-list button,.design-settings-list button,.design-children-list button{width:100%;min-height:78px;color:var(--design-ink);text-align:left;background:#fff;border-bottom:1px solid #f0eaf8;grid-template-columns:54px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:12px 16px;display:grid}.design-add-list button:last-child,.design-settings-list button:last-child,.design-children-list button:last-child{border-bottom:0}.design-add-list button>span,.design-settings-list button>svg,.design-profile-tabs span{width:48px;height:48px;color:var(--design-purple);background:#f4efff;border-radius:16px;place-items:center;display:grid}.design-add-list p,.design-tip,.design-profile-section span,.design-support-button span,.design-logout-button,.design-month-grid span,.design-expert-card p{color:var(--design-muted);font-weight:650}.design-create-task{background:linear-gradient(130deg,#f8f0ff,#fff);grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:12px;padding:22px;display:grid}.design-create-task h2,.design-create-task p{margin-top:8px}.design-create-task ul{color:var(--design-muted);gap:8px;margin:14px 0;padding:0;font-weight:650;list-style:none;display:grid}.design-create-task li:before{content:"✓";background:var(--design-purple);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;margin-right:8px;font-size:12px;display:inline-grid}.design-create-task button{color:#fff;background:linear-gradient(135deg,#14b8a6,#115e59);border-radius:12px;justify-content:center;gap:8px;width:min(230px,100%);min-height:50px;font-weight:900;display:inline-flex}.design-create-task img{object-fit:cover;mix-blend-mode:multiply;width:132px;height:160px}.design-tip{background:#fff8ec;border-color:#ffe6bd;align-items:center;gap:10px;min-height:54px;padding:0 16px;display:flex}.design-report-metrics article{border:1px solid var(--design-line);background:#fff;border-radius:20px;gap:8px;min-height:144px;padding:14px;display:grid}.design-report-metrics article span,.design-month-grid svg{width:44px;height:44px;color:var(--design-purple);background:#f4efff;border-radius:50%;place-items:center;display:grid}.design-report-metrics article.green span{color:#22c55e;background:#ecfdf3}.design-report-metrics article.orange span{color:#f97316;background:#fff4e8}.design-report-metrics article.blue span{color:#3b82f6;background:#eff8ff}.design-report-metrics strong{color:var(--design-ink);font-size:28px}.design-report-metrics p,.design-report-metrics em{color:var(--design-muted);font-style:normal;font-weight:700}.design-report-bars{gap:13px;display:grid}.design-report-bars>div{grid-template-columns:42px 118px minmax(0,1fr) 42px 48px;align-items:center;gap:10px;display:grid}.design-report-bars span{border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.design-report-bars i{background:#eeeaf7;border-radius:999px;height:7px;overflow:hidden}.design-report-bars b{border-radius:inherit;height:100%;display:block}.design-report-bars em,.design-report-bars small{color:var(--design-ink);font-style:normal;font-weight:800}.design-report-bars small{color:#22c55e}.design-trend-chart{background:linear-gradient(#ebe6f5 1px,#0000 1px) 0 0/100% 44px,linear-gradient(#0000,#0f766e14);border-bottom:1px solid #e7e1f4;height:178px;position:relative}.design-trend-chart:before{content:"";background:linear-gradient(90deg,#0f766e,#2dd4bf);border-radius:999px;height:3px;position:absolute;top:72px;left:8%;right:6%;transform:rotate(-8deg)}.design-trend-chart span{background:var(--design-purple);border-radius:50%;place-items:center;width:14px;height:14px;display:grid;position:absolute}.design-trend-chart i{color:var(--design-ink);font-style:normal;font-weight:850;position:absolute;bottom:18px}.design-month-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.design-month-grid div{gap:6px;display:grid}.design-month-grid strong{color:var(--design-ink);font-size:22px}.design-expert-card{background:linear-gradient(120deg,#f0fdfa,#fff);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;display:grid}.design-expert-card>svg{color:var(--design-purple)}.design-expert-card button{color:#fff;background:linear-gradient(135deg,#14b8a6,#115e59);border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-weight:900;display:inline-flex}.design-profile-hero{background:linear-gradient(120deg,#fbf8ff,#fff);grid-template-columns:minmax(0,1fr) 124px;gap:14px;padding:18px;display:grid}.design-profile-child{grid-template-columns:118px minmax(0,1fr);align-items:center;gap:16px;display:grid}.design-photo-wrap{position:relative}.design-photo-wrap button,.design-photo-wrap .avatar-edit-control{width:42px;height:42px;color:var(--design-purple);box-shadow:var(--design-soft-shadow);cursor:pointer;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;right:0}.avatar-edit-control input{display:none}.design-badge-total{border:1px solid var(--design-line);color:var(--design-purple);text-align:center;background:#ffffffb8;border-radius:18px;place-items:center;gap:5px;padding:12px;display:grid}.design-badge-total span,.design-badge-total p{color:var(--design-muted);font-weight:700}.design-profile-tabs{grid-template-columns:repeat(4,minmax(0,1fr));padding:16px;display:grid}.design-profile-tabs button{border-right:1px solid var(--design-line);min-height:88px;color:var(--design-ink);background:0 0;place-items:center;gap:8px;font-weight:800;display:grid}.design-profile-tabs button:last-child{border-right:0}.design-children-list,.design-settings-list{border:1px solid var(--design-line);border-radius:22px;overflow:hidden}.design-children-list button{grid-template-columns:62px minmax(0,1fr) auto 20px}.design-children-list button>div,.design-support-button div{gap:4px;min-width:0;display:grid}.design-children-list span,.design-support-button span{display:block}.design-children-list img,.design-children-list .child-avatar{width:58px;height:58px}.design-children-list em{color:var(--design-purple);background:#f0e8ff;border-radius:999px;padding:4px 10px;font-style:normal;font-weight:850}.design-settings-list button{grid-template-columns:36px minmax(0,1fr) auto 20px}.design-settings-list button>svg{color:#63678e;background:0 0;width:24px;height:24px}.design-settings-list em{color:var(--design-muted);font-style:normal;font-weight:700}.design-support-button,.design-logout-button{text-align:left;align-items:center;width:100%;min-height:82px;padding:16px 20px;display:grid}.design-support-button{color:var(--design-purple);grid-template-columns:56px minmax(0,1fr) 20px}.design-logout-button{color:#f43f5e;border-color:#f43f5e40;grid-template-columns:42px minmax(0,1fr);font-size:18px;font-weight:850}@media (width<=430px){.screen-stack{padding-left:16px;padding-right:16px;padding-bottom:calc(132px + env(safe-area-inset-bottom))}.design-summary-grid,.design-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-expert-card{grid-template-columns:1fr}.design-child-card{grid-template-columns:72px minmax(0,1fr) 78px;gap:10px;min-height:124px;padding:16px}.design-child-card>img,.design-child-card>.child-avatar{width:72px;height:72px}.design-child-info h2{margin-bottom:5px;font-size:24px}.design-child-info span,.design-child-info p{font-size:13px;line-height:1.25}.design-add-header>div{padding:0 52px}.design-change-child{border-radius:20px;min-height:82px;padding:8px 6px;font-size:12px}.design-change-child svg{width:28px;height:28px}.design-filter-age{border-left:1px solid var(--design-line);border-top:0;padding-top:0;padding-left:12px}.design-filter-card{grid-template-columns:minmax(0,1.15fr) minmax(118px,.85fr);gap:12px;padding:16px}.design-filter-child{grid-template-columns:62px minmax(0,1fr);gap:10px}.design-filter-child img,.design-filter-child .child-avatar{width:62px;height:62px}.design-filter-child h2,.design-filter-age button{font-size:22px}.design-task-hero{grid-template-columns:minmax(0,1fr) 116px}.design-task-hero img{width:140px}.design-quick-add-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.design-quick-add-grid button{min-height:154px;padding:12px 8px}.design-quick-add-grid button>span{width:52px;height:52px}.design-quick-add-grid strong{font-size:15px}.design-quick-add-grid p{font-size:13px;line-height:1.25}.design-create-task{grid-template-columns:minmax(0,1fr) 118px;padding:22px}.design-create-task img{object-fit:contain;width:118px;height:154px}.design-report-metrics,.design-month-grid,.design-profile-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.design-report-metrics{gap:10px}.design-report-metrics article{min-height:154px;padding:12px}.design-report-metrics strong{font-size:24px}.design-profile-hero{grid-template-columns:minmax(0,1fr) 112px;padding:16px}.design-profile-child{grid-template-columns:78px minmax(0,1fr);gap:12px}.design-photo-wrap img,.design-photo-wrap .child-avatar{width:76px;height:76px}.design-photo-wrap button,.design-photo-wrap .avatar-edit-control{width:34px;height:34px}.design-badge-total{padding:10px}.design-profile-tabs{padding:12px}.design-profile-tabs button{min-height:82px;font-size:12px}.design-plan-row{grid-template-columns:58px minmax(0,1fr) 50px;gap:9px;min-height:78px;padding:8px}.design-plan-row img{border-radius:14px;width:58px;height:58px}.design-plan-row strong{font-size:16px}.design-plan-row span{font-size:13px}.design-plan-row em{border-radius:16px;width:46px;height:46px}.design-activity-row{grid-template-columns:86px minmax(0,1fr) 74px}.design-activity-row>svg{display:none}.design-activity-row>img{width:86px}.design-report-bars>div{grid-template-columns:34px minmax(0,1fr) 64px}.design-report-bars i,.design-report-bars small{grid-column:2/-1}}.design-summary-grid{gap:7px;grid-template-columns:84px repeat(4,minmax(0,1fr))!important}.design-summary-item{gap:5px}@media (width<=430px){.design-summary-grid{grid-template-columns:84px repeat(4,minmax(0,1fr))!important}.design-task-hero{grid-template-columns:minmax(0,1fr) 110px}.design-task-hero img{width:114px}}.phone-app{width:min(430px,100%);font-size:14px}.design-home-header,.design-page-header,.design-add-header{gap:12px}.design-home-header p{font-size:17px}.design-home-header h1,.design-page-header h1,.design-add-header h1{font-size:29px}.design-home-header p,.design-page-header p,.design-add-header p{line-height:1.35}.design-header-actions{gap:9px}.design-header-actions button,.design-add-header>button{width:48px;height:48px}.design-child-card,.design-task-hero,.design-summary-card,.design-plan-card,.design-filter-card,.design-report-card,.design-profile-hero,.design-profile-tabs,.design-profile-section,.design-support-button,.design-logout-button,.design-create-task,.design-tip,.skill-hero,.detail-block,.detail-grid>div,.assistant-cta{border-radius:22px;box-shadow:0 12px 28px #22185411}.design-child-card{grid-template-columns:66px minmax(0,1fr) 82px;gap:12px;min-height:96px;padding:12px 14px}.design-child-card>img,.design-child-card>.child-avatar{width:64px;height:64px}.design-child-info h2,.design-profile-child h2,.design-filter-child h2{margin-bottom:4px;font-size:22px}.design-child-info h2 button{width:25px;height:25px}.design-child-info span,.design-child-info p,.design-filter-child span,.design-filter-child p,.design-profile-child span,.design-profile-child p{font-size:13px;line-height:1.3}.design-change-child{border-radius:18px;gap:5px;min-height:72px;font-size:12px}.design-change-child svg{width:26px;height:26px}.design-task-hero{grid-template-columns:minmax(0,1fr) 140px;min-height:116px;padding:18px 16px}.design-task-hero h2,.design-task-hero p{font-size:20px;line-height:1.18}.design-task-hero button{min-height:38px;margin-top:13px;padding:0 15px;font-size:13px}.design-task-hero img{width:152px;height:108px}.design-slider-dots{bottom:10px}.design-slider-dots span{width:9px;height:9px}.design-summary-card,.design-plan-card,.design-report-card,.design-profile-section{gap:14px;padding:15px}.design-card-title h2,.design-plan-title h2,.design-list-title h2,.design-add-section h2,.design-profile-section h2{font-size:18px}.design-summary-grid{grid-template-columns:92px repeat(4,minmax(0,1fr));gap:8px}.design-progress-ring{width:88px;height:88px}.design-progress-ring>div{width:64px;height:64px}.design-progress-ring strong{font-size:20px}.design-progress-ring span,.design-summary-item p{font-size:12px}.design-summary-item>span{width:42px;height:42px}.design-summary-item strong{font-size:17px}.design-plan-card{background:linear-gradient(#fff7e8 0 54px,#fff 54px)}.design-plan-title button{min-height:36px;padding:0 12px;font-size:13px}.design-plan-list{gap:6px}.design-plan-row{border-radius:16px;grid-template-columns:56px minmax(0,1fr) 50px;gap:10px;min-height:66px;padding:6px 8px}.design-plan-row img,.design-activity-row>img{border-radius:13px;width:54px;height:54px}.design-plan-row strong,.design-activity-copy strong,.design-children-list strong{font-size:15px}.design-plan-row span{font-size:12px}.design-plan-row em{border-width:2px;border-radius:15px;width:44px;height:44px}.design-quick-grid,.design-quick-add-grid,.design-report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.design-quick-grid button,.design-quick-add-grid button{border-radius:18px;gap:5px;min-height:86px;padding:10px 7px}.design-quick-grid svg,.design-quick-add-grid svg{width:27px;height:27px}.design-quick-grid strong,.design-quick-add-grid strong{font-size:13px}.design-quick-grid span,.design-quick-add-grid p{font-size:12px;line-height:1.25}.bottom-nav{width:min(420px,100% - 24px);min-height:76px;padding:8px 16px calc(10px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.bottom-nav button{min-height:48px;font-size:11px}.bottom-nav button svg{width:22px;height:22px}.bottom-nav button.center-action{border-width:7px;width:60px;height:60px;min-height:60px;margin-top:-30px}.bottom-nav button.center-action svg{width:28px;height:28px}.design-filter-card{grid-template-columns:minmax(0,1.2fr) minmax(112px,.8fr);gap:12px;padding:14px}.design-filter-child{grid-template-columns:58px minmax(0,1fr);gap:10px}.design-filter-child img,.design-filter-child .child-avatar{width:58px;height:58px}.design-filter-age{padding-left:12px}.design-filter-age button{font-size:20px}.design-category-row{grid-auto-columns:minmax(82px,1fr);gap:8px}.design-category-row button{border-radius:18px;min-height:86px;font-size:12px}.design-category-row span{width:42px;height:42px}.design-activity-row{border-radius:18px;grid-template-columns:76px minmax(0,1fr) 62px 16px;gap:10px;min-height:108px;padding:10px}.design-activity-row>img{width:76px;height:76px}.design-activity-copy p{-webkit-line-clamp:2;font-size:13px}.design-activity-copy small{font-size:12px}.design-activity-status{min-height:74px;padding-left:9px}.design-activity-status em{width:48px;height:48px;font-size:13px}.design-add-header>div{max-width:320px;padding:0 48px}.design-add-header h1{font-size:29px}.design-quick-add-grid button{min-height:120px}.design-quick-add-grid button>span{border-radius:14px;width:44px;height:44px}.design-quick-add-grid em{width:28px;height:28px}.design-add-list button,.design-settings-list button,.design-children-list button{min-height:64px;padding:10px 14px}.design-add-list button>span,.design-settings-list button>svg,.design-profile-tabs span{border-radius:13px;width:40px;height:40px}.design-create-task{grid-template-columns:minmax(0,1fr) 116px;padding:18px}.design-create-task h2{font-size:20px}.design-create-task p,.design-create-task li{font-size:13px}.design-create-task button{min-height:42px}.design-create-task img{object-fit:contain;width:116px;height:136px}.design-tip,.design-inline-notice,.success-note{border-radius:16px;font-size:12px}.design-inline-notice{color:var(--design-purple);background:#f7f1ff;border:1px solid #e9ddff;padding:10px 12px;font-weight:800}.design-report-metrics article{border-radius:18px;min-height:116px;padding:10px}.design-report-metrics article span,.design-month-grid svg{width:40px;height:40px}.design-report-metrics strong{font-size:21px}.design-report-metrics p,.design-report-metrics em{font-size:12px}.design-report-bars>div{grid-template-columns:34px 98px minmax(0,1fr) 38px 42px;gap:8px}.design-month-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.design-month-grid strong{font-size:20px}.design-profile-hero{grid-template-columns:minmax(0,1fr) 110px;gap:12px;padding:14px}.design-profile-child{grid-template-columns:78px minmax(0,1fr);gap:12px}.design-photo-wrap img,.design-photo-wrap .child-avatar{width:74px;height:74px}.design-badge-total{padding:10px}.design-badge-total strong{font-size:29px}.design-profile-tabs{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}.design-profile-tabs button{gap:6px;min-height:72px;font-size:12px}.design-support-button,.design-logout-button{min-height:66px;padding:12px 16px}.detail-screen.design-detail-screen{padding-bottom:calc(124px + env(safe-area-inset-bottom));gap:13px}.design-detail-screen .back-button{border:1px solid var(--design-line);min-height:36px;color:var(--design-purple);box-shadow:var(--design-soft-shadow);background:#fff}.design-detail-screen .skill-hero{background:linear-gradient(120deg,#fbf8ff,#fff);border-top:0;gap:10px;padding:14px;border-color:var(--design-line)!important}.design-detail-screen .skill-media-strip{grid-auto-columns:minmax(126px,1fr)}.design-detail-screen .skill-media-strip img{border-radius:16px}.design-detail-screen .skill-hero h2{color:var(--design-ink);font-size:23px}.design-detail-screen .skill-hero p,.design-detail-screen .detail-block p,.design-detail-screen .detail-block li,.design-detail-screen .detail-grid span{color:var(--design-muted);font-size:13px;line-height:1.45}.design-detail-screen .meta-grid span{min-height:30px;color:var(--design-ink);background:#f6f1ff}.design-detail-screen .detail-block{border-color:var(--design-line);background:#fff;gap:9px;padding:14px}.design-detail-screen .detail-block h3{color:var(--design-ink);font-size:16px}.design-detail-screen .visual-guide-grid{gap:9px}.design-detail-screen .visual-guide-step{border-color:var(--design-line);border-radius:18px;min-height:0;padding:10px}.design-detail-screen .guide-illustration{background:#faf7ff;border-radius:16px;min-height:58px}.design-detail-screen .assistant-cta{background:#f7f1ff;border-color:#e2d8fb}.design-detail-screen .detail-grid>div{border-color:var(--design-line);background:#fff;padding:11px}.design-detail-screen .score{border-radius:14px;min-height:46px}.design-detail-screen .score.active{border-color:var(--design-purple);color:var(--design-purple);background:#f0fdfa}.design-detail-screen select,.design-detail-screen textarea{border-color:var(--design-line);background:#fff;border-radius:16px}.design-detail-screen .primary-button{background:linear-gradient(135deg,#14b8a6,#115e59);border-radius:16px;min-height:44px}.design-detail-screen .skill-hero{border-radius:24px;position:relative;overflow:hidden}.design-detail-screen .skill-hero:after{content:"";pointer-events:none;background:#22c55e14;border-radius:999px;width:118px;height:118px;position:absolute;top:-42px;right:-34px}.detail-parent-goal{background:linear-gradient(135deg,#0f766e12,#ffffffeb),#fff}.parent-coach-line{color:var(--design-purple);background:#fbf8ff;border:1px solid #e8ddff;border-radius:16px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:850;display:flex}.detail-steps-card ol{gap:8px;padding-left:22px;display:grid}.detail-steps-card li::marker{color:var(--design-purple);font-weight:900}.detail-adjust-grid article{border:1px solid var(--design-line);min-height:128px;box-shadow:var(--design-soft-shadow);background:#fff;border-radius:20px;gap:6px;padding:13px;display:grid}.detail-adjust-grid span{color:#16a34a;background:#eefaf4;border-radius:999px;width:fit-content;padding:4px 9px;font-size:11px;font-weight:900}.detail-adjust-grid strong{color:var(--design-ink);font-size:15px}.detail-adjust-grid p{color:var(--design-muted);font-size:12.5px}.detail-safety-card{background:snow!important;border-color:#fde2e2!important}.detail-safety-card .section-title svg{color:#e11d48}.design-subpage .content-section{border-color:var(--design-line);box-shadow:var(--design-soft-shadow)}.profile-info-grid,.settings-choice-grid{gap:10px;display:grid}.profile-info-grid article,.settings-choice-grid button{border:1px solid var(--design-line);text-align:left;background:#fff;border-radius:18px;gap:5px;padding:13px;display:grid}.profile-info-grid span,.settings-choice-grid span{color:var(--design-muted);font-size:12px;font-weight:700}.profile-info-grid strong,.settings-choice-grid strong{color:var(--design-ink);font-size:15px}.settings-choice-grid button.active{border-color:var(--design-purple);background:#f7f1ff;box-shadow:0 10px 24px #0f766e1f}.action-row{gap:10px;display:grid}.phone-app.theme-dark{--design-ink:#f8f7ff;--design-muted:#c7c1e4;--design-line:#e2daff29;--design-purple-soft:#14b8a62e;--design-shadow:0 18px 42px #00000057;--design-soft-shadow:0 10px 26px #0000003d;background:#12111d}.phone-app.theme-dark .screen-stack,.phone-app.theme-dark .design-page,.phone-app.theme-dark .design-home-screen{background:radial-gradient(circle at 50% 0,#14b8a629,#0000 310px),#12111d}.phone-app.theme-dark .content-section,.phone-app.theme-dark .detail-block,.phone-app.theme-dark .detail-adjust-grid article,.phone-app.theme-dark .profile-info-grid article,.phone-app.theme-dark .settings-choice-grid button,.phone-app.theme-dark .design-settings-list button,.phone-app.theme-dark .design-children-list button,.phone-app.theme-dark .bottom-nav{background:#1b1929;border-color:#e2daff24}.phone-app.theme-dark .design-inline-notice,.phone-app.theme-dark .parent-coach-line,.phone-app.theme-dark .settings-choice-grid button.active{background:#14b8a629}@media (prefers-color-scheme:dark){.phone-app.theme-system{--design-ink:#f8f7ff;--design-muted:#c7c1e4;--design-line:#e2daff29;background:#12111d}.phone-app.theme-system .screen-stack,.phone-app.theme-system .design-page,.phone-app.theme-system .design-home-screen{background:#12111d}.phone-app.theme-system .content-section,.phone-app.theme-system .detail-block,.phone-app.theme-system .bottom-nav{background:#1b1929;border-color:#e2daff24}}@media (width<=430px){.screen-stack{padding-left:20px;padding-right:20px;padding-bottom:calc(112px + env(safe-area-inset-bottom))}.design-quick-grid,.design-quick-add-grid,.design-report-metrics,.design-month-grid,.design-profile-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.design-child-card{grid-template-columns:66px minmax(0,1fr) 82px;min-height:96px;padding:12px 14px}.design-child-card>img,.design-child-card>.child-avatar{width:64px;height:64px}.design-task-hero{grid-template-columns:minmax(0,1fr) 110px;min-height:118px;padding:12px 16px}.design-task-hero h2,.design-task-hero p{font-size:16px;line-height:1.12}.design-task-hero button{min-height:32px;margin-top:8px;padding:0 13px;font-size:12px}.design-task-hero img{width:114px;height:88px}.design-summary-grid{grid-template-columns:84px repeat(4,minmax(0,1fr))!important}.design-activity-row{grid-template-columns:76px minmax(0,1fr) 62px}.design-activity-row>svg{display:none}.design-report-bars>div{grid-template-columns:30px minmax(0,1fr) 52px}}body{background:linear-gradient(180deg, #2a9d8f0d, transparent 280px), var(--bg)}.phone-app{border:1px solid var(--line);background:var(--surface);width:min(460px,100%);min-height:calc(100dvh - 44px);box-shadow:var(--shadow);color:var(--ink);border-radius:28px;margin:0 auto;position:relative;overflow:visible}.phone-app>.app-header{display:flex}.screen-stack{padding:16px 16px calc(148px + env(safe-area-inset-bottom));gap:14px}.bottom-nav{z-index:10;width:min(460px,100%);padding:9px 9px calc(12px + env(safe-area-inset-bottom));box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;border-top:1px solid #e3ebe7e6;border-radius:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{border-radius:var(--radius);width:auto;height:auto;min-height:54px;box-shadow:none;color:var(--muted);background:0 0;place-items:center;gap:4px;font-size:11px;font-weight:900;display:grid;transform:none}.bottom-nav button span{max-width:100%;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.bottom-nav button.active,.bottom-nav button.center-action.active{color:var(--teal-dark);background:#2a9d8f1f}.bottom-nav button.center-action{box-shadow:none;color:var(--muted);background:0 0}.bottom-nav button.center-action svg,.bottom-nav button svg{width:22px;height:22px}.child-avatar{object-fit:cover;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.child-avatar-placeholder{border:1px solid var(--line);color:var(--teal-dark);background:linear-gradient(135deg,#2a9d8f1f,#fff)}.child-avatar-placeholder.girl{color:#c026d3;background:linear-gradient(135deg,#fff0f6,#fff)}.child-avatar-placeholder.boy{color:#0b78b6;background:linear-gradient(135deg,#edf7ff,#fff)}.profile-card .child-avatar{width:62px;height:62px}.child-switcher .child-avatar{width:30px;height:30px}.child-management-card .child-avatar{width:46px;height:46px}.detail-parent-goal,.detail-steps-card,.detail-safety-card{background:var(--surface-strong)}.parent-coach-line{border-radius:var(--radius);color:var(--teal-dark);background:#2a9d8f14;border:1px solid #2a9d8f38;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:850;display:flex}.detail-adjust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-adjust-grid article,.profile-info-grid article,.settings-choice-grid button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);text-align:left;gap:6px;padding:13px;display:grid}.detail-adjust-grid span{width:fit-content;color:var(--teal-dark);background:#2a9d8f1a;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900}.detail-adjust-grid article:nth-child(2) span{color:#9a6700;background:#e9b44c29}.detail-adjust-grid p,.profile-info-grid span,.settings-choice-grid span{color:var(--muted);font-size:12.5px}.profile-info-grid,.settings-choice-grid,.action-row{gap:10px;display:grid}.profile-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-choice-grid button.active{background:#2a9d8f1a;border-color:#2a9d8f5c}.phone-app.theme-dark{--bg:#111827;--surface:#17212f;--surface-strong:#1f2a3a;--ink:#f8fafc;--muted:#cbd5e1;--line:#e2e8f029;--soft-line:#e2e8f01a;background:var(--surface);color:var(--ink)}.phone-app.theme-dark .bottom-nav{background:#17212ff7;border-color:#e2e8f029}.phone-app.theme-dark input,.phone-app.theme-dark select,.phone-app.theme-dark textarea{color:var(--ink);background:#111827;border-color:#e2e8f02e}@media (width<=720px){.phone-app{min-height:100dvh;box-shadow:none;border:0;border-radius:0}}@media (width<=430px){.detail-adjust-grid,.profile-info-grid{grid-template-columns:1fr}}.design-tree-container{background:radial-gradient(circle at top,#0f766e0f 0%,#fff0 70%),#fff;border:1px solid #f0e9ff;border-radius:24px;margin-top:15px;padding:30px 10px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f766e0a}.design-tree-header{text-align:center;margin-bottom:25px}.design-tree-header h3{color:var(--design-ink);margin:0 0 5px;font-size:20px;font-weight:700}.design-tree-header p{color:var(--design-muted);margin:0;font-size:14px}.design-tree-path{width:100%;position:relative}.design-tree-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.design-tree-svg path.background-line{stroke:#efe7ff;stroke-width:8px;stroke-linecap:round;fill:none}.design-tree-svg path.progress-line{stroke:var(--design-purple);stroke-width:8px;stroke-linecap:round;stroke-dasharray:12 8;fill:none;animation:30s linear infinite dash-flow}@keyframes dash-flow{to{stroke-dashoffset:-1000px}}.design-tree-row{z-index:2;width:100%;position:relative}.design-node-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.design-node-button{cursor:pointer;z-index:3;background:#fff;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 8px 24px #0f766e1f}.design-node-button:hover{transform:scale(1.12);box-shadow:0 12px 28px #0f766e38}.design-node-button.current{border-color:var(--design-purple);animation:2s infinite pulse-glow}@keyframes pulse-glow{0%{box-shadow:0 0 #0f766e57,0 8px 24px #0f766e1f}70%{box-shadow:0 0 0 15px #0f766e00,0 8px 24px #0f766e1f}to{box-shadow:0 0 #0f766e00,0 8px 24px #0f766e1f}}.design-node-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:all .3s;display:flex}.design-node-button.completed .design-node-icon-wrapper{color:#fff;background:#10b981}.design-node-completed-badge{color:#fff;z-index:4;background:#10b981;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 8px #10b9814d}.design-node-info-bubble{pointer-events:none;opacity:.9;z-index:5;background:#fff;border:1px solid #f0e9ff;border-radius:16px;padding:8px 12px;transition:all .3s;position:absolute;box-shadow:0 4px 16px #0f766e0d}.design-node-info-bubble.left{left:90px}.design-node-info-bubble.right,.design-node-info-bubble.center-left{text-align:right;right:90px}.design-node-info-bubble.center-right{left:90px}.design-node-category{text-transform:uppercase;color:var(--design-muted);letter-spacing:.5px;font-size:10px;font-weight:700;display:block}.design-node-title{color:var(--design-ink);white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-size:12px;font-weight:700;display:block;overflow:hidden}.design-node-level{color:var(--design-purple);background:#f0fdfa;border-radius:8px;padding:1px 6px;font-size:9px;font-weight:600;display:inline-block}.auth-shell{font-family:Outfit,Inter,sans-serif;background:linear-gradient(135deg,#f0fdfa 0%,#ccfbf1 100%)!important}.auth-visual{border:1px solid #0f766e1f!important;border-radius:24px!important;min-height:640px!important;box-shadow:0 12px 40px #0f766e26!important}.auth-visual:after{background:linear-gradient(#0f766e1a,#0f0a1ed9)!important}.auth-copy{padding:40px 30px!important}.auth-copy .eyebrow{color:#2dd4bf!important;letter-spacing:1px!important;font-size:11px!important}.auth-copy h1{font-size:clamp(28px,5vw,42px)!important;font-weight:800!important;line-height:1.2!important}.auth-copy p{color:#fffc!important;font-size:14px!important}.auth-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0!important;border:1px solid #0f766e1f!important;border-radius:24px!important;padding:30px 24px!important;box-shadow:0 12px 40px #0f766e1a!important}.auth-panel .segmented{background:#f3eee680!important;border:1px solid #0f766e14!important;border-radius:12px!important;padding:4px!important}.auth-panel .segmented button{color:#62678f!important;font-size:13px!important;font-weight:700!important;transition:all .2s!important}.auth-panel .segmented button.active{color:#fff!important;background:#0f766e!important;box-shadow:0 4px 14px #0f766e3d!important}.auth-panel .form-grid label{color:#3b3d56!important;flex-direction:column!important;gap:6px!important;margin-bottom:12px!important;font-size:12px!important;font-weight:600!important;display:flex!important}.auth-panel .form-grid input{color:#1e1b4b!important;background:#fff!important;border:1px solid #0f766e33!important;border-radius:10px!important;padding:10px 14px!important;font-size:13px!important;transition:all .2s!important}strong,b,h1,h2,h3,h4,h5,h6,button,a{font-weight:600!important}.kidsteps-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px}.auth-panel .form-grid input:focus{border-color:#0f766e!important;outline:none!important;box-shadow:0 0 0 3px #0f766e26!important}.auth-panel .primary-button{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#5eead4,#0f766e)!important;border:none!important;border-radius:12px!important;padding:12px!important;font-size:14px!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 4px 15px #0f766e33!important}.auth-panel .primary-button:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px #0f766e3d!important}.auth-panel .primary-button:disabled{opacity:.7!important;cursor:not-allowed!important;transform:none!important}.auth-panel .text-button{color:#0f766e!important;cursor:pointer!important;background:0 0!important;border:none!important;font-size:12px!important;font-weight:600!important}.auth-panel .legal-consent-list{background:#fcfaff!important;border:1px solid #f0e9ff!important;border-radius:12px!important;margin-bottom:12px!important;padding:10px!important}.auth-panel .legal-check span{color:#62678f!important;font-size:11px!important;line-height:1.4!important}body,p,li,input,select,textarea{font-weight:400!important}strong,b,h1,h2,h3,h4,h5,h6,button,a{font-weight:600!important}:root{--kidsteps-purple:#0f766e;--kidsteps-purple-light:#ccfbf1;--kidsteps-purple-dark:#115e59;--kidsteps-bg:#f8fafc}.phone-app{background:var(--kidsteps-bg)!important;color:#1e1b4b!important}.design-page{padding:16px;background:var(--kidsteps-bg)!important}.design-page-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;display:flex}.design-page-header h1{color:#1e1b4b;margin:0;font-size:20px}.design-page-header p{color:#64748b;margin:4px 0 0;font-size:12px}.kidsteps-logo-container{flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.kidsteps-logo{justifyContent:center;color:#fff;background:linear-gradient(135deg,#5eead4 0%,#0f766e 100%);border-radius:20px;align-items:center;width:72px;height:72px;margin-bottom:12px;font-size:32px;font-weight:800;display:flex;box-shadow:0 8px 24px #0f766e38}.kidsteps-title{color:#1e1b4b;margin:0;font-size:24px;font-weight:800}.kidsteps-subtitle{color:#64748b;text-align:center;margin:4px 0 0;font-size:13px}.log-grid-container{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.log-icon-button{aspect-ratio:1;cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.log-icon-button:hover{border-color:#0f766e33;transform:translateY(-2px);box-shadow:0 4px 12px #0f766e14}.log-icon-button span{color:#475569;margin-top:6px;font-size:10px;font-weight:600}.log-color-beslenme{color:#2563eb;background:#eff6ff}.log-color-uyku{color:#0f766e;background:#f0fdfa}.log-color-bez{color:#16a34a;background:#f0fdf4}.log-color-boykilo{color:#0d9488;background:#f0fdfa}.log-color-asi{color:#0891b2;background:#ecfeff}.log-color-ilac{color:#db2777;background:#fdf2f8}.log-color-alerji{color:#ea580c;background:#fff7ed}.log-color-belirti{color:#e11d48;background:#fff1f2}.log-color-aktivite{color:#14b8a6;background:#f0fdfa}.log-color-not{color:#4b5563;background:#f3f4f6}.kidsteps-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;margin-bottom:16px;padding:16px;box-shadow:0 4px 12px #00000004}.kidsteps-badge{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}:root{--font:Inter, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:Inter, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--type-ink:#172033;--type-muted:#667085}html,body,#root,.app-root,.phone-app,.auth-shell,button,input,select,textarea{font-family:var(--font)!important;letter-spacing:0!important}body,p,li,small,span,input,select,textarea{color:inherit;font-weight:400!important}h1,h2,h3,h4,h5,h6,.page-title,.section-title,.card-title,.design-page-header h1,.design-home-header h1,.design-add-header h1,.kidsteps-title,.auth-copy h1{font-family:var(--font-display)!important;letter-spacing:-.01em!important;color:var(--type-ink)!important;font-weight:700!important}.design-page-header h1,.design-home-header h1,.design-add-header h1{font-size:clamp(22px,6vw,30px)!important;line-height:1.12!important}.design-page-header p,.design-home-header p,.design-add-header p,.page-subtitle,.card-text,.design-muted,.kidsteps-subtitle{color:var(--type-muted)!important;font-weight:400!important;line-height:1.55!important}strong,b,label,.meta-label,.metric-label,.settings-text,.skill-category,.design-node-category,.design-node-title,.kidsteps-badge,button,a,.primary-button,.text-button,.nav-label,.design-tab,.segmented button,.log-icon-button span{font-weight:600!important}.metric-value,.score-value,.progress-value,.child-name,.skill-name,.kidsteps-logo,.kidsteps-title{font-weight:700!important}.phone-app{-webkit-font-smoothing:antialiased;text-rendering:geometricprecision}.phone-app p,.phone-app li,.phone-app span{line-height:1.5!important}.phone-app input,.phone-app select,.phone-app textarea{font-size:14px!important;line-height:1.45!important}.bottom-nav,.design-bottom-nav{font-size:11px!important}.landing-container{color:#1e293b;scroll-behavior:smooth;background-color:#f8fafc;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.landing-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #e2e8f099;justify-content:space-between;align-items:center;padding:16px 5%;display:flex;position:sticky;top:0}.header-logo{align-items:center;gap:10px;display:flex}.logo-img{object-fit:contain;width:36px;height:36px}.logo-text{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-size:22px;font-weight:800}.header-nav{gap:30px;display:flex}.header-nav a{color:#64748b;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.header-nav a:hover{color:#10b981}.header-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #10b98140}.header-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.hero-section{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;max-width:1400px;margin:0 auto;padding:80px 5%;display:grid}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.hero-tag{color:#059669;background:#ecfdf5;border-radius:20px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.tag-icon{animation:2s infinite pulse}.hero-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 20px;font-size:54px;font-weight:800;line-height:1.15}.gradient-text{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:#64748b;max-width:580px;margin:0 0 32px;font-size:18px;line-height:1.6}.hero-actions{gap:16px;width:100%;margin-bottom:40px;display:flex}.btn-play{color:#fff;background:#0f172a;border-radius:12px;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:flex}.btn-play:hover{background:#1e293b;transform:translateY(-2px)}.btn-web{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:600;transition:transform .2s,background .2s}.btn-web:hover{background:#f8fafc;transform:translateY(-2px)}.hero-stats{border-top:1px solid #e2e8f0;gap:32px;width:100%;padding-top:24px;display:flex}.stat-item{flex-direction:column;display:flex}.stat-item strong{color:#0f172a;font-size:24px;font-weight:800}.stat-item span{color:#64748b;font-size:13px}.hero-mockup{justify-content:center;align-items:center;display:flex}.mockup-frame{background:#fff;border:10px solid #0f172a;border-radius:40px;width:320px;height:640px;position:relative;overflow:hidden;box-shadow:0 30px 60px #0f172a33}.mockup-header-notch{z-index:10;background:#0f172a;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:150px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mockup-img{object-fit:cover;width:100%;height:100%;display:block}.features-section{background:#fff;border-top:1px solid #f1f5f9;padding:100px 5%}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 16px;font-size:36px;font-weight:800}.section-subtitle{color:#64748b;margin:0;font-size:16px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;padding:32px 24px;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0f172a0d}.feat-icon{border-radius:14px;width:48px;height:48px;margin-bottom:24px;padding:10px}.icon-purple{color:#8b5cf6;background:#f5f3ff}.icon-teal{color:#10b981;background:#f0fdf4}.icon-orange{color:#f97316;background:#fff7ed}.icon-red{color:#ef4444;background:#fef2f2}.feat-title{color:#0f172a;margin:0 0 12px;font-size:18px;font-weight:700}.feat-desc{color:#64748b;margin:0;font-size:14px;line-height:1.6}.screenshots-section{background:#f1f5f9;padding:100px 5%}.screenshots-container{grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;max-width:1200px;margin:0 auto;display:grid}.tabs-sidebar{flex-direction:column;gap:16px;display:flex}.tab-btn{color:#475569;cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;padding:18px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 6px #0f172a05}.tab-btn:hover{background:#f8fafc;border-color:#cbd5e1}.tab-btn.active{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 10px 20px #10b98133}.screenshot-display{justify-content:center;display:flex}.phone-wrapper{background:#fff;border:8px solid #0f172a;border-radius:36px;width:290px;height:580px;position:relative;overflow:hidden;box-shadow:0 25px 50px #0f172a26}.screenshot-img{object-fit:cover;width:100%;height:100%;display:block}.faq-section{background:#fff;padding:100px 5%}.faq-list{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.faq-item{border:1px solid #e2e8f0;border-radius:16px;transition:border-color .2s;overflow:hidden}.faq-item:hover{border-color:#cbd5e1}.faq-question{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:20px 24px;font-size:16px;font-weight:600;display:flex}.faq-answer{color:#475569;border-top:1px solid #f1f5f9;padding:16px 24px 20px;font-size:14px;line-height:1.6}.landing-footer{color:#94a3b8;background:#0f172a;padding:60px 5% 40px}.footer-top{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 30px;padding-bottom:30px;display:flex}.footer-brand{align-items:center;gap:10px;display:flex}.footer-links{align-items:center;gap:16px;display:flex}.footer-links a{color:#94a3b8;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#10b981}.footer-bottom{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;font-size:13px;display:flex}.footer-bottom p{margin:0}.footer-stars{align-items:center;gap:4px;display:flex}.star-icon{color:#f59e0b}.footer-stars span{color:#64748b;margin-left:8px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (width<=968px){.hero-section{text-align:center;grid-template-columns:1fr;padding:60px 5%}.hero-content{align-items:center}.hero-title{font-size:40px}.hero-actions,.hero-stats{justify-content:center}.screenshots-container{grid-template-columns:1fr}.tabs-sidebar{flex-flow:wrap;justify-content:center}.tab-btn{padding:12px 18px;font-size:14px}}@media (width<=640px){.landing-header{flex-direction:column;gap:16px;padding:20px 5%}.header-nav{gap:16px}.hero-title{font-size:32px}.hero-actions{flex-direction:column;align-items:stretch}.footer-top{flex-direction:column;gap:20px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}