:root{--bg: #fbfaf6;--surface: #ffffff;--ink: #23201a;--ink-soft: #6e675b;--line: #e8e4d9;--accent: #2f7a46;--accent-ink: #256239;--accent-soft: #e7f2ea;--danger: #b3402e;--danger-soft: #f9e9e5;--gold: #b98514;--radius: 10px;--space: clamp(1rem, .8rem + 1vw, 1.5rem);--text-base: 1rem;--text-lg: 1.185rem;--text-xl: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem);--text-hero: clamp(2.4rem, 1.6rem + 4vw, 4.2rem);--font-sans: -apple-system, "Segoe UI", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #16140f;--surface: #1f1c15;--ink: #ece8de;--ink-soft: #a49c8c;--line: #35301f;--accent: #6fcb8b;--accent-ink: #8ad8a1;--accent-soft: #24331f;--danger: #e07a63;--danger-soft: #3a231c;--gold: #d9a83c}}:root[data-theme=dark]{--bg: #16140f;--surface: #1f1c15;--ink: #ece8de;--ink-soft: #a49c8c;--line: #35301f;--accent: #6fcb8b;--accent-ink: #8ad8a1;--accent-soft: #24331f;--danger: #e07a63;--danger-soft: #3a231c;--gold: #d9a83c}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.65}main{max-width:880px;margin:0 auto;padding:0 var(--space) 6rem}a{color:var(--accent-ink)}button{font-family:inherit;font-size:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header{display:flex;align-items:center;justify-content:space-between;max-width:880px;margin:0 auto;padding:1.1rem var(--space)}.brand{font-weight:800;font-size:1.15rem;letter-spacing:.02em;color:var(--ink);text-decoration:none}.brand .bean{color:var(--accent)}.site-footer{border-top:1px solid var(--line);margin-top:4rem}.site-footer p{max-width:880px;margin:0 auto;padding:1.4rem var(--space);color:var(--ink-soft);font-size:.85rem}.hero{padding:3.5rem 0 2.5rem}.hero h1{font-size:var(--text-hero);line-height:1.12;letter-spacing:-.02em;margin:0 0 1rem;text-wrap:balance;font-weight:800}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:var(--text-lg);color:var(--ink-soft);max-width:46ch;margin:0 0 1.8rem}.cta{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;padding:.85rem 1.7rem;border-radius:999px;transition:transform .12s ease,box-shadow .12s ease}.cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000024}.cta:active{transform:translateY(0)}.level-head{margin:3rem 0 .4rem;font-size:var(--text-xl);font-weight:800;letter-spacing:-.01em}.level-head small{display:block;font-size:.85rem;font-weight:600;color:var(--accent-ink);letter-spacing:.14em;text-transform:uppercase}.unit{margin-top:1.6rem}.unit h3{margin:0 0 .7rem;font-size:1.02rem;color:var(--ink-soft);font-weight:700}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.lesson-card{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1rem;text-decoration:none;color:var(--ink);transition:border-color .12s ease,transform .12s ease}.lesson-card:hover{border-color:var(--accent);transform:translateY(-1px)}.lesson-card .no{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:6px;padding:2px 7px;white-space:nowrap}.lesson-card.done .no{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.lesson-card .t{font-weight:600;font-size:.95rem;line-height:1.35}.lesson-card .min{margin-left:auto;font-size:.78rem;color:var(--ink-soft);white-space:nowrap}.lesson-head{padding:2.2rem 0 .6rem}.lesson-head .crumb{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-soft);letter-spacing:.06em}.lesson-head h1{font-size:var(--text-xl);margin:.4rem 0 .5rem;font-weight:800;letter-spacing:-.01em}.lesson-head .objective{color:var(--ink-soft);max-width:60ch;margin:0}.block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.4rem;margin:1rem 0}.block h4{margin:0 0 .5rem;font-size:1rem}.block .body{max-width:62ch}.block .body p{margin:.4rem 0}.letter-row{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.letter-char{font-size:4rem;line-height:1;font-weight:700;color:var(--accent-ink);min-width:72px;text-align:center}.letter-meta .nm{font-weight:700}.letter-meta .rr{font-family:var(--font-mono);color:var(--ink-soft);font-size:.88rem}.mnemonic{color:var(--ink-soft);font-size:.95rem;margin-top:.3rem;max-width:52ch}.koline{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;margin:.45rem 0}.koline .ko{font-size:1.35rem;font-weight:700}.koline .rr{font-family:var(--font-mono);font-size:.85rem;color:var(--ink-soft)}.koline .tr{color:var(--ink-soft)}.note{color:var(--ink-soft);font-size:.92rem;border-left:3px solid var(--line);padding-left:.8rem;margin:.5rem 0 0}.audio-btn{border:1px solid var(--line);background:var(--surface);color:var(--accent-ink);border-radius:999px;width:34px;height:34px;line-height:1;flex:none;display:inline-flex;align-items:center;justify-content:center}.audio-btn[data-missing]{opacity:.35;cursor:not-allowed}.dialogue .turn{display:flex;gap:.7rem;margin:.55rem 0}.dialogue .turn.b{flex-direction:row-reverse}.dialogue .bubble{background:var(--accent-soft);border-radius:14px;padding:.6rem .95rem;max-width:75%}.dialogue .turn.b .bubble{background:var(--bg);border:1px solid var(--line)}.dialogue .bubble .ko{font-weight:700;font-size:1.1rem}.dialogue .bubble .sub{font-size:.83rem;color:var(--ink-soft)}.quiz{margin-top:2.4rem}.quiz h2{font-size:1.3rem}.q-progress{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-soft)}.q-prompt{font-size:1.1rem;font-weight:700;margin:.8rem 0}.q-prompt .ko-big{font-size:1.6rem;display:block;margin-top:.3rem}.choices{display:grid;gap:8px}.choice-btn{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem 1rem;font-size:1.05rem}.choice-btn:hover{border-color:var(--accent)}.choice-btn.correct{border-color:var(--accent);background:var(--accent-soft)}.choice-btn.wrong{border-color:var(--danger);background:var(--danger-soft)}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:480px}.match-btn{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.7rem;font-size:1.05rem}.match-btn.sel{border-color:var(--accent)}.match-btn.done{opacity:.45;border-color:var(--accent)}.compose-line{min-height:3rem;border-bottom:2px solid var(--line);font-size:1.5rem;font-weight:700;padding:.4rem 0;margin-bottom:.9rem}.token-bank{display:flex;gap:8px;flex-wrap:wrap}.token-btn{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.55rem .95rem;font-size:1.2rem}.token-btn.used{opacity:.35}.explain{border-left:3px solid var(--accent);background:var(--accent-soft);padding:.7rem 1rem;border-radius:0 var(--radius) var(--radius) 0;margin-top:.9rem}.explain.err{border-left-color:var(--danger);background:var(--danger-soft)}.q-next{margin-top:1rem;background:var(--accent);color:#fff;border:0;border-radius:999px;padding:.6rem 1.5rem;font-weight:700}.quiz-done{text-align:center;padding:2rem 0}.quiz-done .score{font-size:2.4rem;font-weight:800}.quiz-done .streak{color:var(--gold);font-weight:700}.next-actions{display:flex;gap:10px;justify-content:center;margin-top:1.2rem;flex-wrap:wrap}.next-actions .ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.6rem 1.4rem;text-decoration:none;font-weight:600}