:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#fff8ea;--cream-deep:#f6ecd6;--surface:#fffdf8;--line:#e5d9bf;--line-strong:#857d62;--teal:#1f6f68;--teal-dark:#154f4a;--teal-tint:#dff1ed;--yellow:#f7c948;--yellow-tint:#fdf1c7;--coral:#e8674a;--coral-dark:#a83a22;--coral-tint:#fdeae4;--ink:#1c2b29;--muted:#546462;--white:#fff;--radius-sm:10px;--radius:16px;--radius-lg:24px;--shadow-action:0 2px 0 #154f4a47,0 6px 14px #154f4a24;--shadow-float:0 12px 32px #1c2b292e;--sidebar-w:264px;--ad-h:84px;--nav-h:0px;--ad-gap:20px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--font:system-ui,-apple-system,"Segoe UI",Roboto,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Nanum Gothic",sans-serif;--font-ko:"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Nanum Gothic",system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.3,1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--cream);color:var(--ink);font-family:var(--font);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.55}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img,svg{max-width:100%}:lang(ko){font-family:var(--font-ko)}:focus{outline:none}:focus-visible{outline:3px solid var(--teal-dark);outline-offset:3px;box-shadow:0 0 0 6px var(--yellow)}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100dvh;padding-bottom:calc(var(--ad-h) + var(--nav-h) + var(--safe-b) + var(--ad-gap));grid-template-rows:auto 1fr;grid-template-areas:"sidebar topbar""sidebar main";display:grid}.sidebar{height:calc(100vh - var(--ad-h) - var(--safe-b));height:calc(100dvh - var(--ad-h) - var(--safe-b));padding:calc(20px + var(--safe-t)) 16px 20px calc(16px + var(--safe-l));background:var(--surface);border-right:1px solid var(--line);flex-direction:column;grid-area:sidebar;align-self:start;gap:8px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{min-height:48px;color:var(--ink);align-items:center;gap:12px;padding:4px 8px;text-decoration:none;display:flex}.brand-mark{background:var(--teal);border-radius:13px;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.brand-mark svg,.brand-mark img{width:100%;height:100%;display:block}.brand-copy{flex-direction:column;min-width:0;line-height:1.2;display:flex}.brand-copy strong{letter-spacing:-.01em;font-size:1.0625rem;font-weight:800}.brand-copy span{color:var(--muted);font-size:.8125rem}.sidebar .brand{margin-bottom:12px}.nav-item{border-radius:var(--radius-sm);width:100%;min-height:48px;color:var(--ink);text-align:start;cursor:pointer;transition:background-color .15s var(--ease);background:0 0;border:0;align-items:center;gap:12px;padding:10px 14px;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.nav-item svg{flex:none;width:24px;height:24px}.nav-item.active,.nav-item[aria-current=page]{background:var(--teal-tint);color:var(--teal-dark);box-shadow:inset 4px 0 0 var(--teal);font-weight:800}.sidebar-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:auto;padding:12px 8px 0;font-size:.8125rem}.topbar{z-index:40;padding:calc(12px + var(--safe-t)) calc(32px + var(--safe-r)) 12px 32px;-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fff8eaf0;grid-area:topbar;justify-content:flex-end;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar .brand{margin-inline-end:auto;display:none}.language-toggle{border:2px solid var(--line-strong);background:var(--surface);border-radius:999px;flex:none;gap:2px;padding:3px;display:inline-flex}.language-toggle button{min-width:52px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:.9375rem;font-weight:700}.language-toggle button[aria-pressed=true],.language-toggle button.active{background:var(--teal);color:var(--white)}.main-content{width:100%;max-width:1040px;padding:28px calc(32px + var(--safe-r)) 8px 32px;grid-area:main;min-width:0;margin:0 auto}.main-content>*+*{margin-top:28px}.page-heading{letter-spacing:-.015em;font-size:clamp(1.625rem,1.2rem + 1.8vw,2.25rem);font-weight:800;line-height:1.2}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--teal-dark);font-size:.8125rem;font-weight:800}.eyebrow:lang(ko){letter-spacing:.02em}.muted{color:var(--muted)}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;font-size:1.25rem;font-weight:800;line-height:1.3;display:flex}.mascot-scene,.hero-illustration,.unit-icon,.answer-emoji{pointer-events:none;-webkit-user-select:none;user-select:none}.mascot-scene{aspect-ratio:1;flex:none;width:clamp(96px,14vw,148px)}.mascot-scene svg,.hero-illustration svg{width:100%;height:100%;display:block}.welcome-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.welcome-row>:first-child{min-width:0}.welcome-row .page-heading{margin-top:4px}.hero-card{border-radius:var(--radius-lg);background:var(--teal);color:var(--white);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:28px;display:grid}.hero-card .eyebrow{color:var(--yellow)}.hero-card .muted{color:#d9ece8}.hero-copy{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;display:flex}.hero-copy h2{font-size:clamp(1.375rem,1.1rem + 1.2vw,1.875rem);font-weight:800;line-height:1.25}.hero-copy .primary-button{margin-top:8px}.hero-illustration{aspect-ratio:1;width:clamp(120px,18vw,200px)}.hero-card .primary-button{background:var(--yellow);color:var(--ink);box-shadow:0 2px #00000040,0 6px 14px #0000002e}.primary-button,.secondary-button,.text-button{text-align:center;cursor:pointer;min-height:52px;transition:transform .12s var(--ease),background-color .15s var(--ease),box-shadow .15s var(--ease);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1.0625rem;font-weight:800;line-height:1.25;text-decoration:none;display:inline-flex}.primary-button{background:var(--teal);color:var(--white);box-shadow:var(--shadow-action);border:0}.secondary-button{border:2px solid var(--teal);background:var(--surface);color:var(--teal-dark)}.text-button{min-height:48px;color:var(--teal-dark);text-underline-offset:4px;background:0 0;border:0;padding:10px 12px;text-decoration:underline;text-decoration-thickness:2px}.icon-button{border:2px solid var(--line-strong);background:var(--surface);width:48px;height:48px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button svg{width:24px;height:24px}.primary-button:active,.secondary-button:active,.answer-button:active,.token-button:active,.pair-item:active,.audio-button:active{transform:translateY(1px)scale(.99)}.primary-button:disabled,.secondary-button:disabled,.primary-button[aria-disabled=true]{background:var(--cream-deep);color:var(--muted);border:2px dashed var(--line-strong);box-shadow:none;cursor:not-allowed;transform:none}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat-card{border-radius:var(--radius);background:var(--cream-deep);flex-direction:column;gap:2px;padding:16px 18px;display:flex}.stat-value{color:var(--teal-dark);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800;line-height:1.2}.stat-label{color:var(--muted);font-size:.9375rem}.unit-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.unit-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex}.unit-card>header,.unit-card .unit-head{align-items:center;gap:14px;display:flex}.unit-card h3{font-size:1.125rem;font-weight:800;line-height:1.3}.unit-icon{background:var(--yellow-tint);width:52px;height:52px;color:var(--teal-dark);font-family:var(--font-ko);border-radius:50%;flex:none;place-items:center;font-size:1.625rem;font-weight:800;line-height:1;display:grid}.unit-meta{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:.9375rem;display:flex}.unit-card.completed{border-color:var(--teal);background:linear-gradient(var(--teal-tint),var(--surface) 72px)}.unit-card.completed .unit-icon{background:var(--teal);color:var(--white)}.unit-card.locked{background:var(--cream-deep);border-style:dashed;border-color:var(--line-strong)}.unit-card.locked h3,.unit-card.locked .unit-icon{color:var(--muted)}.unit-card.locked .unit-icon{background:var(--line)}.progress-track{background:var(--line);border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-fill{background:var(--teal);min-width:12px;height:100%;transition:width .4s var(--ease);border-radius:999px}.hero-card .progress-track{background:#ffffff47}.hero-card .progress-fill{background:var(--yellow)}.unit-lessons{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lesson-chip{border:2px solid var(--line-strong);background:var(--surface);min-width:48px;min-height:48px;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.lesson-chip.done{border-color:var(--teal);background:var(--teal-tint);color:var(--teal-dark)}.lesson-chip.done:before{content:"✓";font-weight:900}.lesson-chip.next{border-color:var(--ink);background:var(--yellow);color:var(--ink);box-shadow:0 2px #1c2b294d}.lesson-chip.locked{border:2px dashed var(--line);color:var(--muted);cursor:not-allowed;background:0 0}.note-card{border-radius:var(--radius);background:var(--yellow-tint);border-inline-start:6px solid var(--yellow);align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.note-card h3{font-size:1.0625rem;font-weight:800}.note-card [lang=ko]{font-size:1.25rem;font-weight:700}.mobile-nav{display:none}.ad-banner{z-index:60;height:calc(var(--ad-h) + var(--safe-b));padding:0 calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));border-top:2px solid var(--line-strong);background:#efe6d2;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.ad-label{letter-spacing:.08em;text-transform:uppercase;height:22px;color:var(--muted);pointer-events:none;align-items:center;font-size:.6875rem;font-weight:700;line-height:1;display:flex}.ad-placeholder{background:var(--surface);border:1px solid var(--line);width:100%;max-width:728px;height:50px;color:var(--muted);border-radius:4px;place-items:center;font-size:.8125rem;display:grid;overflow:hidden}.lesson-shell{flex-direction:column;gap:20px;width:100%;max-width:720px;margin-inline:auto;display:flex}.lesson-header{align-items:center;gap:14px;display:flex}.lesson-header .progress-track{flex:1;height:14px}.lesson-header .muted{font-variant-numeric:tabular-nums;flex:none;font-weight:700}.question-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 24px;display:flex}.question-type{background:var(--teal-tint);color:var(--teal-dark);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.8125rem;font-weight:800;display:inline-flex}.question-prompt{font-size:clamp(1.25rem,1rem + 1vw,1.625rem);font-weight:800;line-height:1.35}.question-hint{color:var(--muted);font-size:1rem}.question-glyph{font-family:var(--font-ko);color:var(--teal-dark);padding:4px 12px;font-size:clamp(4rem,22vw,7rem);font-weight:800;line-height:1.15}.audio-button{background:var(--teal);min-width:64px;min-height:64px;color:var(--white);cursor:pointer;box-shadow:var(--shadow-action);transition:transform .12s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:1.0625rem;font-weight:800;display:inline-flex}.audio-button svg{flex:none;width:28px;height:28px}.audio-button.playing{background:var(--teal-dark)}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.answer-button{border:2px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-height:72px;color:var(--ink);text-align:center;cursor:pointer;transition:transform .12s var(--ease),border-color .15s var(--ease),background-color .15s var(--ease);justify-content:center;align-items:center;gap:12px;padding:14px 18px;font-size:1.1875rem;font-weight:700;line-height:1.3;display:flex;position:relative}.answer-button:lang(ko),.answer-button [lang=ko]{font-family:var(--font-ko);font-size:1.75rem}.answer-button.has-image{flex-direction:column;padding:18px 14px}.answer-emoji{font-size:2.75rem;line-height:1.1}.answer-button.selected,.answer-button[aria-pressed=true]{border-color:var(--teal);background:var(--teal-tint);color:var(--teal-dark);border-width:3px}.answer-button.correct{border:3px solid var(--teal);background:var(--teal-tint);color:var(--teal-dark)}.answer-button.wrong{border:3px dashed var(--coral-dark);background:var(--coral-tint);color:var(--coral-dark)}.answer-button.correct:after,.answer-button.wrong:after,.pair-item.matched:after{top:6px;width:24px;height:24px;color:var(--white);border-radius:50%;place-items:center;font-size:.875rem;font-weight:900;line-height:1;display:grid;position:absolute;inset-inline-end:8px}.answer-button.correct:after,.pair-item.matched:after{content:"✓";background:var(--teal)}.answer-button.wrong:after{content:"✕";background:var(--coral-dark)}.answer-button:disabled{cursor:default;transform:none}.feedback{border-radius:var(--radius);border:2px solid var(--line-strong);background:var(--surface);align-items:flex-start;gap:12px;padding:16px 18px;font-weight:600;display:flex}.feedback strong{font-size:1.125rem;font-weight:800;display:block}.feedback.correct{border-color:var(--teal);background:var(--teal-tint);color:var(--teal-dark)}.feedback.wrong{border-color:var(--coral-dark);background:var(--coral-tint);color:var(--coral-dark)}.lesson-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.lesson-footer .primary-button{flex:220px;max-width:360px;margin-inline-start:auto}.pairing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pair-column{flex-direction:column;gap:10px;min-width:0;display:flex}.pair-item{border:2px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-height:60px;color:var(--ink);text-align:center;cursor:pointer;transition:transform .12s var(--ease);justify-content:center;align-items:center;padding:12px 14px;font-size:1.125rem;font-weight:700;display:flex;position:relative}.pair-item:lang(ko){font-family:var(--font-ko);font-size:1.5rem}.pair-item.selected{border:3px solid var(--teal);background:var(--teal-tint);color:var(--teal-dark)}.pair-item.matched{border:2px solid var(--line);background:var(--cream-deep);color:var(--muted);cursor:default}.pair-item.wrong{border:3px dashed var(--coral-dark);background:var(--coral-tint);color:var(--coral-dark);animation:hg-shake .3s var(--ease)}.sentence-answer{border:2px dashed var(--line-strong);border-radius:var(--radius);background:var(--cream-deep);flex-wrap:wrap;align-items:center;gap:8px;min-height:72px;padding:10px 12px;display:flex}.sentence-answer:empty:before{content:attr(data-placeholder);color:var(--muted);padding-inline:6px}.word-bank{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.token-button{border:2px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-width:52px;min-height:52px;color:var(--ink);font-family:var(--font-ko);cursor:pointer;transition:transform .12s var(--ease);justify-content:center;align-items:center;padding:8px 16px;font-size:1.375rem;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:0 2px #1c2b2929}.token-button.used,.token-button:disabled{border:2px dashed var(--line);color:#0000;box-shadow:none;cursor:default;background:0 0}.trace-canvas{aspect-ratio:1;border:2px solid var(--line-strong);border-radius:var(--radius-lg);background-color:var(--white);background-image:linear-gradient(to right,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) calc(50% + 1px),transparent calc(50% + 1px));touch-action:none;cursor:crosshair;width:min(100%,360px);margin-inline:auto;display:block}.trace-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.result-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:560px;margin-inline:auto;padding:32px 24px;display:flex}.result-card .stats-grid{width:100%}.result-card .primary-button{width:100%;max-width:360px}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.badge-card{border:2px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center;background:0 0;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;font-size:.9375rem;display:flex}.badge-card .unit-icon{background:var(--line);color:var(--muted)}.badge-card.earned{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.badge-card.earned .unit-icon{background:var(--yellow);color:var(--ink)}.setting-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:6px 20px}.setting-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;min-height:64px;padding:12px 0;display:flex}.setting-row+.setting-row{border-top:1px solid var(--line)}.setting-row>:first-child{flex:180px;min-width:0}.setting-row strong{font-weight:700;display:block}.switch{cursor:pointer;flex:none;justify-content:center;align-items:center;min-width:64px;min-height:48px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-track{background:var(--surface);border:2px solid var(--line-strong);width:56px;height:32px;transition:background-color .15s var(--ease),border-color .15s var(--ease);border-radius:999px;position:relative}.switch-track:after{content:"";background:var(--line-strong);width:22px;height:22px;transition:transform .15s var(--ease),background-color .15s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:var(--teal);border-color:var(--teal)}.switch input:checked+.switch-track:after{background:var(--white);transform:translate(24px)}.switch input:focus-visible+.switch-track{outline:3px solid var(--teal-dark);outline-offset:3px;box-shadow:0 0 0 6px var(--yellow)}.empty-state{border:2px dashed var(--line);border-radius:var(--radius-lg);text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-state h2,.empty-state h3{color:var(--ink);font-size:1.25rem;font-weight:800}.toast{left:50%;bottom:calc(var(--ad-h) + var(--nav-h) + var(--safe-b) + 28px);z-index:80;border-radius:var(--radius);background:var(--ink);width:max-content;max-width:min(92vw,480px);color:var(--white);text-align:center;box-shadow:var(--shadow-float);animation:hg-rise .25s var(--ease);padding:14px 20px;font-weight:700;position:fixed;transform:translate(-50%)}.modal-backdrop{inset:0 0 calc(var(--ad-h) + var(--safe-b)) 0;z-index:70;padding:calc(16px + var(--safe-t)) 16px 20px;background:#1c2b298c;place-items:center;display:grid;position:fixed;overflow-y:auto}.modal-card{border-radius:var(--radius-lg);background:var(--surface);width:100%;max-width:440px;max-height:100%;box-shadow:var(--shadow-float);animation:hg-rise .25s var(--ease);flex-direction:column;gap:14px;padding:24px;display:flex;overflow-y:auto}.modal-card h2{font-size:1.375rem;font-weight:800;line-height:1.3}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:6px;display:flex}@keyframes hg-rise{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes hg-shake{0%,to{translate:0}30%{translate:-5px}70%{translate:5px}}@media (hover:hover){.nav-item:hover{background:var(--cream-deep)}.nav-item.active:hover{background:var(--teal-tint)}.primary-button:hover:not(:disabled),.audio-button:hover{background:var(--teal-dark)}.hero-card .primary-button:hover{background:#ffd966}.secondary-button:hover,.icon-button:hover,.text-button:hover{background:var(--teal-tint)}.answer-button:hover:not(:disabled):not(.correct):not(.wrong),.pair-item:hover:not(.matched):not(.wrong),.token-button:hover:not(:disabled),.lesson-chip:hover:not(.locked){border-color:var(--teal)}}@media (width<=1024px){:root{--sidebar-w:220px}.main-content,.topbar{padding-inline:24px calc(24px + var(--safe-r))}}@media (width<=760px){:root{--ad-h:82px;--nav-h:64px}.app-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar""main"}.app-shell.is-lesson{--nav-h:0px}.app-shell.is-lesson .mobile-nav,.sidebar{display:none}.topbar{padding:calc(8px + var(--safe-t)) calc(16px + var(--safe-r)) 8px calc(16px + var(--safe-l));justify-content:space-between}.topbar .brand{min-width:0;padding-inline:0;display:flex}.topbar .brand-mark{border-radius:12px;width:40px;height:40px}.main-content{padding:20px calc(16px + var(--safe-r)) 4px calc(16px + var(--safe-l))}.main-content>*+*{margin-top:22px}.mobile-nav{left:0;right:0;bottom:calc(var(--ad-h) + var(--safe-b));z-index:50;min-height:var(--nav-h);padding:0 calc(4px + var(--safe-r)) 0 calc(4px + var(--safe-l));background:var(--surface);border-top:1px solid var(--line);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed}.mobile-nav .nav-item{min-height:var(--nav-h);text-align:center;border-radius:0;flex-direction:column;justify-content:center;gap:2px;padding:6px 2px;font-size:.75rem;line-height:1.2}.mobile-nav .nav-item.active,.mobile-nav .nav-item[aria-current=page]{box-shadow:inset 0 4px 0 var(--teal);background:0 0}.ad-banner{padding-bottom:calc(10px + var(--safe-b))}.hero-card{grid-template-columns:minmax(0,1fr);padding:22px 20px}.hero-illustration{order:-1;justify-self:center;width:120px}.hero-copy .primary-button{width:100%}.unit-grid{grid-template-columns:minmax(0,1fr)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-card{padding:22px 16px}.lesson-footer .primary-button{flex-basis:100%;max-width:none}.modal-backdrop{place-items:end center}.modal-actions>*{flex:140px}}@media (width<=380px){.main-content,.topbar{padding-inline:calc(12px + var(--safe-l)) calc(12px + var(--safe-r))}.topbar .brand-copy span{display:none}.language-toggle button{min-width:44px;padding-inline:10px}.welcome-row .mascot-scene{width:80px}.answer-grid{grid-template-columns:minmax(0,1fr)}.answer-grid.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-button{min-height:64px;padding:12px}.pairing-grid{gap:10px}.pair-item{padding:10px 8px;font-size:1rem}.pair-item:lang(ko){font-size:1.3125rem}.stat-card{padding:14px}.stat-value{font-size:1.5rem}.unit-card,.setting-card,.primary-button,.secondary-button{padding-inline:16px}.mobile-nav .nav-item{font-size:.6875rem}}@media (height<=480px) and (orientation:landscape){.topbar{position:static}.question-glyph{font-size:clamp(3rem,18vh,4.5rem)}.question-card{padding-block:16px}.trace-canvas{width:min(100%,56vh)}.hero-illustration{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.primary-button:active,.secondary-button:active,.answer-button:active,.token-button:active,.pair-item:active,.audio-button:active{transform:none}}@media (forced-colors:active){.progress-fill{background:highlight}.answer-button.selected,.pair-item.selected,.nav-item.active{outline:3px solid highlight}.switch-track,.ad-banner,.unit-card,.question-card{border:2px solid canvastext}}.app-shell{align-items:stretch;display:flex}.sidebar{width:var(--sidebar-w);flex:none}.app-body{flex:1;min-width:0}.topbar{justify-content:space-between;min-height:77px}.main-content{padding-bottom:40px}.brand{text-align:left;cursor:pointer;background:0 0;border:0}.sidebar nav{gap:7px;display:grid}.brand-copy span{letter-spacing:.13em;margin-top:5px;font-size:11px}.sidebar-footer img{width:112px;height:112px;margin:0 auto 8px;display:block}.sidebar-footer{text-align:center}.sidebar-footer p{font-size:15px}.page-heading{font-size:1rem;font-weight:400;line-height:1.5}.page-heading h1{letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;line-height:1.2}.page-heading>.muted{font-size:16px}.section-heading{font-size:1rem;font-weight:400}.section-heading h2{letter-spacing:-.025em;font-size:23px;font-weight:800}.section-heading p{margin-top:8px;font-size:15px;font-weight:400}.completion-count{white-space:nowrap;color:var(--muted);font-size:14px}.course-pill{display:none}.hero-card{min-height:235px;overflow:hidden}.hero-copy h2{letter-spacing:-.025em;margin:10px 0;font-size:32px;line-height:1.25}.hero-copy>p:not(.eyebrow){color:#e1eeea;margin-bottom:22px;font-size:15px}.hero-illustration{width:220px;height:220px}.hero-illustration img{width:100%;height:100%;display:block}.hero-card .primary-button{background:var(--yellow);color:var(--teal-dark);border-color:var(--yellow);box-shadow:0 3px #b08c26}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{align-items:center;gap:13px;padding:20px 18px;display:flex}.stat-card>svg{color:var(--teal);flex:none}.stat-card>div{flex-direction:column;display:flex}.stat-value{font-size:25px;line-height:1.2}.stat-label{margin-top:5px;font-size:13px}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.unit-card{pointer-events:auto;opacity:1;border:1px solid var(--line);padding:23px}.unit-card.locked{opacity:1;background:#fcfaf4}.unit-card-top{align-items:center;gap:12px;margin-bottom:17px;display:flex}.unit-card-top>svg{color:var(--muted);margin-left:auto}.unit-icon{background:var(--teal-tint);border-radius:16px;flex:none;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.unit-card[data-color=yellow] .unit-icon{background:var(--yellow-tint);color:#765515}.unit-card[data-color=coral] .unit-icon{background:var(--coral-tint);color:var(--coral-dark)}.unit-card[data-color=purple] .unit-icon{color:#605083;background:#eee8f7}.unit-meta{color:var(--muted);font-size:13px;font-weight:700}.unit-card h3{margin-bottom:8px;font-size:21px}.unit-card>p:not(.unit-finish){color:var(--muted);min-height:46px;margin-bottom:18px;font-size:15px}.unit-lessons{gap:8px;margin-top:18px}.lesson-chip{flex:none;width:48px;min-width:48px;height:48px;padding:0}.lesson-chip:disabled{cursor:default}.unit-finish{color:var(--muted);margin-top:14px;font-size:13px}.note-card{background:var(--yellow-tint);border:0;align-items:start;gap:20px;padding:24px;display:flex}.note-card h3{font-size:19px}.note-card p{color:#5f5a40;margin-top:7px;font-size:15px}.note-symbol{color:#886718;font-size:38px;line-height:1}.daily-progress{color:#5f5a40;align-items:center;gap:14px;max-width:360px;margin-top:17px;font-size:14px;display:flex}.daily-progress .progress-track{flex:1}.topbar-status{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.status-dot{background:#9c9482;border-radius:50%;flex:none;width:7px;height:7px}.status-dot.ready{background:var(--teal)}.language-toggle{cursor:pointer;align-items:center;gap:8px;min-height:48px;padding:9px 14px;font-size:14px;font-weight:700}.mobile-brand{display:none}.nav-count{text-align:center;background:#fff;border-radius:99px;min-width:25px;margin-left:auto;font-size:13px}.lesson-shell{max-width:780px;margin:0 auto}.lesson-header{align-items:center;gap:18px;margin-bottom:24px;display:flex}.lesson-header>.progress-track{flex:1}.question-count{color:var(--muted);white-space:nowrap;font-size:15px;font-weight:700}.question-card{padding:32px}.question-type{letter-spacing:.02em;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.question-prompt{text-align:center;letter-spacing:-.02em;font-size:26px;line-height:1.35}.question-prompt:focus{box-shadow:none;outline:none}.question-glyph{justify-content:center;align-items:center;gap:16px;min-height:112px;margin:22px 0;font-size:clamp(50px,7vw,84px);line-height:1.35;display:flex}.question-glyph.english-glyph{font-family:var(--font);min-height:90px;font-size:clamp(23px,4vw,33px)}.question-hint{text-align:center;color:var(--muted);margin:16px auto;font-size:15px;line-height:1.5}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answer-button{text-align:left;word-break:normal;align-items:center;gap:12px;min-height:74px;padding:14px 16px;font-size:21px;display:flex}.answer-button>span[lang=en]{font-size:17px}.answer-button>span[lang=ko]{font-size:28px}.answer-button>svg{flex:none;margin-left:auto}.answer-button:disabled{opacity:1;cursor:default}.answer-button:before,.answer-button:after{display:none}.answer-letter{color:#6b6c61;background:#f2eee3;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.answer-button.selected .answer-letter{background:var(--teal);color:#fff}.sentence-options{grid-template-columns:1fr}.sentence-options .answer-button>span[lang=ko]{font-size:21px}.lesson-footer{justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:0 2px;display:flex}.lesson-footer .primary-button{flex:none}.footer-note{max-width:400px;color:var(--muted);font-size:14px}.feedback{border-radius:14px;flex:1;align-items:center;gap:12px;padding:14px 16px;display:flex}.feedback:before{display:none}.feedback p{margin-top:3px;font-size:15px;line-height:1.45}.feedback strong{font-size:17px}.listen-focus{flex-direction:column;align-items:center;gap:12px;margin:25px 0;display:flex}.audio-button{border-radius:28px;place-items:center;width:92px;height:92px;display:grid}.listen-focus>span{color:var(--muted);font-size:14px}.question-picture{text-align:center;-webkit-user-select:none;user-select:none;margin:22px 0;font-size:88px;line-height:1.4}.intro-card{text-align:center;margin-top:20px}.intro-glyph{background:var(--yellow-tint);width:92px;height:92px;color:var(--teal-dark);border-radius:26px;place-items:center;margin:0 auto 22px;font-size:60px;line-height:1;display:grid}.intro-card h1{margin:12px 0 18px;font-size:29px}.intro-tip{max-width:560px;margin:0 auto;font-size:18px;line-height:1.8}.intro-items{flex-wrap:wrap;justify-content:center;gap:10px;margin:25px 0;display:flex}.intro-sound{background:var(--surface);border:2px solid var(--line);cursor:pointer;border-radius:13px;align-items:center;gap:12px;min-height:58px;padding:10px 16px;display:flex}.intro-sound>span{font-size:25px}.intro-card>.primary-button{margin:24px auto 0}.intro-shell>.text-button{margin-bottom:12px}.result-card{text-align:center;max-width:700px;margin:0 auto;padding:28px}.result-illustration{width:180px;height:150px;margin:0 auto 20px}.result-illustration img{object-fit:contain;width:100%;height:100%}.result-card h1{margin:10px 0 16px;font-size:32px}.result-score{color:var(--teal-dark);flex-direction:column;gap:8px;margin:25px auto;display:flex}.result-score strong{font-size:72px;line-height:1.2}.result-score strong span{color:var(--muted);font-size:30px}.result-score>span{font-size:15px}.result-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.result-actions .text-button{width:100%}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.badge-card{text-align:center;opacity:1;background:#f3eee2;min-height:145px;padding:18px 12px;position:relative}.badge-card:not(.earned) .badge-symbol{filter:grayscale();opacity:.65}.badge-card h3{margin:8px 0 4px;font-size:15px}.badge-card p{color:var(--muted);font-size:13px;line-height:1.5}.badge-card>svg{color:var(--teal);position:absolute;top:10px;right:10px}.badge-symbol{font-size:30px}.collection-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.filter-list{flex-wrap:wrap;gap:8px;display:flex}.filter-button{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:12px;min-height:48px;padding:9px 14px;font-size:14px}.filter-button.active{background:var(--teal);border-color:var(--teal);color:#fff}.search-box{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;flex:1;align-items:center;gap:10px;min-width:240px;min-height:48px;padding:0 14px;display:flex}.search-box input{background:0 0;border:0;outline:none;width:100%;min-width:0;padding:12px 0;font-size:15px}.vocab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.vocab-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:20px 50px 20px 20px;display:flex;position:relative}.vocab-card strong{font-size:26px;line-height:1.4}.vocab-card>span[lang=en]{color:var(--muted);word-break:normal;font-size:14px}.vocab-card .icon-button{min-width:40px;min-height:48px;padding:9px;position:absolute;bottom:6px;right:6px}.vocab-emoji{font-size:30px}.sentence-card{grid-column:span 3}.sentence-card strong{font-size:23px}.setting-card{border:1px solid var(--line);padding:24px}.setting-row{justify-content:space-between;align-items:center;gap:22px;padding:22px 0;display:flex}.setting-row:first-child{padding-top:0}.setting-row:last-child{padding-bottom:0}.setting-row h2,.setting-heading h2{align-items:center;gap:9px;font-size:18px;display:flex}.setting-row p{color:var(--muted);max-width:470px;margin-top:7px;font-size:15px}.setting-row select{border:1px solid var(--line-strong);background:var(--surface);border-radius:11px;min-width:110px;min-height:48px;padding:8px 12px;font-size:16px}.setting-row>div:first-child{min-width:0}.switch{cursor:pointer;background:0 0;border:0;flex:none;width:58px;height:48px;min-height:48px;padding:0;position:relative}.switch:before{content:"";background:#8c928a;border-radius:99px;position:absolute;inset:9px 0}.switch.on:before{background:var(--teal)}.switch>span{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:13px;left:4px;box-shadow:0 1px 3px #0003}.switch.on>span{transform:translate(28px)}.voice-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.setting-heading{align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px;display:flex}.danger{color:var(--coral-dark)}.fine-print{color:var(--muted);font-size:13px;line-height:1.6}.review-summary{align-items:center;gap:20px;display:flex}.review-summary>svg{color:var(--teal);flex:none}.review-summary h2{font-size:21px}.review-summary .primary-button{flex:none;margin-left:auto}.replay-list{gap:10px;display:grid}.replay-row{background:var(--surface);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:14px;width:100%;min-height:68px;padding:14px 18px;display:flex}.replay-row>svg:first-child{color:var(--teal)}.replay-row>.muted{margin-left:auto}.trace-area{max-width:400px;margin:0 auto}.trace-glyph{text-align:center;color:var(--teal-dark);margin:15px 0 0;font-size:44px}.trace-canvas{aspect-ratio:1;background:var(--surface);border:2px solid var(--line);touch-action:none;border-radius:18px;width:min(100%,320px);height:auto;margin:0 auto;display:block}.trace-tools{justify-content:space-between;align-items:center;gap:10px;margin:8px 0;font-size:14px;display:flex}.trace-tools .text-button{padding:8px;font-size:13px}.trace-warning{color:var(--coral-dark);font-size:14px}.alternate-question{margin:15px auto 0;font-size:14px;display:flex}.pairing-grid{margin-top:22px}.pair-item{justify-content:center;align-items:center;gap:8px;min-height:65px;padding:12px;font-size:21px;display:flex}.pair-item span[lang=en]{font-size:16px}.pair-item:disabled{opacity:1}.pair-status{text-align:center;color:var(--muted);margin-top:16px;font-size:14px}.sentence-answer{border-style:dashed;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;min-height:95px;margin:20px 0;padding:15px;display:flex}.word-bank{flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0;display:flex}.token-button{min-width:55px;min-height:55px;padding:10px 14px;font-size:23px}.token-button.placed{background:var(--teal-tint);border-color:var(--teal)}.token-button:disabled:not(.placed){opacity:.25}.answer-placeholder{color:#958c78;font-size:30px}.ad-banner{z-index:80;padding:5px 16px calc(7px + var(--safe-b));height:calc(var(--ad-h) + var(--safe-b));background:#f3f1eb;border-top:1px solid #d9d7cd;flex-direction:column;justify-content:flex-start;align-items:center;gap:3px;display:flex;left:0;right:0}.ad-label{letter-spacing:.13em;color:#61675d;font-size:10px;line-height:18px}.ad-placeholder{color:#596056;text-align:center;pointer-events:none;background:#fafaf6;border:1px solid #d2d3ca;border-radius:5px;justify-content:center;align-items:center;gap:10px;width:min(100%,728px);max-width:728px;height:auto;min-height:48px;padding:7px 12px;font-size:12px;line-height:1.4;display:flex}.ad-placeholder>span:first-child{color:#647b65;font-size:22px}.mobile-nav button{min-width:0}.mobile-nav button span{font-size:11px}.modal-close{position:absolute;top:12px;right:12px}.modal-card h2{padding-right:35px;font-size:25px}.modal-card>p{margin-top:18px;line-height:1.8}.modal-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.modal-card>.primary-button{margin-top:22px}.toast{bottom:calc(var(--ad-h) + var(--nav-h) + var(--safe-b) + 20px);max-width:calc(100vw - 30px)}.primary-button,.secondary-button,.text-button{justify-content:center;align-items:center;gap:9px;display:inline-flex}.primary-button:disabled{cursor:default;opacity:.5}.in-lesson{--nav-h:0px}.in-lesson .main-content{padding-bottom:35px}.empty-state{text-align:center;padding:40px}@media (width>=1450px){.course-pill{color:var(--muted);border:1px solid var(--line);border-radius:99px;align-items:center;gap:8px;padding:9px 13px;font-size:13px;display:flex}}@media (width<=1000px) and (width>=761px){:root{--sidebar-w:218px}.main-content{padding-left:22px;padding-right:22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-illustration{width:150px}.hero-card{gap:12px;padding:24px}.hero-copy h2{font-size:27px}.review-summary{flex-wrap:wrap}.review-summary .primary-button{margin-left:0}.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sentence-card{grid-column:span 2}}@media (width<=760px){.app-shell{--ad-h:82px;--nav-h:64px;display:block}.app-shell.in-lesson{--nav-h:0px}.sidebar{display:none}.topbar{min-height:70px;padding:calc(10px + var(--safe-t)) calc(18px + var(--safe-r)) 10px calc(18px + var(--safe-l));gap:10px}.topbar-status{display:none}.mobile-brand{align-items:center;gap:9px;min-width:0;font-size:15px;display:flex}.mobile-brand img{border-radius:10px;width:35px;height:35px}.language-toggle{gap:6px;min-height:48px;padding:8px 11px;font-size:13px}.main-content{padding:24px calc(19px + var(--safe-r)) 28px calc(19px + var(--safe-l))}.main-content>*+*{margin-top:24px}.page-heading h1{font-size:30px}.page-heading>.muted{font-size:15px}.eyebrow{font-size:11px}.welcome-row{display:block}.hero-card{grid-template-columns:minmax(0,1fr) 115px;gap:5px;min-height:225px;padding:23px}.hero-copy h2{font-size:27px}.hero-copy>p:not(.eyebrow){margin-bottom:20px;font-size:13px;line-height:1.7}.hero-copy>.primary-button{padding:12px 17px;font-size:15px}.hero-illustration{width:140px;height:160px;margin-right:-28px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.stat-card{gap:12px;padding:16px}.stat-value{font-size:23px}.stat-label{font-size:13px}.unit-grid{grid-template-columns:1fr;gap:17px}.unit-card>p:not(.unit-finish){min-height:0}.section-heading{align-items:flex-start}.section-heading h2{font-size:22px}.section-heading p{font-size:14px}.completion-count{font-size:12px}.unit-card{padding:21px}.unit-card h3{font-size:22px}.unit-icon{width:51px;height:51px}.note-card{gap:14px;padding:21px}.note-symbol{font-size:30px}.note-card h3{font-size:18px}.note-card p{font-size:14px}.mobile-nav{height:64px;bottom:calc(var(--ad-h) + var(--safe-b));justify-content:space-around;gap:4px;padding:0 8px;display:flex}.mobile-nav>button{min-height:54px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 3px;font-size:11px;display:flex}.mobile-nav>button.active{color:var(--teal-dark);background:var(--teal-tint);font-weight:800}.lesson-header{gap:12px;margin-bottom:18px}.question-card{padding:24px 18px}.question-prompt{font-size:23px}.question-glyph{min-height:95px;margin:22px 0;font-size:64px}.question-glyph.english-glyph{font-size:25px}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-button{gap:9px;min-height:70px;padding:12px}.answer-button>span[lang=ko]{font-size:27px}.answer-button>span[lang=en]{font-size:16px}.answer-letter{border-radius:6px;width:22px;height:25px;font-size:11px}.sentence-options{grid-template-columns:1fr}.sentence-options .answer-button>span[lang=ko]{font-size:20px}.lesson-footer{flex-direction:column;align-items:stretch;gap:16px;margin-top:20px}.lesson-footer>.primary-button{width:100%}.footer-note{text-align:center;font-size:13px}.intro-card h1{font-size:26px}.intro-tip{font-size:17px}.intro-items{gap:8px}.intro-sound{gap:8px;min-height:54px;padding:9px 11px}.intro-sound>span{font-size:22px}.result-card{padding:22px 18px}.result-card h1{font-size:29px}.result-actions{flex-direction:column}.result-actions .primary-button,.result-actions .secondary-button{width:100%}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-toolbar{display:block}.filter-list{gap:7px;margin-bottom:14px}.filter-button{flex:1;padding:8px 10px;font-size:13px}.search-box{width:100%;min-width:0}.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.vocab-card{padding:17px 40px 20px 14px}.vocab-card strong{font-size:24px}.sentence-card{grid-column:span 2}.sentence-card strong{font-size:21px}.vocab-card>span[lang=en]{font-size:13px}.setting-card{padding:20px}.setting-row{align-items:flex-start;gap:15px}.setting-row h2{font-size:17px}.setting-row p{font-size:14px}.setting-row select{min-width:100px}.setting-row:last-child{flex-wrap:wrap}.voice-controls{width:100%}.voice-controls select{flex:1}.settings-actions{flex-direction:column;align-items:stretch}.setting-heading h2{font-size:18px}.review-summary{flex-wrap:wrap;gap:15px}.review-summary>div{flex:1}.review-summary h2{font-size:20px}.review-summary .primary-button{width:100%;margin-left:0}.pair-item{padding:10px 8px;font-size:22px}.pair-item span[lang=en]{font-size:15px}.token-button{min-width:50px;font-size:21px}.trace-tools{flex-wrap:wrap;justify-content:center}.modal-card{max-height:calc(100dvh - 40px);overflow-y:auto}.ad-placeholder{font-size:11px}.in-lesson .main-content{padding-top:18px}}@media (width<=380px){.main-content,.topbar{padding-left:14px;padding-right:14px}.mobile-brand{gap:7px;font-size:13px}.mobile-brand img{width:30px;height:30px}.language-toggle{padding:8px 10px;font-size:12px}.page-heading h1{font-size:27px}.hero-card{grid-template-columns:minmax(0,1fr) 74px;padding:20px}.hero-illustration{width:106px;height:145px;margin-right:-22px}.hero-copy h2{font-size:24px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-copy>.primary-button{min-height:50px;padding:10px 12px;font-size:14px}.stat-card{gap:9px;padding:14px}.stat-label{font-size:12px}.question-card{padding:22px 14px}.question-prompt{font-size:21px}.answer-button{gap:7px;padding:11px 9px}.answer-button>span[lang=en]{font-size:15px}.answer-button>span[lang=ko]{font-size:25px}.answer-letter{display:none}.filter-list{gap:5px}.filter-button{padding:8px 7px;font-size:12px}.setting-row{flex-wrap:wrap}.setting-row .switch{margin-left:auto}.sentence-options .answer-button>span[lang=ko]{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hero-copy{order:0;grid-area:1/1}.hero-illustration{background:#fdf1c7;border-radius:50%;order:0;grid-area:1/2;padding:8px}.hero-copy .primary-button{white-space:nowrap;width:auto}.progress-fill{min-width:0}.stat-card{flex-direction:row;gap:13px}.unit-card{gap:0}.topbar-status{max-width:75%}@media (width<=760px){.hero-copy{grid-column:1}.hero-illustration{background:0 0;order:0;grid-column:2;width:120px;height:150px;margin-right:-15px;padding:0}.hero-illustration img{background:#fdf1c7;border-radius:50%;height:120px;margin-top:20px;padding:4px}.hero-card{grid-template-columns:minmax(0,1fr) 100px}.hero-copy .primary-button{width:auto;max-width:none}.stat-card{flex-direction:row}.unit-card>p:not(.unit-finish){margin-bottom:18px}.hero-copy{gap:6px}}@media (width<=380px){.hero-card{grid-template-columns:minmax(0,1fr) 68px}.hero-illustration{width:95px;height:130px;margin-right:-20px}.hero-illustration img{height:95px}.hero-copy>.primary-button{gap:7px;padding:10px 12px;font-size:13px}.hero-copy h2{font-size:24px}.hero-copy .eyebrow{letter-spacing:.02em;font-size:10px}.hero-copy>p:not(.eyebrow){font-size:12px}}.language-select{border:1.5px solid var(--line-strong);background:var(--surface);min-height:48px;color:var(--teal-dark);border-radius:13px;flex:none;align-items:center;gap:7px;padding:0 10px 0 13px;display:inline-flex}.language-select>svg{flex:none}.language-select select{appearance:auto;-webkit-appearance:menulist;min-width:92px;max-width:135px;min-height:46px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 3px;font-size:15px;font-weight:700}@media (width<=380px){.language-select{gap:4px;padding-left:9px;padding-right:6px}.language-select select{min-width:79px;max-width:100px;padding-left:0;font-size:13px}.language-select>svg{width:15px}}.app-shell.ads-unavailable{--ad-h:0px}.ads-unavailable .ad-banner{display:none}.ads-ready .ad-placeholder,.ads-loading .ad-placeholder{visibility:hidden}