@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}@font-face{font-family:Fallback Rounded;src:local(Arial Rounded MT Bold);font-display:swap}:root{--blue:#2563eb;--blue-dark:#1d4ed8;--blue-pale:#eaf2ff;--purple:#7c3aed;--purple-pale:#f2eaff;--amber:#d97706;--amber-pale:#fff4d8;--green:#15803d;--green-pale:#e5f8eb;--pink:#db2777;--ink:#14213d;--muted:#52627a;--line:#dbe5f3;--paper:#fff;--canvas:#f4f8ff;--danger:#c52f3f;--shadow-sm:0 3px 0 #2543701a, 0 8px 24px #2b436914;--shadow-md:0 5px 0 #2543701c, 0 18px 42px #2b43691f;--radius-sm:14px;--radius-md:22px;--radius-lg:30px;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);margin:0}button,input{font:inherit}button{color:inherit}button,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:3px;outline:4px solid #fbbf24}button:disabled{cursor:not-allowed}svg{stroke-width:2.2px;width:1.25rem;height:1.25rem}h1,h2,h3,strong{font-family:"Baloo 2",Fallback Rounded,system-ui,sans-serif}button{cursor:pointer}.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}.skip-link{z-index:1000;background:var(--ink);color:#fff;border-radius:10px;padding:12px 18px;font-weight:800;transition:top .16s;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.app-shell{min-height:100vh}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;position:sticky;top:0;box-shadow:0 2px 14px #1831530f}.header-inner{align-items:center;gap:20px;width:min(1180px,100% - 32px);min-height:76px;margin:0 auto;display:flex}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:11px;min-height:52px;padding:4px;display:inline-flex}.brand-mark{background:var(--blue-pale);width:46px;height:46px;color:var(--blue);border:2px solid #b9d2ff;border-radius:15px;place-items:center;display:grid;box-shadow:inset 0 -3px #d3e3ff}.brand-mark svg{width:27px;height:27px}.brand>span:last-child{flex-direction:column;line-height:1.05;display:flex}.brand strong{font-size:1.18rem}.brand small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:4px;font-size:.76rem;font-weight:800}.desktop-nav{align-items:center;gap:4px;margin-left:auto;display:flex}.desktop-nav button{color:#475972;background:0 0;border:0;border-radius:12px;align-items:center;gap:7px;min-height:44px;padding:9px 13px;font-weight:800;transition:background .16s,color .16s,box-shadow .16s;display:inline-flex}.desktop-nav button:hover{color:var(--blue);background:#f1f6fd}.desktop-nav button.active{background:var(--blue-pale);color:var(--blue-dark);box-shadow:inset 0 -2px #bad3ff}.desktop-nav svg{width:18px;height:18px}.header-exam-pill{color:#8a4a08;background:#fff8e9;border:1px solid #ffd6a5;border-radius:13px;align-items:center;gap:7px;min-height:44px;padding:7px 12px;display:flex}.header-exam-pill span{font-size:.78rem;font-weight:800}.header-exam-pill strong{font-size:.98rem}.header-exam-pill svg{width:18px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.mobile-menu-button{display:none}.mobile-menu{grid-template-columns:repeat(2,1fr);gap:8px;width:min(1180px,100% - 28px);margin:0 auto;padding:0 0 12px;display:none}.mobile-menu button{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:9px;min-height:48px;padding:10px 14px;font-weight:800;display:flex}.mobile-menu button.active{background:var(--blue-pale);color:var(--blue-dark);border-color:#b2cdff}.bottom-nav{display:none}.main-content{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 72px}.page{animation:.32s ease-out both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.eyebrow{color:var(--blue-dark);letter-spacing:.075em;text-transform:uppercase;align-items:center;gap:7px;font-size:.78rem;font-weight:900;display:inline-flex}.eyebrow svg{width:17px;height:17px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.section-heading h2{margin:3px 0 0;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.08}.section-heading p{color:var(--muted);margin:6px 0 0;font-size:1rem;font-weight:700}.primary-button,.secondary-button,.completion-button{border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:11px 20px;font-family:"Baloo 2",sans-serif;font-size:1rem;font-weight:700;transition:background .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.primary-button{border:2px solid var(--blue-dark);background:var(--blue);color:#fff;box-shadow:0 4px #173f9e}.primary-button:hover{background:var(--blue-dark);box-shadow:0 2px #173f9e}.primary-button:active{box-shadow:none;transform:translateY(2px)}.primary-button.large{min-height:56px;padding:13px 24px;font-size:1.08rem}.primary-button.full{width:100%}.secondary-button{color:var(--ink);background:#fff;border:2px solid #b9c9de;box-shadow:0 3px #d5dfec}.secondary-button:hover{background:#f7faff;border-color:#8aa4c6}.hero-card{border-radius:var(--radius-lg);min-height:350px;box-shadow:var(--shadow-md);background:#fff;border:2px solid #bad2ff;grid-template-columns:1.35fr .65fr;align-items:center;gap:40px;padding:clamp(28px,5vw,58px);display:grid;position:relative;overflow:hidden}.hero-card:before,.hero-card:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.hero-card:before{opacity:.8;background:#ffe8a8;width:280px;height:280px;top:-130px;right:-85px}.hero-card:after{background:#d8f4e0;width:180px;height:180px;bottom:-145px;left:42%}.hero-copy{z-index:2;position:relative}.hero-copy h1{letter-spacing:-.025em;max-width:730px;margin:10px 0 12px;font-size:clamp(2.65rem,6vw,5rem);line-height:.94}.hero-copy h1 span{color:var(--blue)}.hero-copy>p{max-width:650px;color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.22rem);font-weight:700;line-height:1.55}.hero-actions{align-items:center;gap:18px;margin-top:26px;display:flex}.hero-actions>span{color:var(--muted);align-items:center;gap:7px;font-weight:800;display:inline-flex}.hero-countdown{aspect-ratio:1;z-index:2;background:var(--blue);color:#fff;width:min(260px,100%);box-shadow:0 0 0 12px var(--blue-pale), 0 12px 0 #1747aa, 0 24px 48px #2563eb3b;border:4px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;justify-self:center;align-items:center;display:flex;position:relative}.hero-countdown>span{font-family:"Baloo 2",sans-serif;font-size:1.12rem;font-weight:700;line-height:1}.hero-countdown>strong{margin:-3px 0 -7px;font-size:clamp(5.3rem,10vw,7.2rem);line-height:1}.hero-countdown>small{color:var(--blue-dark);background:#fff;border-radius:8px;margin-top:15px;padding:4px 11px;font-weight:900}.countdown-orbit{border:2px dashed #ffffff8c;border-radius:50%;position:absolute}.orbit-one{inset:18px}.orbit-two{inset:32px}.exam-strip{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;display:grid}.exam-strip article{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:116px;box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:14px;padding:18px;display:flex}.exam-icon{border-radius:14px;flex:0 0 47px;place-items:center;width:47px;height:47px;display:grid}.exam-icon.blue{background:var(--blue-pale);color:var(--blue)}.exam-icon.purple{background:var(--purple-pale);color:var(--purple)}.exam-icon.green{background:var(--green-pale);color:var(--green)}.exam-strip article div{flex-direction:column;min-width:0;display:flex}.exam-strip small{color:var(--muted);font-weight:900}.exam-strip strong{margin:2px 0;font-size:1.03rem;line-height:1.15}.exam-strip article div>span{color:var(--muted);font-size:.83rem;font-weight:700}.daily-mission,.plan-section{margin-top:48px}.completion-button{color:var(--muted);background:#fff;border:2px solid #b7c8de}.completion-button:hover{border-color:var(--green);color:var(--green)}.completion-button.done{background:var(--green-pale);color:#0d6a31;border-color:#8bcba0}.mission-topic-list{gap:12px;display:grid}.mission-topic{border:2px solid var(--line);text-align:left;width:100%;min-height:102px;box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;grid-template-columns:42px 58px 1fr auto;align-items:center;gap:14px;padding:15px 20px 15px 13px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.mission-topic:hover{box-shadow:var(--shadow-md);border-color:#a8c5ee;transform:translateY(-2px)}.mission-step{color:#47617e;background:#edf3fa;border-radius:11px;place-items:center;width:36px;height:36px;font-family:"Baloo 2",sans-serif;font-weight:800;display:grid}.topic-icon{background:var(--subject-pale,var(--blue-pale));width:48px;height:48px;color:var(--subject,var(--blue));border-radius:14px;place-items:center;display:grid}.topic-icon.large{border-radius:20px;width:70px;height:70px}.topic-icon.large svg{width:36px;height:36px}.mission-topic>span:nth-child(3){flex-direction:column;min-width:0;display:flex}.mission-topic small{color:var(--subject,var(--blue));text-transform:uppercase;font-weight:900}.mission-topic strong{margin:1px 0;font-size:1.3rem}.mission-topic em{color:var(--muted);font-size:.88rem;font-style:normal;font-weight:700}.mission-topic>svg{color:var(--subject,var(--blue))}.subject-english{--subject:var(--blue);--subject-dark:var(--blue-dark);--subject-pale:var(--blue-pale)}.subject-grammar{--subject:var(--purple);--subject-dark:#6628cc;--subject-pale:var(--purple-pale)}.subject-math{--subject:var(--amber);--subject-dark:#a95505;--subject-pale:var(--amber-pale)}.subject-science{--subject:var(--green);--subject-dark:#0e672f;--subject-pale:var(--green-pale)}.calm-card{background:var(--green-pale);border:2px solid #a6d8b5;border-radius:18px;align-items:center;gap:18px;padding:22px;display:flex}.calm-card>svg{width:46px;height:46px;color:var(--green)}.calm-card div{flex:1}.calm-card h3,.calm-card p{margin:0}.calm-card p{color:var(--muted);margin-top:3px}.overview-grid{grid-template-columns:1.5fr .8fr;gap:18px;margin-top:48px;display:grid}.progress-card,.best-score-card{border:1px solid var(--line);border-radius:var(--radius-md);min-height:190px;box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:24px;padding:24px;display:flex}.progress-ring{--progress:0deg;background:conic-gradient(var(--blue) var(--progress), #dfeafd 0);border-radius:50%;flex:0 0 124px;place-items:center;width:124px;height:124px;display:grid}.progress-ring:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:96px;height:96px}.progress-ring span{z-index:1;flex-direction:column;grid-area:1/1;align-items:center;display:flex}.progress-ring strong{color:var(--blue-dark);font-size:1.65rem}.progress-ring small{color:var(--muted);font-weight:800}.progress-card h2{margin:4px 0;font-size:1.55rem}.progress-card p{color:var(--muted);margin:0;line-height:1.45}.best-score-card{background:#fff8e7;border-color:#f8d88d}.best-score-card>span{color:#8b4b00;background:#ffdf7e;border-radius:19px;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 -4px #f3c754}.best-score-card>span svg{width:34px;height:34px}.best-score-card div{flex-direction:column;flex:1;display:flex}.best-score-card small,.best-score-card p{color:#735118;font-weight:800}.best-score-card strong{font-size:2.5rem;line-height:1}.best-score-card p{margin:4px 0 0;font-size:.85rem}.best-score-card>button{color:#9a5700;background:#fff;border:2px solid #e4ad3d;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.plan-scroller{scrollbar-color:#b7c7dc transparent;grid-template-columns:repeat(12,minmax(178px,1fr));gap:12px;padding:5px 3px 16px;display:grid;overflow-x:auto}.plan-day{border:2px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;min-height:210px;padding:17px;display:flex;position:relative}.plan-day.today{border-color:var(--blue);box-shadow:0 5px #bad2ff}.plan-day.done{background:#f4fff7;border-color:#8bcba0}.plan-date{color:var(--muted);font-size:.78rem;font-weight:900}.plan-dot{color:#7b8ca3;background:#edf3fa;border-radius:10px;place-items:center;width:34px;height:34px;margin:12px 0;display:grid}.plan-day.today .plan-dot{background:var(--blue-pale);color:var(--blue)}.plan-day.done .plan-dot{background:var(--green);color:#fff}.plan-day strong{font-size:1.05rem;line-height:1.2}.plan-day p{color:var(--muted);margin:5px 0 12px;font-size:.82rem;line-height:1.4}.plan-day>small{color:var(--blue-dark);margin-top:auto;font-weight:900}.page-header{border-radius:var(--radius-md);min-height:170px;box-shadow:var(--shadow-sm);background:#fff;border:2px solid #c6d9f5;align-items:center;gap:22px;padding:30px;display:flex}.page-header-icon{background:var(--blue-pale);width:78px;height:78px;color:var(--blue);border-radius:22px;flex:0 0 78px;place-items:center;display:grid;box-shadow:inset 0 -5px #d1e2ff}.page-header-icon svg{width:40px;height:40px}.page-header h1{margin:5px 0 4px;font-size:clamp(2rem,5vw,3.2rem);line-height:1}.page-header p{max-width:750px;color:var(--muted);margin:0;font-size:1.03rem;font-weight:650;line-height:1.5}.topic-tools{justify-content:space-between;align-items:center;gap:20px;margin:28px 0 20px;display:flex}.search-field{border:2px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:9px;width:min(340px,100%);min-height:48px;padding:0 14px;display:flex}.search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #dce9ff}.search-field svg{color:var(--muted)}.search-field input{width:100%;height:44px;color:var(--ink);background:0 0;border:0;outline:0;font-weight:700}.filter-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-chips button{border:2px solid var(--line);min-height:42px;color:var(--muted);background:#fff;border-radius:12px;padding:8px 15px;font-weight:850}.filter-chips button:hover{border-color:#a7bcd6}.filter-chips button.active{border-color:var(--blue);background:var(--blue-pale);color:var(--blue-dark)}.topic-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.topic-card{border:2px solid var(--line);border-radius:var(--radius-md);text-align:left;min-height:310px;box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;padding:21px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.topic-card:hover{border-color:var(--subject);box-shadow:var(--shadow-md);transform:translateY(-3px)}.topic-card-top{justify-content:space-between;align-items:center;display:flex}.topic-unit{color:var(--subject);text-transform:uppercase;font-size:.78rem;font-weight:900}.topic-card-copy{flex-direction:column;margin-top:17px;display:flex}.topic-card-copy strong{font-size:1.55rem;line-height:1.05}.topic-card-copy>span{color:var(--muted);margin-top:7px;font-size:.9rem;line-height:1.45}.topic-stats{color:var(--muted);gap:14px;margin-top:17px;font-size:.8rem;font-weight:850;display:flex}.topic-progress{flex-direction:column;gap:6px;margin-top:auto;padding-top:18px;display:flex}.topic-progress i{background:#e7edf6;border-radius:4px;height:7px;overflow:hidden}.topic-progress b{border-radius:inherit;background:var(--subject);height:100%;display:block}.topic-progress em{color:var(--muted);font-size:.75rem;font-style:normal;font-weight:800}.topic-open{color:var(--subject);justify-content:space-between;align-items:center;margin-top:14px;font-weight:900;display:flex}.empty-state{text-align:center;background:#fff;border:2px dashed #b8c9de;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.empty-state>svg{color:#8092aa;width:44px;height:44px}.empty-state h2{margin:12px 0 2px}.empty-state p{color:var(--muted);margin:0}.back-button{min-height:46px;color:var(--blue-dark);background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 13px;font-weight:900;display:inline-flex}.back-button:hover{background:var(--blue-pale)}.topic-detail-header{border:2px solid var(--subject);border-radius:var(--radius-md);background:var(--subject-pale);grid-template-columns:auto 1fr auto;align-items:center;gap:23px;min-height:190px;padding:30px;display:grid}.topic-detail-header h1{margin:5px 0 2px;font-size:clamp(2rem,5vw,3.3rem);line-height:1}.topic-detail-header p{color:var(--muted);margin:0;font-weight:700}.topic-detail-header .eyebrow{color:var(--subject-dark)}.topic-score{min-width:132px;box-shadow:var(--shadow-sm);background:#fff;border:2px solid #fffc;border-radius:18px;flex-direction:column;align-items:center;padding:17px;display:flex}.topic-score strong{color:var(--subject-dark);font-size:2rem}.topic-score span{color:var(--muted);font-size:.75rem;font-weight:900}.mode-switcher{border:1px solid var(--line);background:#fff;border-radius:16px;gap:7px;width:-moz-fit-content;width:fit-content;margin:24px auto;padding:6px;display:flex}.mode-switcher button{min-height:46px;color:var(--muted);background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;padding:9px 18px;font-weight:900;display:flex}.mode-switcher button.active{background:var(--blue);color:#fff}.flashcard-area,.pattern-study-area{max-width:830px;margin:0 auto}.study-card{border:3px solid var(--subject);min-height:480px;box-shadow:0 8px 0 var(--subject-pale), var(--shadow-md);text-align:center;background:#fff;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;padding:38px;display:flex;position:relative}.card-counter{color:var(--muted);font-size:.8rem;font-weight:900;position:absolute;top:20px;left:22px}.sound-orb{border:3px solid var(--subject);background:var(--subject-pale);width:94px;height:94px;color:var(--subject-dark);box-shadow:0 5px 0 color-mix(in srgb, var(--subject) 30%, white);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-bottom:20px;display:flex}.sound-orb:hover{background:#fff}.sound-orb svg{width:34px;height:34px}.sound-orb span{font-size:.72rem;font-weight:900}.study-card>strong{max-width:95%;color:var(--subject-dark);font-size:clamp(2.5rem,8vw,5.2rem);line-height:.98}.study-card>p{color:var(--muted);margin:10px 0 0;font-size:clamp(1.05rem,2.3vw,1.4rem);font-weight:800}.reveal-button{min-height:46px;color:var(--muted);background:#f8fbff;border:2px dashed #aebed3;border-radius:12px;margin-top:24px;padding:10px 18px;font-weight:900}.meaning-panel{background:var(--subject-pale);min-width:min(360px,90%);color:var(--subject-dark);border-radius:15px;flex-direction:column;margin-top:24px;padding:12px 22px;display:flex}.meaning-panel small{text-transform:uppercase;font-weight:900}.meaning-panel b{margin-top:2px;font-size:1.4rem}.master-button{min-height:46px;color:var(--muted);background:#fff;border:2px solid #d1dce9;border-radius:12px;align-items:center;gap:7px;padding:8px 13px;font-weight:900;display:inline-flex;position:absolute;top:17px;right:18px}.master-button.mastered{background:var(--green-pale);color:var(--green);border-color:#7fc697}.card-nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:22px;display:grid}.card-nav>button{background:#fff;border:2px solid #b9c9dd;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:9px 15px;font-weight:900;display:inline-flex}.card-nav>button:last-child{justify-self:end}.card-dots{gap:6px;display:flex}.card-dots i{background:#cbd7e6;border-radius:50%;width:9px;height:9px}.card-dots i.active{background:var(--blue);border-radius:5px;width:24px}.card-dots i.done{background:var(--green)}.all-terms-list{margin-top:38px}.all-terms-list h2{font-size:1.5rem}.all-terms-list>div{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.all-terms-list button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;min-height:58px;padding:10px 13px;display:grid}.all-terms-list button:hover,.all-terms-list button.active{border-color:var(--blue);background:var(--blue-pale)}.all-terms-list button span{font-weight:900}.all-terms-list button small{color:var(--muted)}.all-terms-list button svg{color:var(--green)}.pattern-card{min-height:470px;box-shadow:0 8px 0 var(--purple-pale), var(--shadow-md);text-align:center;background:#fff;border:3px solid #ccb5f7;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;padding:55px 42px 38px;display:flex;position:relative}.pattern-label{color:var(--purple);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;font-weight:900}.pattern-card h2{color:#5123a4;max-width:680px;margin:8px 0 9px;font-size:clamp(1.75rem,4.5vw,3rem);line-height:1.12}.pattern-card>p{max-width:680px;color:var(--blue-dark);margin:8px 0;font-family:"Baloo 2",sans-serif;font-size:clamp(1.35rem,3.3vw,2.15rem);font-weight:700;line-height:1.22}.inline-sound{min-height:42px;color:var(--muted);background:#f8fbff;border:1px solid #bdcbe0;border-radius:11px;align-items:center;gap:7px;padding:8px 13px;font-size:.86rem;font-weight:900;display:inline-flex}.answer-divider{width:min(440px,90%);color:var(--muted);text-transform:uppercase;align-items:center;gap:12px;margin:24px 0 4px;font-size:.72rem;font-weight:900;display:flex}.answer-divider:before,.answer-divider:after{content:"";background:var(--line);flex:1;height:1px}.pattern-card aside{color:#70410a;background:#fff6dc;border-radius:12px;align-items:center;gap:8px;max-width:630px;margin-top:20px;padding:10px 14px;font-size:.86rem;font-weight:800;display:flex}.speaking-tip{background:var(--blue-pale);border:2px solid #add2f8;border-radius:16px;align-items:center;gap:15px;margin-top:25px;padding:18px;display:flex}.speaking-tip>svg{width:36px;height:36px;color:var(--blue)}.speaking-tip h3,.speaking-tip p{margin:0}.speaking-tip p{color:var(--muted)}.topic-cta{background:#eaf3ff;border:2px solid #a9c3e8;border-radius:18px;align-items:center;gap:20px;max-width:830px;margin:45px auto 0;padding:20px 24px;display:flex}.topic-cta div{flex-direction:column;flex:1;display:flex}.topic-cta strong{font-size:1.2rem}.topic-cta span{color:var(--muted)}.quiz-setup{max-width:930px;box-shadow:var(--shadow-md);background:#fff;border:2px solid #c4d5ec;border-radius:28px;grid-template-columns:.75fr 1.25fr;margin:28px auto 0;display:grid;overflow:hidden}.quiz-setup-visual{background:var(--blue);place-items:center;min-height:490px;display:grid;position:relative;overflow:hidden}.quiz-setup-visual:before,.quiz-setup-visual:after{content:"";border:3px dashed #ffffff59;border-radius:50%;position:absolute}.quiz-setup-visual:before{width:320px;height:320px}.quiz-setup-visual:after{width:240px;height:240px}.quiz-setup-visual>span{z-index:2;color:#814600;background:#ffda6c;border:5px solid #fff;border-radius:44px;place-items:center;width:150px;height:150px;display:grid;transform:rotate(-6deg);box-shadow:0 10px #e5ae18}.quiz-setup-visual>span svg{width:80px;height:80px}.spark{background:#fff;border-radius:7px;width:22px;height:22px;position:absolute;transform:rotate(45deg)}.spark-one{top:80px;left:55px}.spark-two{background:#ffda6c;bottom:80px;right:50px}.quiz-setup-copy{padding:36px}.quiz-setup-copy h2{margin:4px 0 17px;font-size:2rem}.subject-options{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:18px;display:grid}.subject-options button{border:2px solid var(--line);text-align:left;background:#fff;border-radius:14px;align-items:center;gap:10px;min-height:70px;padding:11px 13px;display:flex}.subject-options button:hover{border-color:#9cb8dc}.subject-options button.active{border-color:var(--blue);background:var(--blue-pale);color:var(--blue-dark)}.subject-options button>svg{flex:none;width:25px;height:25px}.subject-options button span{flex-direction:column;display:flex}.subject-options button small{color:var(--muted);font-size:.75rem;font-weight:800}.quiz-record{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:15px 0 0;font-size:.85rem;font-weight:800;display:flex}.skill-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px;display:grid}.skill-row article{border:1px solid var(--line);text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:15px;display:flex}.skill-row svg{width:28px;height:28px;color:var(--blue);margin-bottom:7px}.skill-row strong{font-size:1.05rem}.skill-row span{color:var(--muted);font-size:.78rem}.quiz-page{max-width:840px;margin:0 auto}.quiz-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.quiz-header>div{flex:1}.quiz-progress{background:#dce6f3;border-radius:6px;height:9px;margin-top:7px;overflow:hidden}.quiz-progress i{border-radius:inherit;background:var(--blue);height:100%;transition:width .26s;display:block}.live-score{color:#7e4a00;background:#fff7dd;border:1px solid #f2cd76;border-radius:12px;align-items:center;gap:7px;padding:9px 13px;font-weight:900;display:flex}.question-card{min-height:590px;box-shadow:var(--shadow-md);background:#fff;border:2px solid #c3d5ec;border-radius:28px;flex-direction:column;padding:clamp(22px,5vw,45px);display:flex}.question-meta{align-items:center;gap:8px;display:flex}.question-meta span,.question-meta em{border-radius:8px;padding:4px 9px;font-size:.75rem;font-style:normal;font-weight:900}.question-meta span{background:var(--blue);color:#fff}.question-meta em{background:var(--blue-pale);color:var(--blue-dark)}.question-card h1{margin:20px 0 25px;font-size:clamp(1.8rem,5vw,3rem);line-height:1.12}.listen-button{border:3px solid var(--blue);background:var(--blue-pale);width:168px;min-height:104px;color:var(--blue-dark);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:20px auto 2px;display:flex;box-shadow:0 5px #bad2ff}.listen-button svg{width:42px;height:42px}.listen-button span{font-weight:900}.answer-options{gap:10px;display:grid}.answer-options button{border:2px solid var(--line);text-align:left;background:#fff;border-radius:15px;grid-template-columns:39px 1fr auto;align-items:center;gap:13px;width:100%;min-height:66px;padding:10px 16px;transition:border-color .15s,background .15s;display:grid}.answer-options button:not(:disabled):hover{border-color:var(--blue);background:var(--blue-pale)}.answer-options button>span{color:#51647c;background:#edf2f8;border-radius:10px;place-items:center;width:37px;height:37px;font-weight:900;display:grid}.answer-options button strong{font-size:1.05rem}.answer-options button.correct{background:#edfff2;border-color:#52aa70}.answer-options button.correct>span{background:var(--green);color:#fff}.answer-options button.correct>svg{color:var(--green)}.answer-options button.wrong{background:#fff1f2;border-color:#e38a94}.answer-options button.wrong>span{background:var(--danger);color:#fff}.answer-options button.wrong>svg{color:var(--danger)}.feedback-region{min-height:95px;margin-top:16px}.answer-feedback{border:2px solid;border-radius:14px;align-items:center;gap:13px;min-height:84px;padding:13px 16px;display:flex}.answer-feedback.correct{background:var(--green-pale);color:#0d632d;border-color:#83c99a}.answer-feedback.retry{color:#73450b;background:#fff8df;border-color:#f1c469}.answer-feedback>span{background:#fff;border-radius:11px;flex:none;place-items:center;width:39px;height:39px;display:grid}.answer-feedback strong{font-size:1.05rem}.answer-feedback p{margin:2px 0 0;font-size:.9rem;font-weight:700}.next-question{align-self:flex-end;margin-top:auto}.next-question:disabled{box-shadow:none;opacity:.75;background:#b7c1cf;border-color:#9eacbf}.quiz-result-page{max-width:780px;margin:25px auto}.result-card{min-height:540px;box-shadow:var(--shadow-md);text-align:center;background:#fff;border:3px solid #b9cdf0;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.result-card.strong{background:#fffbec;border-color:#f0be4d}.result-icon{background:var(--blue-pale);width:120px;height:120px;color:var(--blue);border-radius:36px;place-items:center;margin-bottom:20px;display:grid;transform:rotate(-4deg);box-shadow:inset 0 -8px #d2e3ff}.result-card.strong .result-icon{color:#814800;background:#ffe28d;box-shadow:inset 0 -8px #f6ca4e}.result-icon svg{width:64px;height:64px}.result-card h1{max-width:620px;margin:8px 0 15px;font-size:clamp(2rem,5vw,3.2rem);line-height:1}.result-score{align-items:baseline;gap:5px;display:flex}.result-score strong{color:var(--blue);font-size:5rem;line-height:1}.result-score span{color:var(--muted);font-weight:900}.result-card>p{color:var(--muted);font-size:1.05rem;font-weight:700}.result-actions{gap:10px;margin-top:12px;display:flex}.handbook-filters{justify-content:center;margin:26px 0 20px}.handbook-list{gap:13px;display:grid}.handbook-topic{border:2px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;overflow:hidden}.handbook-topic[open]{border-color:var(--subject)}.handbook-topic summary{cursor:pointer;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;min-height:88px;padding:16px 20px;list-style:none;display:grid}.handbook-topic summary::-webkit-details-marker{display:none}.handbook-topic summary>span:nth-child(2){flex-direction:column;display:flex}.handbook-topic summary small{color:var(--subject);text-transform:uppercase;font-weight:900}.handbook-topic summary strong{font-size:1.25rem}.handbook-topic summary em{color:var(--muted);font-size:.78rem;font-style:normal;font-weight:800}.handbook-topic summary>svg{color:var(--subject);transition:transform .18s}.handbook-topic[open] summary>svg{transform:rotate(90deg)}.handbook-patterns{border-top:1px solid var(--line);gap:9px;padding:5px 18px 18px;display:grid}.handbook-patterns article{background:#f8fbff;border-radius:13px;grid-template-columns:36px 1fr 46px;align-items:center;gap:13px;min-height:90px;padding:12px;display:grid}.handbook-patterns article>span{background:var(--subject-pale);width:32px;height:32px;color:var(--subject);border-radius:9px;place-items:center;font-weight:900;display:grid}.handbook-patterns article>div{flex-direction:column;display:flex}.handbook-patterns p{margin:0;font-weight:800}.handbook-patterns strong{color:var(--subject-dark);margin-top:3px;font-size:1.05rem}.handbook-patterns small{color:var(--muted);margin-top:4px}.handbook-patterns button{width:44px;height:44px;color:var(--subject);background:#fff;border:1px solid #b5c5da;border-radius:12px;place-items:center;display:grid}.handbook-tip{color:#70430a;background:#fff8df;border:2px solid #f0ca72;border-radius:16px;align-items:center;gap:14px;margin-top:25px;padding:18px;display:flex}.handbook-tip>svg{width:36px;height:36px}.handbook-tip strong{font-size:1.1rem}.handbook-tip p{margin:2px 0 0}.site-footer{border-top:1px solid var(--line);min-height:90px;color:var(--muted);text-align:center;background:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;padding:24px;font-size:.86rem;font-weight:750;display:flex}.site-footer span{align-items:center;gap:7px;display:inline-flex}.site-footer svg{color:var(--blue)}@media (max-width:1020px){.header-exam-pill{display:none}.hero-card{grid-template-columns:1.2fr .8fr}.exam-strip{grid-template-columns:1fr 1fr}.exam-strip article:last-child{grid-column:span 2}.topic-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}}@media (max-width:780px){.header-inner{min-height:68px}.desktop-nav{display:none}.mobile-menu-button{margin-left:auto;display:grid}.mobile-menu{display:grid}.main-content{width:min(100% - 24px,680px);padding-top:18px;padding-bottom:105px}.hero-card{text-align:center;grid-template-columns:1fr;gap:34px;min-height:auto;padding:30px 24px 42px}.hero-copy h1{margin-left:auto;margin-right:auto}.hero-copy>p{margin-inline:auto}.hero-actions{flex-wrap:wrap;justify-content:center}.hero-countdown{width:205px}.exam-strip{grid-template-columns:1fr}.exam-strip article:last-child{grid-column:auto}.section-heading{flex-direction:column;align-items:flex-start}.completion-button{width:100%}.topic-tools{flex-direction:column;align-items:stretch}.search-field{width:100%}.topic-grid{grid-template-columns:1fr}.topic-detail-header{grid-template-columns:auto 1fr}.topic-score{flex-direction:row;grid-column:span 2;justify-content:center;gap:8px;width:100%}.topic-score span{font-size:.85rem}.study-card{min-height:450px;padding:90px 20px 35px}.all-terms-list>div,.quiz-setup{grid-template-columns:1fr}.quiz-setup-visual{min-height:250px}.quiz-setup-visual>span{border-radius:34px;width:118px;height:118px}.quiz-setup-visual>span svg{width:62px;height:62px}.skill-row{grid-template-columns:repeat(2,1fr)}.bottom-nav{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:45;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border:1px solid #ccd8e7;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:3px;padding:6px;display:grid;position:fixed;box-shadow:0 10px 35px #162c4a38}.bottom-nav button{color:#63738a;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:5px 2px;font-size:.68rem;font-weight:850;display:flex}.bottom-nav button.active{background:var(--blue-pale);color:var(--blue-dark)}.bottom-nav svg{width:21px;height:21px}.site-footer{padding-bottom:105px}}@media (max-width:520px){.header-inner{width:calc(100% - 22px)}.brand-mark{width:42px;height:42px}.brand strong{font-size:1.02rem}.brand small{font-size:.66rem}.mobile-menu,.main-content{width:calc(100% - 20px)}.hero-card{border-radius:24px}.hero-copy h1{font-size:clamp(2.25rem,13vw,3.25rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .primary-button{width:100%}.exam-strip article{min-height:108px}.mission-topic{grid-template-columns:38px 48px 1fr;padding:13px 12px 13px 9px}.mission-topic>svg{display:none}.mission-step{width:32px;height:32px}.topic-icon{width:44px;height:44px}.progress-card{flex-direction:column;align-items:flex-start}.best-score-card{padding:18px}.page-header{align-items:flex-start;min-height:auto;padding:22px 18px}.page-header-icon{border-radius:16px;flex-basis:55px;width:55px;height:55px}.page-header-icon svg{width:29px;height:29px}.page-header h1{font-size:2rem}.filter-chips{grid-template-columns:repeat(3,1fr);display:grid}.filter-chips button{padding-inline:8px}.topic-detail-header{text-align:center;grid-template-columns:1fr;padding:22px 18px}.topic-detail-header .topic-icon{margin:0 auto}.topic-score{grid-column:auto}.mode-switcher{width:100%}.mode-switcher button{flex:1;padding:8px 10px;font-size:.85rem}.master-button{font-size:.78rem;top:15px;right:13px}.card-counter{top:20px;left:14px}.study-card{border-radius:24px}.study-card>strong{font-size:clamp(2.2rem,14vw,4rem)}.card-nav{grid-template-columns:1fr 1fr}.card-dots{display:none}.card-nav>button{padding:8px;font-size:.83rem}.pattern-card{border-radius:24px;min-height:440px;padding:55px 18px 30px}.topic-cta{flex-direction:column;align-items:stretch;padding:18px}.quiz-setup-copy{padding:25px 18px}.subject-options{grid-template-columns:1fr}.question-card{border-radius:22px;min-height:570px}.answer-options button{grid-template-columns:36px 1fr auto;padding:9px}.next-question{width:100%}.result-card{border-radius:25px;min-height:520px;padding:28px 18px}.result-actions{flex-direction:column;width:100%}.handbook-filters{grid-template-columns:repeat(3,1fr)}.handbook-topic summary{grid-template-columns:46px 1fr auto;padding:13px}.handbook-patterns{padding:5px 9px 10px}.handbook-patterns article{grid-template-columns:30px 1fr 42px;gap:8px;padding:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero-copy,.topic-card-copy,.mission-topic>span,.question-card{min-width:0}.hero-copy h1,.question-card h1,.topic-detail-header h1{overflow-wrap:anywhere}@media (max-width:520px){.hero-copy h1{font-size:clamp(1.95rem,10.5vw,2.65rem);line-height:1}.bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-nav button{min-width:0;overflow:hidden}.bottom-nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}}.main-content:focus,#quiz-result-title:focus{outline:none}.plan-scroller:focus-visible{outline-offset:4px;border-radius:12px;outline:4px solid #fbbf24}