:root{--cream:#fef3e7;--cream-deep:#fbe7d2;--cream-soft:#fff9f1;--ink:#2b2237;--ink-soft:#5b4f6b;--ink-faint:#9a8fa8;--coral:#ff6b6b;--coral-deep:#e85555;--coral-soft:#ffe4e1;--sun:#ffd166;--sun-deep:#f0b837;--sun-soft:#fff3cf;--mint:#06d6a0;--mint-deep:#04b386;--mint-soft:#ccf5e7;--plum:#8b5cf6;--plum-deep:#7340e6;--plum-soft:#ebe1ff;--sky:#5ec8ed;--sky-deep:#3aa6cc;--sky-soft:#d4f0fa;--press:0 4px 0 #2b22371f;--press-coral:0 4px 0 var(--coral-deep);--press-mint:0 4px 0 var(--mint-deep);--press-sun:0 4px 0 var(--sun-deep);--press-plum:0 4px 0 var(--plum-deep);--press-sky:0 4px 0 var(--sky-deep);--press-ink:0 4px 0 #2b22372e;--card-shadow:0 2px 0 #2b22370f, 0 12px 30px -10px #2b223724;--card-shadow-lg:0 2px 0 #2b223714, 0 22px 50px -16px #2b223738;--shadow-focus:0 0 0 3px #8b5cf652;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--font-ui:"Nunito", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-kr:"Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);font-family:var(--font-ui);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;font-weight:700}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cream);min-width:320px;min-height:100vh;color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-size:16px;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}input,textarea{font-family:inherit;font-size:16px}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}:lang(ko),.kr{font-family:var(--font-kr)}:focus{outline:none}:focus-visible{box-shadow:var(--shadow-focus);outline:none}.app-canvas{background:var(--cream);justify-content:center;min-height:100dvh;display:flex}.app{background:var(--cream);width:100%;max-width:480px;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:calc(80px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative}@media (width>=640px){.app{box-shadow:0 30px 80px -30px #2b223738}}.app-main{flex:auto}.view{animation:viewIn .28s var(--ease-out);padding:16px 20px 32px}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topbar{background:var(--cream);z-index:20;align-items:center;gap:12px;padding:12px 20px 8px;display:flex;position:sticky;top:0}.topbar__spacer{flex:1}.cefr-badge{border-radius:var(--r-pill);box-shadow:var(--card-shadow);background:#fff;align-items:center;gap:8px;padding:6px 14px 6px 8px;display:flex}.cefr-badge__chip{color:#fff;background:linear-gradient(135deg, var(--plum), var(--coral));border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.cefr-badge__label{font-size:13px;font-weight:800}.cefr-badge__progress{background:var(--cream-deep);border-radius:var(--r-pill);width:60px;height:6px;margin-left:4px;overflow:hidden}.cefr-badge__progress>span{background:linear-gradient(90deg, var(--plum), var(--coral));border-radius:var(--r-pill);height:100%;transition:width .5s var(--ease-out);display:block}.stat-pill{border-radius:var(--r-pill);box-shadow:var(--card-shadow);background:#fff;align-items:center;gap:5px;padding:6px 12px;font-size:14px;font-weight:900;display:inline-flex}.stat-pill__icon{font-size:16px;line-height:1}.stat-pill--streak{color:var(--coral-deep)}.stat-pill--xp{color:var(--plum-deep)}.btn{border-radius:var(--r-md);color:var(--ink);letter-spacing:.01em;box-shadow:var(--press-ink);-webkit-user-select:none;user-select:none;white-space:nowrap;background:#fff;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-family:inherit;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms,background .2s;display:inline-flex}.btn:active{transform:translateY(2px);box-shadow:0 1px #2b22372e}.btn--primary{background:var(--coral);color:#fff;box-shadow:var(--press-coral)}.btn--mint{background:var(--mint);color:#fff;box-shadow:var(--press-mint)}.btn--sun{background:var(--sun);color:var(--ink);box-shadow:var(--press-sun)}.btn--plum{background:var(--plum);color:#fff;box-shadow:var(--press-plum)}.btn--ghost{box-shadow:none;background:0 0}.btn--block{width:100%}.btn--lg{padding:18px 24px;font-size:17px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;pointer-events:none}.icon-btn{border-radius:var(--r-md);width:44px;height:44px;box-shadow:var(--press-ink);background:#fff;place-items:center;font-size:20px;display:grid}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px #2b22372e}.speaker-btn{width:38px;height:38px;color:var(--plum-deep);background:var(--plum-soft);box-shadow:var(--press-ink);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform 80ms,box-shadow 80ms,opacity .2s;display:inline-grid}.speaker-btn:active{transform:translateY(2px);box-shadow:0 1px #2b22372e}.speaker-btn:disabled{cursor:not-allowed;opacity:.38;transform:none}.speaker-btn--card{position:absolute;top:14px;right:16px}.speaker-btn--inline{width:34px;height:34px;color:var(--sky-deep);background:var(--sky-soft);flex:none}.speaker-btn--hangul{width:28px;height:28px;color:var(--coral-deep);background:var(--coral-soft);box-shadow:none;position:absolute;top:6px;right:6px}.card{border-radius:var(--r-lg);box-shadow:var(--card-shadow);background:#fff;padding:18px}.tile{text-align:left;width:100%;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--press-ink);background:#fff;padding:18px;font-family:inherit;transition:transform 80ms,box-shadow 80ms;display:block;position:relative}.tile:active{transform:translateY(2px);box-shadow:0 1px #2b22372e}.tile--coral{background:var(--coral);color:#fff;box-shadow:var(--press-coral)}.tile--mint{background:var(--mint);color:#fff;box-shadow:var(--press-mint)}.tile--sun{background:var(--sun);color:var(--ink);box-shadow:var(--press-sun)}.tile--plum{background:var(--plum);color:#fff;box-shadow:var(--press-plum)}.tile--sky{background:var(--sky);color:#fff;box-shadow:var(--press-sky)}.nav{width:100%;max-width:480px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:30;background:#fff;border-top:1px solid #2b22370f;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 24px -12px #2b22371f}.nav__item{border-radius:var(--r-md);color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;transition:color .15s var(--ease-out);flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:10px;font-weight:800;display:flex}.nav__item.is-active{color:var(--coral-deep)}.nav__item svg{width:26px;height:26px}.h1{letter-spacing:-.01em;margin:0 0 4px;font-size:28px;font-weight:900}.h2{margin:0 0 4px;font-size:22px;font-weight:800}.h3{margin:0;font-size:17px;font-weight:800}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);font-size:11px;font-weight:800}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.bar{background:var(--cream-deep);border-radius:var(--r-pill);width:100%;height:12px;position:relative;overflow:hidden}.bar>span{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--mint), var(--mint-deep));height:100%;transition:width .5s var(--ease-out);display:block}.bar--coral>span{background:linear-gradient(90deg, var(--coral), var(--coral-deep))}.bar--sun>span{background:linear-gradient(90deg, var(--sun), var(--sun-deep))}.bar--plum>span{background:linear-gradient(90deg, var(--plum), var(--plum-deep))}.flashcard-stage{perspective:1200px;min-height:380px;position:relative}.flashcard{border-radius:var(--r-xl);min-height:380px;box-shadow:var(--card-shadow-lg);transform-style:preserve-3d;transition:transform .55s var(--ease-out);text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;display:flex;position:relative}.flashcard.is-flipped{transform:rotateY(180deg)}.flashcard__face{backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;display:flex;position:absolute;inset:0}.flashcard__face--back{transform:rotateY(180deg)}.flashcard__hangul{font-family:var(--font-kr);color:var(--ink);word-break:keep-all;margin-bottom:16px;font-size:60px;font-weight:700;line-height:1.1}.flashcard__english{letter-spacing:-.01em;margin-bottom:8px;font-size:26px;font-weight:900}.flashcard__pos{background:var(--plum-soft);color:var(--plum-deep);border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:900;display:inline-block}.flashcard__definition{color:var(--ink-soft);max-width:360px;margin:0 0 12px;font-size:14px;font-weight:600}.flashcard__examples{background:var(--cream-soft);border-radius:var(--r-md);text-align:left;width:100%;margin-top:8px;padding:12px 14px}.flashcard__example{font-family:var(--font-kr);justify-content:space-between;align-items:center;gap:10px;font-size:16px;font-weight:500;line-height:1.4;display:flex}.flashcard__example+.flashcard__example{border-top:1px dashed var(--cream-deep);margin-top:8px;padding-top:8px}.flashcard__rank{border-radius:var(--r-pill);background:var(--cream-soft);color:var(--ink-faint);letter-spacing:.04em;padding:4px 10px;font-size:11px;font-weight:900;position:absolute;top:16px;left:18px}.flashcard__tap{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800;position:absolute;bottom:18px}.review-controls{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.review-btn{border-radius:var(--r-md);color:#fff;box-shadow:var(--press-ink);flex-direction:column;align-items:center;gap:2px;padding:14px 6px;font-family:inherit;font-size:13px;font-weight:900;transition:transform 80ms,box-shadow 80ms;display:flex}.review-btn small{opacity:.85;letter-spacing:.04em;font-size:10px;font-weight:700}.review-btn:active{transform:translateY(2px);box-shadow:0 1px #2b22372e}.review-btn:disabled{opacity:.55;pointer-events:none}.review-btn--again{background:var(--coral);box-shadow:var(--press-coral)}.review-btn--hard{background:var(--sun);color:var(--ink);box-shadow:var(--press-sun)}.review-btn--good{background:var(--mint);box-shadow:var(--press-mint)}.review-btn--easy{background:var(--plum);box-shadow:var(--press-plum)}.ex-prompt{letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:800;line-height:1.3}.ex-prompt .kr{font-size:26px}.ex-sub{color:var(--ink-soft);margin:0 0 18px;font-weight:600}.choice{border-radius:var(--r-md);width:100%;box-shadow:var(--press-ink);text-align:left;background:#fff;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;font-size:16px;font-weight:700;transition:transform 80ms,box-shadow 80ms,background .2s,color .2s;display:flex}.choice:active{transform:translateY(2px);box-shadow:0 1px #2b22372e}.choice+.choice{margin-top:10px}.choice__key{background:var(--cream-deep);width:28px;height:28px;color:var(--ink-soft);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid}.choice.is-selected{background:var(--plum-soft);color:var(--plum-deep);box-shadow:0 4px 0 var(--plum)}.choice.is-selected .choice__key{background:var(--plum);color:#fff}.choice.is-correct{background:var(--mint-soft);color:var(--mint-deep);box-shadow:0 4px 0 var(--mint)}.choice.is-correct .choice__key{background:var(--mint);color:#fff}.choice.is-wrong{background:var(--coral-soft);color:var(--coral-deep);box-shadow:0 4px 0 var(--coral)}.choice.is-wrong .choice__key{background:var(--coral);color:#fff}.input{border:2px solid var(--cream-deep);border-radius:var(--r-md);width:100%;color:var(--ink);background:#fff;outline:none;padding:14px 16px;font-family:inherit;font-size:18px;font-weight:600;transition:border-color .2s,background .2s}.input:focus{border-color:var(--plum)}.input.is-correct{border-color:var(--mint);background:var(--mint-soft)}.input.is-wrong{border-color:var(--coral);background:var(--coral-soft)}.feedback{width:100%;max-width:480px;padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg);transition:transform .3s var(--ease-out);z-index:25;background:#fff;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(110%);box-shadow:0 -12px 30px -12px #2b22372e}.feedback.is-shown{transform:translate(-50%)translateY(0)}.feedback--correct{background:var(--mint-soft)}.feedback--wrong{background:var(--coral-soft)}.feedback__title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:900;display:flex}.feedback--correct .feedback__title{color:var(--mint-deep)}.feedback--wrong .feedback__title{color:var(--coral-deep)}.feedback__body{color:var(--ink-soft);margin:0;font-size:14px;font-weight:600}.feedback__cta{margin-top:12px}.lesson-bubble{border-radius:var(--r-lg);box-shadow:var(--card-shadow);background:#fff;margin-bottom:14px;padding:18px 20px}.lesson-bubble--example{background:var(--sun-soft);border-left:4px solid var(--sun-deep)}.lesson-bubble--rule{background:var(--plum-soft);border-left:4px solid var(--plum-deep)}.lesson-bubble--note{background:var(--mint-soft);border-left:4px solid var(--mint-deep)}.lesson-bubble .kr-block{font-family:var(--font-kr);color:var(--ink);margin:8px 0 4px;font-size:20px;font-weight:700}.lesson-bubble .gloss{color:var(--ink-soft);font-size:14px;font-weight:600}.formula{font-family:var(--font-kr);background:var(--cream-soft);border-radius:var(--r-md);color:var(--ink);padding:10px 14px;font-size:16px;font-weight:700;display:inline-block}.search-box{position:relative}.search-box .input{font-family:var(--font-kr);padding-left:44px}.search-box:before{content:"🔍";opacity:.6;pointer-events:none;font-size:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.dict-result{border-radius:var(--r-md);box-shadow:var(--card-shadow);background:#fff;margin-top:10px;padding:14px 16px}.dict-result__head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.dict-result__hangul{font-family:var(--font-kr);color:var(--ink);font-size:22px;font-weight:800}.dict-result__pos{color:var(--plum-deep);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:900}.dict-result__meaning{color:var(--ink);margin-top:6px;font-size:15px;font-weight:700}.dict-result__def{color:var(--ink-soft);margin:4px 0 0;font-size:13px;font-weight:600}.hangul-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.hangul-cell{aspect-ratio:1;border-radius:var(--r-md);min-width:0;box-shadow:var(--card-shadow);background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:6px;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;overflow:hidden}.hangul-cell__char{font-family:var(--font-kr);color:var(--ink);font-size:28px;font-weight:700}.hangul-cell__rom{color:var(--ink-faint);margin-top:2px;font-size:11px;font-weight:800}.hangul-cell:active{transform:translateY(2px);box-shadow:0 1px #2b22372e}.speech-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mascot{display:inline-block}.mascot--bounce{transform-origin:bottom;animation:2.2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)scale(1)}35%{transform:translateY(-6px)scale(.98,1.02)}60%{transform:translateY(0)scale(1.02,.98)}}.mascot--peek{transform-origin:bottom;animation:3s ease-in-out infinite peek}@keyframes peek{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@media (prefers-reduced-motion:reduce){.mascot--bounce,.mascot--peek{animation:none}}.confetti{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.confetti span{border-radius:3px;width:10px;height:16px;animation:linear forwards confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{to{opacity:.9;transform:translateY(110vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.hero{background:linear-gradient(135deg, var(--coral-soft), var(--sun-soft));border-radius:var(--r-xl);box-shadow:var(--card-shadow);padding:20px 20px 24px;position:relative;overflow:hidden}.hero__greeting{color:var(--coral-deep);font-size:15px;font-weight:800}.hero__title{letter-spacing:-.01em;margin:4px 0 12px;font-size:26px;font-weight:900;line-height:1.2}.hero__progress-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin-top:14px;margin-bottom:6px;font-size:12px;font-weight:800;display:flex}.hero__mascot{pointer-events:none;position:absolute;bottom:-8px;right:-8px}.stack>*+*{margin-top:12px}.stack-lg>*+*{margin-top:18px}.row{align-items:center;gap:12px;display:flex}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.empty{text-align:center;color:var(--ink-soft);padding:32px 16px}.empty__mascot{margin-bottom:12px}.loading{text-align:center;color:var(--ink-soft);place-items:center;gap:10px;padding:80px 24px;font-weight:800;display:grid}.cal{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal__head{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:4px;display:grid}.cal__label{text-align:center;color:var(--ink-faint);letter-spacing:.04em;font-size:10px;font-weight:800}.cal__day{aspect-ratio:1;background:var(--cream-deep);color:var(--ink-faint);border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:grid}.cal__day.is-done{background:var(--mint);color:#fff}.cal__day.is-today{outline:2px solid var(--coral)}.cal-month{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.badge-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.badge{text-align:center;border-radius:var(--r-md);box-shadow:var(--card-shadow);background:#fff;padding:14px 8px}.badge__icon{background:linear-gradient(135deg, var(--sun), var(--coral));color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 8px;font-size:26px;display:grid}.badge__title{font-size:12px;font-weight:800}.badge--locked .badge__icon{background:var(--cream-deep);color:var(--ink-faint)}.badge--locked .badge__title{color:var(--ink-faint)}.badge-banner{border-radius:var(--r-lg);z-index:200;max-width:90vw;transition:transform .35s var(--ease-out);background:#fff;align-items:center;gap:12px;padding:14px 18px;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%)translateY(-120px);box-shadow:0 12px 30px -8px #2b22374d}.badge-banner.is-shown{transform:translate(-50%)translateY(0)}.badge-banner__icon{background:linear-gradient(135deg, var(--sun), var(--coral));color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.badge-banner__eyebrow{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.badge-banner__title{font-size:15px;font-weight:900}.divider{background:var(--cream-deep);border:0;height:1px;margin:16px 0}.pill{border-radius:var(--r-pill);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.pill--coral{background:var(--coral-soft);color:var(--coral-deep)}.pill--mint{background:var(--mint-soft);color:var(--mint-deep)}.pill--sun{background:var(--sun-soft);color:#8a6a0a}.pill--plum{background:var(--plum-soft);color:var(--plum-deep)}.pill--sky{background:var(--sky-soft);color:var(--sky-deep)}.check-dot{background:var(--mint);color:#fff;width:22px;height:22px;box-shadow:var(--press-mint);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid}.lesson-item{border-radius:var(--r-md);box-shadow:var(--card-shadow);text-align:left;width:100%;color:inherit;background:#fff;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;display:flex}.lesson-item__title{flex:1;font-size:15px;font-weight:800}.lesson-item__level{color:var(--plum-deep);letter-spacing:.06em;font-size:11px;font-weight:800}.setting-row{border-radius:var(--r-md);box-shadow:var(--card-shadow);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.setting-row__label{font-size:15px;font-weight:800}.toggle{border-radius:var(--r-pill);background:var(--cream-deep);flex:none;width:48px;height:28px;transition:background .2s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #2b223733}.toggle.is-on{background:var(--mint)}.toggle.is-on:after{transform:translate(20px)}.stepper{align-items:center;gap:6px;display:inline-flex}.stepper__btn{border-radius:var(--r-sm);background:var(--cream-deep);width:32px;height:32px;color:var(--ink);place-items:center;font-size:18px;font-weight:900;display:grid}.stepper__value{text-align:center;min-width:32px;font-size:16px;font-weight:900}a.tile{text-decoration:none}