@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@600;900&family=Public+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--paper:#f7f7f4;--card:#fff;--ink:#1a1c24;--muted:#6a6e78;--line:#e2e3dc;--indigo:#2b4a9f;--indigo-ink:#1e3572;--vermilion:#d64533;--green:#2f7a57;--l0:#7a7e88;--l1:#2b4a9f;--l2:#2f7a57;--l3:#b0741c;--l4:#7c3fa0;--l5:#c43a2b;--serif:"Noto Serif KR",serif;--sans:"Public Sans",-apple-system,"Noto Sans KR",sans-serif;--mono:"IBM Plex Mono",monospace;--maxw:72rem;--read:46rem;--r:10px;--thead:#fcfcfa;--ink-soft:#3d4048;--tint:#f0f2f8;--ok-bg:#eff6f1;--bad-bg:#fbefed;--ad-bg:#fbfbf9;--ad-fg:#b9bcb4;--nav-bg:hsla(60,16%,96%,.92)}[data-theme=dark]{--paper:#14161c;--card:#1e2129;--ink:#e8e8e4;--muted:#9ca0aa;--line:#32363f;--indigo:#7a96e8;--indigo-ink:#a9bcf2;--vermilion:#e8705f;--green:#5fba8c;--l0:#9ca0aa;--l1:#7a96e8;--l2:#5fba8c;--l3:#d9a24c;--l4:#b07fd6;--l5:#e8705f;--thead:#23262e;--ink-soft:#c6c8ce;--tint:#262b38;--ok-bg:#1e3328;--bad-bg:#3a2320;--ad-bg:#191c23;--ad-fg:#5a5e68;--nav-bg:rgba(20,22,28,.92)}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--indigo);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid var(--indigo);outline-offset:2px;border-radius:4px}button{font-family:var(--sans);cursor:pointer}.ko{font-family:var(--serif);font-weight:600}.mono{font-family:var(--mono)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav-in{max-width:var(--maxw);margin:0 auto;padding:0 20px;height:58px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:baseline;gap:8px;color:var(--ink);font-weight:700;letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand .ko{color:var(--indigo);font-weight:900;font-size:1.15rem}.nav-links{display:flex;gap:18px;margin-left:auto;font-weight:500;font-size:.95rem}.nav-links a{color:var(--ink)}.nav-links a:hover{color:var(--indigo);text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.read{max-width:var(--read)}.footer{margin-top:72px;padding:28px 0 40px;color:var(--muted);font-size:.85rem}.footer .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}.badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff;font-weight:700;font-size:.95rem;flex:none;box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.35)}.badge.sm{width:24px;height:24px;font-size:.75rem}.b0{background:var(--l0)}.b1{background:var(--l1)}.b2{background:var(--l2)}.b3{background:var(--l3)}.b4{background:var(--l4)}.b5{background:var(--l5)}.hero{padding:64px 0 40px}.hero h1{font-family:var(--serif);font-weight:900;letter-spacing:-.01em;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.12;margin:0 0 14px}.hero h1 .accent{color:var(--indigo)}.hero p.lead{font-size:1.15rem;color:var(--muted);max-width:38rem;margin:0 0 26px}.hero-rule{width:64px;height:4px;background:var(--vermilion);margin-bottom:26px}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(--r);font-weight:600;font-size:.98rem;border:1px solid transparent}.btn:hover{text-decoration:none}.btn-primary{background:var(--indigo);color:#fff}.btn-primary:hover{background:var(--indigo-ink)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--indigo);color:var(--indigo)}.stats{display:flex;gap:32px;flex-wrap:wrap;padding:20px 0 8px;color:var(--muted);font-size:.9rem}.stats b{display:block;color:var(--ink);font-size:1.4rem;font-weight:700}.grid{display:grid;grid-gap:14px;gap:14px}.grid.levels{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 16px;display:block;color:var(--ink);transition:border-color .15s,transform .15s}a.card:hover{text-decoration:none;border-color:var(--indigo);transform:translateY(-2px)}.card-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.card-head .t{font-weight:700}.card-head .ko{font-size:1.05rem}.card .meta{color:var(--muted);font-size:.85rem}.section-title{display:flex;align-items:baseline;gap:14px;margin:48px 0 18px}.section-title h2{font-family:var(--serif);font-weight:900;font-size:1.6rem;margin:0}.section-title .rule{flex:1 1;height:1px;background:var(--line)}.crumbs{padding:22px 0 6px;font-size:.85rem}.crumbs,.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--indigo)}.page-head{padding:8px 0 22px;border-bottom:1px solid var(--line);margin-bottom:26px}.page-head h1{font-family:var(--serif);font-weight:900;font-size:clamp(1.7rem,4vw,2.5rem);margin:6px 0 4px}.page-head .sub{color:var(--muted)}.lesson-list{display:grid;grid-gap:10px;gap:10px}.lesson-row{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:13px 16px;color:var(--ink)}a.lesson-row:hover{border-color:var(--indigo);text-decoration:none}.lesson-num{font-family:var(--mono);color:var(--muted);font-size:.85rem;width:3.2em;flex:none}.lesson-row .patterns{font-family:var(--serif);font-weight:600}.lesson-row .patterns .sep{color:var(--line);margin:0 8px;font-family:var(--sans)}.lesson-row.review{background:transparent;border-style:dashed;color:var(--muted)}.gp{padding:30px 0 6px}.gp+.gp{border-top:1px solid var(--line)}.gp h2.pattern{font-family:var(--serif);font-weight:900;margin:0 0 4px;font-size:clamp(1.8rem,5vw,2.7rem);letter-spacing:-.01em}.gp .meaning{font-size:1.08rem;color:var(--indigo-ink);font-weight:600;margin:0 0 16px}.exbox{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--indigo);border-radius:0 var(--r) var(--r) 0;padding:14px 18px;margin:0 0 12px}.exbox .ko{font-size:1.15rem;display:block}.exbox .tr{color:var(--muted);font-size:.95rem}.prevnext{display:flex;justify-content:space-between;gap:12px;margin-top:36px;font-weight:600}.unit-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.vtable{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.vtable th{text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--thead)}.vtable td,.vtable th{padding:10px 16px;border-bottom:1px solid var(--line)}.vtable td{vertical-align:top}.vtable tr:last-child td{border-bottom:0}.vtable td.k{font-family:var(--serif);font-weight:600;font-size:1.08rem;white-space:nowrap}.vtable td.e{color:var(--ink-soft)}.filter{width:100%;max-width:26rem;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);font:inherit;background:var(--card);margin:0 0 16px}.filter:focus{outline:2px solid var(--indigo);border-color:var(--indigo)}.gnote{background:var(--tint);border-radius:var(--r);padding:10px 16px;font-size:.9rem;color:var(--indigo-ink);margin-bottom:18px}.fc-stage{padding:28px 0 40px}.fc-card,.fc-stage{display:flex;flex-direction:column;align-items:center}.fc-card{width:min(480px,100%);min-height:300px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:34px 26px;justify-content:center;text-align:center;box-shadow:0 10px 30px rgba(26,28,36,.06);cursor:pointer}.fc-card .front{font-family:var(--serif);font-weight:900;font-size:clamp(2rem,7vw,3rem)}.fc-card .back{font-size:1.25rem;color:var(--ink);margin-top:10px}.fc-hint{color:var(--muted);font-size:.85rem;margin-top:16px}.fc-grades{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap;justify-content:center}.fc-grades button{padding:11px 18px;border-radius:var(--r);border:1px solid var(--line);background:var(--card);font-weight:600;font-size:.95rem}.fc-grades .again{border-color:var(--vermilion);color:var(--vermilion)}.fc-grades .good{border-color:var(--indigo);color:var(--indigo)}.fc-grades .easy{border-color:var(--green);color:var(--green)}.fc-grades button:hover{transform:translateY(-1px)}.fc-grades small{display:block;font-weight:400;color:var(--muted)}.progressbar{width:min(480px,100%);height:6px;background:var(--line);border-radius:3px;margin-bottom:22px;overflow:hidden}.progressbar i{display:block;height:100%;background:var(--indigo);border-radius:3px}.q-opt{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;font-size:1.05rem;margin-bottom:10px}.q-opt:hover:enabled{border-color:var(--indigo)}.q-opt.correct{border-color:var(--green);background:var(--ok-bg)}.q-opt.wrong{border-color:var(--vermilion);background:var(--bad-bg)}.q-word{font-family:var(--serif);font-weight:900;font-size:clamp(2rem,6vw,2.8rem);margin:8px 0 20px}.q-meta{color:var(--muted);font-size:.9rem;margin-bottom:6px}.score-big{font-family:var(--serif);font-weight:900;font-size:3rem}.picker{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 22px}.chip{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-weight:600;font-size:.92rem;color:var(--ink)}.chip:hover,.chip[data-on=true]{border-color:var(--indigo);color:var(--indigo)}select.chip{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.empty{color:var(--muted);padding:30px 0}@media (max-width:720px){.nav-links{gap:12px;font-size:.88rem}.nav-links a.hide-sm{display:none}.hero{padding:44px 0 28px}.vtable td.k{white-space:normal}}.lang-switch{display:inline-flex;align-items:center;gap:6px;margin-left:8px}.lang-switch select{font:inherit;font-size:.88rem;font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 8px;max-width:150px;cursor:pointer}.lang-switch select:hover{border-color:var(--indigo)}.ad-slot{width:100%;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:280px;margin:26px 0;border:1px dashed var(--line);border-radius:var(--r);background:var(--ad-bg);overflow:hidden}.ad-slot.compact{min-height:100px;margin:18px 0}.ad-ph{color:var(--ad-fg);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}@media (max-width:720px){.lang-switch select{max-width:108px}.nav-in{gap:12px}}.speak-group{display:inline-flex;gap:2px;vertical-align:middle;margin-left:6px}.speak{border:none;background:transparent;cursor:pointer;line-height:1;font-size:1.05rem;padding:3px 6px;border-radius:8px}.speak:hover{background:var(--tint)}.gp h2.pattern .speak{font-size:1.3rem}.fc-card .speak-group{margin-top:14px}.fc-card .speak{font-size:1.5rem;padding:6px 10px}.q-word .speak{font-size:1.4rem}.vtable .speak{font-size:.95rem;padding:2px 5px}.theme-toggle{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;cursor:pointer;font-size:1rem;line-height:1;padding:7px 9px;margin-left:8px}.theme-toggle:hover{border-color:var(--indigo)}.gp-kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.gp .pattern{margin-top:0}.morph{font-style:normal;color:var(--vermilion);font-weight:700}.ex-section{position:relative;margin-top:10px}.ex-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.drill-card{background:var(--tint);border-radius:var(--r);padding:18px 20px 8px;margin-top:18px}.drill-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 26px;gap:14px 26px}@media (max-width:720px){.drill-grid{grid-template-columns:1fr}}.drill{display:flex;gap:10px;margin-bottom:10px;line-height:1.75}.drill-num{font-family:var(--mono);font-size:.78rem;color:var(--muted);padding-top:4px}.drill-tr{font-size:.85rem}.footer{margin-top:60px;border-top:1px solid var(--line);background:var(--card);font-size:.92rem}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr .8fr .8fr;grid-gap:28px;gap:28px;padding-top:40px;padding-bottom:36px}.footer-grid>div{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.f-brand p{color:var(--muted);margin:4px 0 0;max-width:26rem;line-height:1.6}.f-head{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.footer-grid a{color:var(--ink)}.footer-grid a:hover{color:var(--indigo)}.f-bottom{border-top:1px solid var(--line)}.f-bottom .wrap{padding-top:16px;padding-bottom:20px;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1.8}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:22px 0 6px}.pager-n{font-family:var(--mono);font-size:.85rem;color:var(--muted)}.pager [aria-disabled]{opacity:.35;pointer-events:none}