@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/baloo-2-latin-400-normal-D8VfTcZx.woff2)format("woff2"),url(/assets/baloo-2-latin-400-normal-DCk_bY-6.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/baloo-2-latin-600-normal-tIfxVoAe.woff2)format("woff2"),url(/assets/baloo-2-latin-600-normal-B4tNaogw.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2)format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/baloo-2-vietnamese-400-normal-Bw8Sx-UF.woff2)format("woff2"),url(/assets/baloo-2-vietnamese-400-normal-q9RGxceT.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/baloo-2-vietnamese-600-normal-C5EqHgu0.woff2)format("woff2"),url(/assets/baloo-2-vietnamese-600-normal-CGkk4Wtx.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-vietnamese-700-normal-h4tlcePq.woff2)format("woff2"),url(/assets/baloo-2-vietnamese-700-normal-DoF59Mjc.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2)format("woff2"),url(/assets/nunito-vietnamese-400-normal-DtOtW02z.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2)format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2)format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff)format("woff")}:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-500:#f59e0b;--amber-700:#b45309;--pink-50:#fdf2f8;--pink-600:#db2777;--green-50:#f0fdf4;--green-700:#15803d;--red-50:#fef2f2;--red-700:#b91c1c;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-400:#94a3b8;--slate-600:#475569;--slate-900:#0f172a;--white:#fff;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.375rem;--radius-xl:2rem;--radius-full:9999px;--shadow-sm:0 2px 0 #0f172a14, 0 6px 16px #2563eb14;--shadow-md:0 4px 0 #0f172a17, 0 12px 28px #2563eb1f;--duration-fast:.15s;--duration-normal:.22s;--color-primary:var(--blue-600);--color-primary-hover:var(--blue-700);--color-on-primary:var(--white);--color-secondary:var(--amber-500);--color-on-secondary:var(--slate-900);--color-accent:var(--pink-600);--color-on-accent:var(--white);--color-success:var(--green-700);--color-success-soft:var(--green-50);--color-error:var(--red-700);--color-error-soft:var(--red-50);--color-background:var(--blue-50);--color-surface:var(--white);--color-surface-muted:var(--slate-50);--color-foreground:var(--slate-900);--color-muted-foreground:var(--slate-600);--color-border:var(--slate-200);--color-ring:var(--blue-600);--font-heading:"Baloo 2", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--button-bg:var(--color-primary);--button-fg:var(--color-on-primary);--button-radius:var(--radius-md);--button-min-height:48px;--card-bg:var(--color-surface);--card-border:var(--color-border);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-sm);--focus-width:3px;--focus-offset:3px}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 12% 8%, var(--amber-100) 0, transparent 22rem), radial-gradient(circle at 90% 18%, var(--blue-100) 0, transparent 28rem), var(--color-background);min-width:320px;min-height:100vh;color:var(--color-foreground);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,a:focus-visible{outline:var(--focus-width) solid var(--color-ring);outline-offset:var(--focus-offset)}button:disabled{cursor:default}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand strong,.primary-button,.secondary-button{font-family:var(--font-heading)}h1,h2,h3{line-height:1.12}svg{flex:none}.skip-link{z-index:9999;top:var(--space-3);left:var(--space-3);border-radius:var(--radius-sm);background:var(--color-foreground);color:var(--white);padding:var(--space-3) var(--space-4);transition:transform var(--duration-fast);position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.site-header{z-index:100;border-bottom:1px solid color-mix(in srgb, var(--color-border) 75%, transparent);background:color-mix(in srgb, var(--color-background) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-6);width:min(1180px,100% - 40px);min-height:76px;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-3);padding:var(--space-2);margin-left:calc(var(--space-2) * -1);text-align:left;border-radius:var(--radius-md);background:0 0;border:0;display:inline-flex}.brand-mark{background:var(--color-primary);width:48px;height:48px;color:var(--white);box-shadow:0 4px 0 var(--color-primary-hover);border-radius:16px 16px 16px 6px;place-items:center;display:grid}.brand-mark svg{width:27px;height:27px}.brand>span:last-child{display:grid}.brand strong{font-size:1.22rem;line-height:1.1}.brand small{color:var(--color-muted-foreground);font-size:.74rem;font-weight:700}.desktop-nav{align-items:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in srgb, var(--white) 78%, transparent);padding:5px;display:flex}.desktop-nav button,.mobile-menu button{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);min-height:44px;color:var(--color-muted-foreground);padding:0 var(--space-4);transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:0;font-weight:800;display:inline-flex}.desktop-nav button svg,.mobile-menu button svg{width:19px;height:19px}.desktop-nav button:hover,.desktop-nav button.active,.mobile-menu button.active{background:var(--blue-100);color:var(--color-primary-hover)}.icon-button.mobile-menu-button,.mobile-menu,.bottom-nav{display:none}.icon-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:48px;height:48px;color:var(--color-foreground);transition:background var(--duration-fast), transform var(--duration-fast);place-items:center;display:inline-grid}.icon-button:hover{background:var(--blue-50)}.main-content{min-height:calc(100vh - 148px)}.page{width:min(1180px,100% - 40px);padding:var(--space-10) 0 var(--space-12);margin:0 auto}.eyebrow{align-items:center;gap:var(--space-2);color:var(--color-primary-hover);letter-spacing:.055em;text-transform:uppercase;font-size:.78rem;font-weight:900;display:inline-flex}.eyebrow svg{width:17px;height:17px}.primary-button,.secondary-button{min-height:var(--button-min-height);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--button-radius);padding:var(--space-3) var(--space-5);transition:background var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast);border:0;font-size:1.05rem;font-weight:700;line-height:1.1;display:inline-flex}.primary-button{background:var(--button-bg);color:var(--button-fg);box-shadow:0 4px 0 var(--color-primary-hover), 0 10px 24px color-mix(in srgb, var(--color-primary) 22%, transparent)}.primary-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.primary-button:active{box-shadow:0 2px 0 var(--color-primary-hover);transform:translateY(2px)}.primary-button.large{min-height:58px;padding-inline:var(--space-8);border-radius:18px;font-size:1.16rem}.primary-button.compact{min-height:44px;padding:var(--space-2) var(--space-4);box-shadow:none;margin-left:auto;font-size:.96rem}.secondary-button{border:2px solid var(--blue-200);background:var(--blue-50);color:var(--color-primary-hover)}.text-button,.danger-text-button{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);min-height:44px;padding:var(--space-2);background:0 0;border:0;font-weight:800;display:inline-flex}.text-button{color:var(--color-primary-hover)}.danger-text-button{color:var(--color-error)}.text-button svg,.danger-text-button svg{width:18px;height:18px}.hero-card{isolation:isolate;border:1px solid var(--blue-200);background:linear-gradient(135deg, var(--white) 0%, var(--blue-50) 52%, var(--blue-100) 100%);min-height:450px;box-shadow:var(--shadow-md);border-radius:34px;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:clamp(32px,5vw,64px)}.hero-copy h1{max-width:680px;margin:var(--space-3) 0 var(--space-4);letter-spacing:-.035em;font-size:clamp(2.5rem,5vw,4.7rem)}.hero-copy h1 span{color:var(--color-primary)}.hero-copy>p{max-width:590px;margin-bottom:var(--space-8);color:var(--color-muted-foreground);font-size:1.14rem;font-weight:600}.hero-actions{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.hero-actions>span{align-items:center;gap:var(--space-2);color:var(--color-muted-foreground);font-weight:800;display:inline-flex}.hero-actions>span svg{width:20px}.hero-garden{align-self:stretch;min-height:440px;position:relative}.sun-shape{border:13px solid var(--amber-100);background:var(--color-secondary);width:86px;height:86px;box-shadow:0 0 0 10px color-mix(in srgb, var(--color-secondary) 14%, transparent);border-radius:50%;position:absolute;top:52px;right:58px}.cloud-shape{border-radius:var(--radius-full);background:var(--white);width:88px;height:31px;box-shadow:var(--shadow-sm);position:absolute}.cloud-shape:before,.cloud-shape:after{content:"";background:var(--white);border-radius:50%;position:absolute;bottom:0}.cloud-shape:before{width:42px;height:42px;left:14px}.cloud-shape:after{width:32px;height:32px;right:10px}.cloud-one{top:95px;left:22px}.cloud-two{top:180px;right:10px;transform:scale(.72)}.hill{z-index:-1;border-radius:50%;width:520px;height:350px;position:absolute;bottom:-165px;right:-80px}.hill-one{background:color-mix(in srgb, var(--green-50) 45%, var(--blue-100));transform:translate(-170px)}.hill-two{background:color-mix(in srgb, var(--color-secondary) 20%, var(--green-50))}.garden-book{z-index:2;border:9px solid var(--white);background:var(--color-accent);width:210px;height:170px;color:var(--white);box-shadow:0 12px 0 color-mix(in srgb, var(--color-accent) 72%, var(--color-foreground)), 0 24px 44px color-mix(in srgb, var(--color-accent) 25%, transparent);border-radius:30px 30px 30px 8px;place-items:center;display:grid;position:absolute;top:145px;left:50%;transform:translate(-50%)rotate(-4deg)}.garden-book svg{opacity:.3;width:86px;height:86px}.garden-book span{font-family:var(--font-heading);font-size:3.7rem;font-weight:700;position:absolute}.sprout-shape{z-index:3;color:var(--color-success);position:absolute;bottom:48px;right:76px}.sprout-shape svg{stroke-width:2.4px;width:68px;height:68px}.today-section,.preview-section,.dashboard-grid{margin-top:var(--space-12)}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-5);margin-bottom:var(--space-5);display:flex}.section-heading h2{margin:var(--space-1) 0 0;font-size:clamp(1.8rem,3vw,2.45rem)}.lesson-route{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.route-card{border:1px solid var(--color-border);border-radius:var(--card-radius);background:var(--card-bg);min-height:210px;padding:var(--space-5);box-shadow:var(--card-shadow);transition:transform var(--duration-normal), box-shadow var(--duration-normal);position:relative;overflow:hidden}.route-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.route-number{top:var(--space-4);right:var(--space-4);color:var(--slate-200);font-family:var(--font-heading);font-size:2rem;font-weight:700;position:absolute}.route-icon{width:54px;height:54px;margin-bottom:var(--space-5);background:var(--blue-100);color:var(--color-primary-hover);border-radius:17px 17px 17px 6px;place-items:center;display:grid}.route-card:nth-child(2) .route-icon{background:var(--amber-100);color:var(--amber-700)}.route-card:nth-child(3) .route-icon{background:var(--pink-50);color:var(--color-accent)}.route-card:nth-child(4) .route-icon{background:var(--green-50);color:var(--color-success)}.route-card small{color:var(--color-muted-foreground);font-weight:800}.route-card h3{margin:var(--space-1) 0 var(--space-2);font-size:1.35rem}.route-card p{color:var(--color-muted-foreground);margin:0;font-size:.92rem}.word-preview-row{gap:var(--space-3);grid-template-columns:repeat(6,1fr);display:grid}.preview-word{place-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--white);min-width:0;padding:var(--space-4) var(--space-2);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast), border var(--duration-fast);display:grid}.preview-word:hover{border-color:var(--blue-500);transform:translateY(-2px)}.preview-word strong{max-width:100%;color:var(--color-foreground);font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;overflow:hidden}.preview-word>svg{width:17px;color:var(--color-primary)}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}.progress-card,.parent-tip-card,.mini-stat-card,.settings-card,.summary-card,.principles-card,.data-card{border:1px solid var(--color-border);border-radius:var(--card-radius);background:var(--card-bg);box-shadow:var(--card-shadow)}.progress-card,.parent-tip-card{align-items:center;gap:var(--space-6);min-height:220px;padding:var(--space-6);grid-column:span 3;display:flex}.progress-card h2,.parent-tip-card h2{margin:var(--space-1) 0 var(--space-2);font-size:1.55rem}.progress-card p,.parent-tip-card p{color:var(--color-muted-foreground);margin:0}.progress-ring{background:conic-gradient(var(--color-primary) var(--progress), var(--blue-100) 0);border-radius:50%;flex:0 0 132px;place-items:center;width:132px;height:132px;display:grid;position:relative}.progress-ring:before{content:"";background:var(--white);border-radius:50%;position:absolute;inset:13px}.progress-ring span{z-index:1;text-align:center;display:grid}.progress-ring strong{font-family:var(--font-heading);font-size:1.7rem;line-height:1}.progress-ring small{color:var(--color-muted-foreground);font-weight:800}.parent-tip-card{background:linear-gradient(145deg, var(--amber-50), var(--white))}.tip-icon{background:var(--color-secondary);width:72px;height:72px;color:var(--color-on-secondary);box-shadow:0 5px 0 var(--amber-700);border-radius:23px 23px 23px 8px;flex:0 0 72px;place-items:center;display:grid}.tip-icon svg{width:34px;height:34px}.mini-stat-card{text-align:center;min-height:150px;padding:var(--space-5);grid-column:span 2;place-content:center;display:grid}.mini-stat-card svg{width:25px;margin:0 auto var(--space-2);color:var(--color-primary)}.mini-stat-card:nth-child(4) svg{color:var(--color-secondary)}.mini-stat-card:nth-child(5) svg{color:var(--color-accent)}.mini-stat-card strong{font-family:var(--font-heading);font-size:2.2rem;line-height:1}.mini-stat-card span{color:var(--color-muted-foreground);font-weight:700}.page-header{max-width:780px;margin:0 auto var(--space-10);text-align:center}.page-header h1{margin:var(--space-2) 0 var(--space-3);letter-spacing:-.035em;font-size:clamp(2.4rem,5vw,4.2rem)}.page-header p{color:var(--color-muted-foreground);font-size:1.08rem}.library-toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--white);padding:var(--space-3);box-shadow:var(--shadow-sm);display:flex}.search-field{align-items:center;gap:var(--space-2);flex:1;min-width:260px;display:flex}.search-field svg{color:var(--color-muted-foreground)}.search-field input,.select-field select,.setting-row input:not([type=checkbox]):not([type=range]),.setting-row select,.spell-input input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);min-height:46px;color:var(--color-foreground);padding:0 var(--space-3)}.search-field input{background:0 0;border:0;width:100%;font-weight:700}.select-field select{min-width:180px}.result-count{padding-inline:var(--space-3);color:var(--color-muted-foreground);white-space:nowrap;font-weight:800}.library-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.library-word-card{align-items:center;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--white);min-height:166px;padding:var(--space-5);box-shadow:var(--shadow-sm);grid-template-columns:82px 1fr 48px;display:grid;position:relative}.library-word-main{min-width:0}.library-word-main .topic-tag{border-radius:var(--radius-full);background:var(--blue-50);color:var(--color-primary-hover);letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;font-size:.7rem;font-weight:900;display:inline-flex}.library-word-main h2{margin:var(--space-1) var(--space-2) 0 0;font-size:1.7rem;display:inline}.library-word-main .ipa{color:var(--color-muted-foreground);font-size:.9rem}.library-word-main p{margin:0;font-weight:800}.library-word-main>small{color:var(--color-muted-foreground);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sound-button.icon-only{border-radius:50%;width:48px;height:48px;padding:0}.mastery-status{right:var(--space-5);bottom:var(--space-3);align-items:center;gap:var(--space-2);display:flex;position:absolute}.mastery-status>span{gap:3px;display:flex}.mastery-status i{background:var(--slate-200);border-radius:50%;width:7px;height:7px}.mastery-status i.filled{background:var(--color-success)}.mastery-status small{color:var(--color-muted-foreground);font-size:.7rem;font-weight:800}.empty-state{border:2px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;place-items:center;min-height:320px;display:grid}.empty-state svg{width:42px;height:42px;color:var(--slate-400)}.empty-state h2{margin:var(--space-3) 0 var(--space-1)}.empty-state p{color:var(--color-muted-foreground)}.stage-list{gap:var(--space-6);display:grid}.stage-card{gap:var(--space-8);border:1px solid var(--color-border);background:var(--white);padding:var(--space-8);box-shadow:var(--shadow-sm);border-radius:28px;grid-template-columns:330px 1fr;display:grid}.stage-intro{position:relative}.stage-number{color:var(--blue-100);font-family:var(--font-heading);font-size:6rem;font-weight:700;line-height:1;position:absolute;top:-20px;right:0}.stage-intro h2{margin:var(--space-3) 0 var(--space-2);font-size:2rem;position:relative}.stage-intro p{color:var(--color-muted-foreground);margin:0;position:relative}.week-list{gap:var(--space-2);display:grid}.week-card{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);min-height:76px;padding:var(--space-3) var(--space-4);text-align:left;transition:border var(--duration-fast), background var(--duration-fast), transform var(--duration-fast);grid-template-columns:72px 1fr auto;display:grid}.week-card:hover,.week-card.current{border-color:var(--blue-500);background:var(--blue-50);transform:translate(2px)}.week-index{border-radius:var(--radius-sm);background:var(--white);min-height:42px;color:var(--color-primary-hover);place-items:center;font-size:.78rem;font-weight:900;display:grid}.week-copy{min-width:0;display:grid}.week-copy strong{font-family:var(--font-heading);font-size:1.05rem}.week-copy small{color:var(--color-muted-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.week-progress{align-items:center;gap:var(--space-1);color:var(--color-muted-foreground);font-size:.78rem;font-weight:800;display:flex}.week-progress svg{width:18px}.parent-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;display:grid}.settings-card,.summary-card,.principles-card,.data-card{padding:var(--space-6)}.card-heading{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.card-heading>svg{border-radius:var(--radius-md);background:var(--blue-100);width:50px;height:50px;color:var(--color-primary-hover);padding:var(--space-3)}.card-heading h2{margin:0;font-size:1.5rem}.card-heading p{color:var(--color-muted-foreground);margin:0}.setting-row{justify-content:space-between;align-items:center;gap:var(--space-5);border-top:1px solid var(--color-border);min-height:82px;padding:var(--space-4) 0;display:flex}.setting-row>span:first-child{display:grid}.setting-row strong{font-weight:900}.setting-row small{color:var(--color-muted-foreground)}.setting-row input:not([type=range]):not([type=checkbox]),.setting-row select{width:min(260px,48%)}.segmented-control{border-radius:var(--radius-md);background:var(--slate-100);padding:4px;display:flex}.segmented-control button{min-height:40px;padding:0 var(--space-4);background:0 0;border:0;border-radius:10px;font-weight:800}.segmented-control button.active{background:var(--white);color:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.switch-input{appearance:none;border-radius:var(--radius-full);background:var(--slate-200);width:54px;height:30px;transition:background var(--duration-fast);position:relative}.switch-input:after{content:"";background:var(--white);width:22px;height:22px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast);border-radius:50%;position:absolute;top:4px;left:4px}.switch-input:checked{background:var(--color-primary)}.switch-input:checked:after{transform:translate(24px)}.range-row input{width:min(240px,44%);accent-color:var(--color-primary)}.parent-side{gap:var(--space-4);display:grid}.summary-stats{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.summary-stats div{border-radius:var(--radius-md);background:var(--blue-50);padding:var(--space-3);text-align:center;display:grid}.summary-stats strong{font-family:var(--font-heading);font-size:1.7rem}.summary-stats span{color:var(--color-muted-foreground);font-size:.75rem;font-weight:800}.principles-card{background:linear-gradient(145deg, var(--amber-50), var(--white))}.principles-card ul{gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.principles-card li{align-items:flex-start;gap:var(--space-2);display:flex}.principles-card li svg{width:20px;color:var(--color-success);margin-top:2px}.data-card p{color:var(--color-muted-foreground)}.data-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.site-footer{align-items:center;gap:var(--space-2);border-top:1px solid var(--color-border);width:min(1180px,100% - 40px);min-height:72px;color:var(--color-muted-foreground);margin:0 auto;font-size:.85rem;font-weight:700;display:flex}.site-footer>svg{color:var(--color-success)}.privacy-note{align-items:center;gap:var(--space-1);margin-left:auto;display:inline-flex}.privacy-note svg{width:16px}.word-visual{--word-color:var(--color-primary);isolation:isolate;background:color-mix(in srgb, var(--word-color) 14%, var(--white));width:260px;height:260px;color:var(--word-color);border-radius:42% 58% 54% 46%/50% 44% 56% 50%;place-items:center;display:grid;position:relative}.word-visual.compact{border-radius:24px 24px 24px 8px;width:72px;height:72px}.icon-visual>svg{z-index:2;filter:drop-shadow(0 5px 0 color-mix(in srgb, var(--word-color) 18%, transparent))}.visual-blob{z-index:-1;background:color-mix(in srgb, var(--word-color) 10%, var(--white));border-radius:48% 52% 36% 64%/54% 42% 58% 46%;width:74%;height:74%;position:absolute;transform:rotate(8deg)}.visual-label{max-width:86%;color:color-mix(in srgb, var(--word-color) 76%, var(--color-foreground));font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;position:absolute;bottom:15px;overflow:hidden}.color-visual .color-swatch{border:9px solid var(--white);background:var(--word-color);width:65%;height:65%;box-shadow:0 10px 0 color-mix(in srgb, var(--word-color) 48%, var(--color-foreground));border-radius:50% 42% 50% 45%;transform:rotate(-8deg)}.number-visual strong,.sight-visual strong{font-family:var(--font-heading);font-size:7rem;line-height:1}.word-visual.compact.number-visual strong,.word-visual.compact.sight-visual strong{font-size:2.4rem}.number-dots{flex-wrap:wrap;justify-content:center;gap:5px;display:flex;position:absolute;bottom:17px;left:18px;right:18px}.number-dots i{background:currentColor;border-radius:50%;width:10px;height:10px}.session-shell{background:radial-gradient(circle at 5% 4%, var(--amber-100), transparent 20rem), radial-gradient(circle at 95% 20%, var(--blue-100), transparent 26rem), var(--color-background);min-height:100vh}.session-header{z-index:50;align-items:center;gap:var(--space-5);grid-template-columns:56px 1fr auto;width:min(1120px,100% - 32px);min-height:76px;margin:0 auto;display:grid;position:sticky;top:0}.session-progress{gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}.session-progress span{border-radius:var(--radius-full);background:var(--blue-100);height:8px}.session-progress span.active{background:var(--color-primary)}.session-timer{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--white);min-height:44px;color:var(--color-muted-foreground);padding:0 var(--space-4);box-shadow:var(--shadow-sm);font-weight:900;display:inline-flex}.session-timer svg{width:19px}.session-timer.overtime{background:var(--amber-50);color:var(--amber-700)}.session-main{width:min(1040px,100% - 32px);padding:var(--space-5) 0 var(--space-10);margin:0 auto}.activity-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 120px);display:flex}.activity-panel>h1{margin:var(--space-2) 0 var(--space-3);font-size:clamp(2.4rem,5vw,4.4rem)}.activity-lead{max-width:600px;color:var(--color-muted-foreground);font-size:1.1rem;font-weight:600}.phonics-bubble{justify-content:center;align-items:center;gap:var(--space-4);width:min(680px,100%);min-height:150px;margin:var(--space-6) 0;border:3px solid var(--blue-200);background:var(--white);color:var(--color-primary-hover);box-shadow:0 8px 0 var(--blue-200), var(--shadow-md);padding:var(--space-6);border-radius:32px 32px 32px 10px;display:flex}.phonics-bubble svg{width:42px;height:42px}.phonics-bubble strong{font-family:var(--font-heading);font-size:clamp(1.5rem,4vw,2.5rem)}.movement-card{align-items:center;gap:var(--space-3);width:min(680px,100%);margin-bottom:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--amber-50);padding:var(--space-4);text-align:left;display:flex}.movement-card>svg{background:var(--color-secondary);width:46px;height:46px;color:var(--color-on-secondary);padding:var(--space-3);border-radius:15px}.movement-card div{display:grid}.movement-card span{color:var(--color-muted-foreground)}.learn-panel{padding-top:var(--space-2);justify-content:flex-start}.activity-topline{width:100%;margin-bottom:var(--space-4);justify-content:space-between;display:flex}.micro-copy{color:var(--color-muted-foreground);font-size:.82rem;font-weight:800}.learn-grid{border:1px solid var(--color-border);background:var(--white);width:100%;box-shadow:var(--shadow-md);text-align:left;border-radius:32px;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr);align-items:center;gap:clamp(32px,7vw,84px);padding:clamp(24px,4vw,46px);display:grid}.learn-grid>.word-visual{justify-self:center}.word-content h1{margin:var(--space-1) 0 0;letter-spacing:-.035em;font-size:clamp(4rem,9vw,6.5rem)}.word-content .ipa{color:var(--color-muted-foreground);margin:0;font-size:1.2rem}.sound-button,.listen-hero,.write-word-sound{justify-content:center;align-items:center;gap:var(--space-2);background:var(--blue-100);color:var(--color-primary-hover);border:0;font-weight:900;display:inline-flex}.sound-button{border-radius:var(--radius-full);min-height:44px;padding:0 var(--space-4)}.sound-button svg{width:20px}.phonics-line{margin:var(--space-3) 0;border-radius:var(--radius-sm);background:var(--amber-50);color:var(--amber-700);padding:var(--space-2) var(--space-3);font-family:var(--font-heading);font-size:1.12rem;font-weight:700;display:inline-block}.translation{margin-bottom:var(--space-3);color:var(--color-foreground);font-weight:900}.example-lines{gap:var(--space-2);display:grid}.example-lines button{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);min-height:44px;padding:var(--space-2) var(--space-3);text-align:left;font-size:1rem;font-weight:800;display:flex}.example-lines button:hover{border-color:var(--blue-500);background:var(--blue-50)}.example-lines svg{width:19px;color:var(--color-primary)}.action-cue{margin:var(--space-4) 0}.quiz-panel{padding-top:var(--space-3);justify-content:flex-start}.quiz-panel h1{font-size:clamp(2.3rem,5vw,3.7rem)}.listen-hero{min-height:82px;margin:var(--space-3) 0 var(--space-5);border:3px solid var(--blue-200);border-radius:var(--radius-full);background:var(--white);padding:0 var(--space-8);box-shadow:0 6px 0 var(--blue-200);font-size:1.15rem}.listen-hero svg{width:34px;height:34px}.answer-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);width:min(820px,100%);display:grid}.answer-card{align-content:center;place-items:center;gap:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--white);min-height:184px;padding:var(--space-4) var(--space-2);box-shadow:var(--shadow-sm);transition:border var(--duration-fast), transform var(--duration-fast), background var(--duration-fast);display:grid;position:relative}.answer-card:not(:disabled):hover{border-color:var(--blue-500);transform:translateY(-2px)}.answer-card strong{font-family:var(--font-heading);font-size:1.3rem}.answer-card.correct{border-color:var(--color-success);background:var(--color-success-soft)}.answer-card.incorrect{border-color:var(--color-error);background:var(--color-error-soft)}.answer-mark{top:var(--space-2);right:var(--space-2);background:var(--color-success);width:26px;height:26px;color:var(--white);border-radius:50%;padding:5px;position:absolute}.feedback{align-items:center;gap:var(--space-3);width:min(820px,100%);min-height:76px;margin-top:var(--space-4);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:left;display:flex}.feedback>svg{width:34px;height:34px}.feedback span{display:grid}.feedback.correct{background:var(--color-success-soft);color:var(--color-success)}.feedback.retry{background:var(--amber-50);color:var(--amber-700)}.write-panel{padding-top:var(--space-3);justify-content:flex-start}.write-panel h1{margin-bottom:var(--space-2);font-size:clamp(2.2rem,5vw,3.5rem)}.write-word-sound{border-radius:var(--radius-full);min-height:58px;padding:0 var(--space-5)}.write-word-sound strong{font-family:var(--font-heading);font-size:1.65rem}.write-word-sound span{color:var(--color-muted-foreground)}.trace-wrap{width:min(780px,100%);margin:var(--space-3) 0 var(--space-4)}.trace-board{border:3px solid var(--blue-200);background:linear-gradient(to bottom, transparent 49%, var(--blue-100) 50%, transparent 51%), var(--white);height:230px;box-shadow:0 7px 0 var(--blue-200), var(--shadow-md);border-radius:28px;position:relative;overflow:hidden}.trace-guide{color:var(--slate-200);font-family:var(--font-heading);letter-spacing:.02em;-webkit-text-stroke:2px var(--slate-400);place-items:center;font-size:clamp(4.5rem,13vw,8rem);font-weight:700;display:grid;position:absolute;inset:0}.trace-board canvas{z-index:2;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.clear-canvas{z-index:3;top:var(--space-3);right:var(--space-3);position:absolute}.spell-field{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4);color:var(--color-muted-foreground);font-weight:800;display:flex}.spell-input{align-items:center;display:inline-flex;position:relative}.spell-input input{background:var(--white);width:210px;font-family:var(--font-heading);font-size:1.2rem;font-weight:700}.spell-input.correct input{border-color:var(--color-success);padding-right:42px}.spell-input svg{right:var(--space-3);color:var(--color-success);position:absolute}.letter-cells{margin-top:var(--space-3);justify-content:center;gap:5px;display:flex}.letter-cells span{border-bottom:3px solid var(--blue-200);width:30px;height:38px;color:var(--color-primary-hover);font-family:var(--font-heading);place-items:center;font-size:1.15rem;font-weight:700;display:grid}.success-text{align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0;color:var(--color-success);font-weight:900;display:inline-flex}.success-text svg{width:20px}.complete-panel{max-width:880px;margin:0 auto}.celebration-mark{width:120px;height:120px;margin-bottom:var(--space-4);border:10px solid var(--amber-100);background:var(--color-secondary);color:var(--color-on-secondary);box-shadow:var(--shadow-md);border-radius:42% 58% 48% 52%;place-items:center;display:grid}.celebration-mark svg{width:56px;height:56px}.complete-stats{gap:var(--space-3);width:min(680px,100%);margin:var(--space-5) 0;grid-template-columns:repeat(3,1fr);display:grid}.complete-stats div{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--white);padding:var(--space-4);box-shadow:var(--shadow-sm);display:grid}.complete-stats strong{color:var(--color-primary);font-family:var(--font-heading);font-size:2.25rem}.complete-stats span{color:var(--color-muted-foreground);font-weight:800}.parent-note{align-items:center;gap:var(--space-3);width:min(680px,100%);margin-bottom:var(--space-6);border-radius:var(--radius-md);background:var(--amber-50);color:var(--amber-700);padding:var(--space-4);text-align:left;display:flex}.parent-note svg{width:32px;height:32px}.animate-in{animation:.32s ease-out both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.desktop-nav{display:none}.icon-button.mobile-menu-button{display:inline-grid}.mobile-menu{width:min(760px,100% - 32px);margin:0 auto var(--space-3);gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--white);padding:var(--space-2);box-shadow:var(--shadow-md);grid-template-columns:repeat(2,1fr);display:grid}.mobile-menu button{border-radius:var(--radius-sm);justify-content:flex-start}.hero-card{grid-template-columns:1fr 330px}.hero-copy h1{font-size:3.2rem}.lesson-route{grid-template-columns:repeat(2,1fr)}.word-preview-row{grid-template-columns:repeat(3,1fr)}.stage-card{grid-template-columns:1fr}.stage-intro{max-width:560px}.parent-layout{grid-template-columns:1fr}.parent-side{grid-template-columns:repeat(2,1fr)}.data-card{grid-column:span 2}.answer-grid{grid-template-columns:repeat(2,1fr)}.answer-card{text-align:left;grid-template-columns:auto 1fr;justify-items:start;min-height:140px}}@media (max-width:740px){body{padding-bottom:74px}.header-inner,.page,.site-footer{width:min(100% - 28px,680px)}.header-inner{min-height:68px}.brand-mark{width:44px;height:44px}.brand small,.icon-button.mobile-menu-button,.mobile-menu{display:none}.bottom-nav{z-index:200;padding:7px max(8px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--white) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{border-radius:var(--radius-sm);min-height:56px;color:var(--color-muted-foreground);background:0 0;border:0;align-content:center;place-items:center;gap:2px;font-size:.68rem;font-weight:800;display:grid}.bottom-nav button.active{background:var(--blue-50);color:var(--color-primary-hover)}.bottom-nav svg{width:21px;height:21px}.page{padding-top:var(--space-5)}.hero-card{border-radius:26px;grid-template-columns:1fr;min-height:auto}.hero-copy{padding:var(--space-6)}.hero-copy h1{font-size:clamp(2.5rem,13vw,3.5rem)}.hero-copy>p{margin-bottom:var(--space-5)}.hero-garden{min-height:260px}.garden-book{width:165px;height:135px;top:38px}.garden-book svg{width:68px}.sun-shape{border-width:9px;width:62px;height:62px;top:20px;right:26px}.cloud-one{top:30px;left:18px}.sprout-shape{bottom:27px;right:36px}.section-heading{align-items:flex-start}.section-heading .text-button{display:none}.lesson-route{scroll-snap-type:x mandatory;padding:2px 2px var(--space-3);display:flex;overflow-x:auto}.route-card{scroll-snap-align:start;min-width:240px;min-height:190px}.word-preview-row{scroll-snap-type:x mandatory;padding-bottom:var(--space-3);display:flex;overflow-x:auto}.preview-word{scroll-snap-align:start;min-width:130px}.dashboard-grid{grid-template-columns:1fr 1fr}.progress-card,.parent-tip-card{grid-column:span 2}.mini-stat-card{grid-column:span 1}.mini-stat-card:last-child{grid-column:span 2}.library-toolbar{flex-direction:column;align-items:stretch}.search-field{min-width:0}.select-field select{width:100%}.result-count{display:none}.library-grid{grid-template-columns:1fr}.stage-card{padding:var(--space-5)}.stage-number{font-size:4.5rem}.week-card{grid-template-columns:62px 1fr}.week-progress{display:none}.parent-side{grid-template-columns:1fr}.data-card{grid-column:auto}.setting-row{align-items:flex-start;gap:var(--space-2);flex-direction:column}.setting-row input:not([type=range]):not([type=checkbox]),.setting-row select,.range-row input{width:100%}.setting-row:has(.switch-input){padding-right:70px;position:relative}.setting-row .switch-input{width:54px;position:absolute;top:20px;right:0}.site-footer{display:none}.session-header{gap:var(--space-2);grid-template-columns:48px 1fr;width:calc(100% - 20px)}.session-timer{min-height:34px;padding-inline:var(--space-3);grid-area:2/2;justify-self:end;margin-top:-7px;font-size:.78rem}.session-main{width:min(100% - 24px,680px);padding-top:var(--space-2)}.activity-panel{min-height:calc(100vh - 120px);padding-top:var(--space-6);justify-content:flex-start}.learn-grid{gap:var(--space-4);padding:var(--space-5);text-align:center;grid-template-columns:1fr}.learn-grid>.word-visual{width:142px;height:142px}.learn-grid>.word-visual svg{width:62px;height:62px}.word-content h1{font-size:clamp(3rem,16vw,4.2rem)}.word-content .ipa{font-size:1rem}.phonics-line{margin:var(--space-1) 0;padding:var(--space-1) var(--space-2)}.translation{margin-bottom:var(--space-1)}.example-lines{gap:var(--space-1);text-align:left}.example-lines button{min-height:40px;padding-block:var(--space-1)}.action-cue{margin-top:var(--space-3)}.answer-card{grid-template-columns:64px 1fr;min-height:126px;display:grid}.answer-card .word-visual.compact{width:62px;height:62px}.feedback{flex-wrap:wrap}.feedback .primary-button{width:100%;margin-left:0}.trace-board{height:205px}.spell-field{text-align:left;flex-direction:column;align-items:stretch}.spell-input,.spell-input input{width:100%}}@media (max-width:480px){.page-header{margin-bottom:var(--space-6)}.hero-actions .primary-button{width:100%}.hero-actions>span{margin:0 auto}.today-section,.preview-section,.dashboard-grid{margin-top:var(--space-8)}.progress-card,.parent-tip-card{flex-direction:column;align-items:flex-start}.progress-ring{align-self:center}.library-word-card{gap:var(--space-3);padding:var(--space-4);grid-template-columns:68px 1fr 46px}.library-word-card .word-visual.compact{width:64px;height:64px}.mastery-status{right:var(--space-4)}.summary-stats{grid-template-columns:1fr}.answer-grid{gap:var(--space-2);grid-template-columns:1fr 1fr}.answer-card{min-height:142px;padding:var(--space-3);text-align:center;grid-template-columns:1fr;justify-items:center}.listen-hero{min-height:66px}.complete-stats{grid-template-columns:1fr}.complete-stats div{align-items:center;gap:var(--space-3);text-align:left;grid-template-columns:auto 1fr}.primary-button.large{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}