:root{--bg:#faf7f2;--surface:#fff;--surface-2:#f3eee6;--ink:#1e2227;--ink-2:#4b525a;--ink-3:#6b7178;--line:#e2dbcf;--line-strong:#c9c0b1;--accent:#2d4b8e;--accent-ink:#fff;--accent-soft:#e6ecf8;--mark:#b4441f;--ok:#1c6650;--ok-soft:#e1f1ea;--bad:#a3301f;--bad-soft:#f9e7e3;--focus:#1a66ff;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;--font-ko:"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", "Nanum Gothic", sans-serif;--lh:1.6;--fs-0:.875rem;--fs-1:1rem;--fs-2:1.125rem;--fs-3:1.375rem;--fs-4:1.75rem;--fs-5:2.25rem;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--radius:12px;--radius-s:8px;--measure:38rem;--page:68rem;--tap:48px;--shadow:0 1px 2px #1e22270f, 0 4px 14px #1e22270d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#15171a;--surface:#1d2024;--surface-2:#262a2f;--ink:#ece8e1;--ink-2:#bdb7ad;--ink-3:#99948b;--line:#32363c;--line-strong:#4a4f57;--accent:#a9bdf2;--accent-ink:#10182b;--accent-soft:#232c44;--mark:#f0a17f;--ok:#7fd1b3;--ok-soft:#173229;--bad:#f2a093;--bad-soft:#3a1d18;--focus:#8fb4ff;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#15171a;--surface:#1d2024;--surface-2:#262a2f;--ink:#ece8e1;--ink-2:#bdb7ad;--ink-3:#99948b;--line:#32363c;--line-strong:#4a4f57;--accent:#a9bdf2;--accent-ink:#10182b;--accent-soft:#232c44;--mark:#f0a17f;--ok:#7fd1b3;--ok-soft:#173229;--bad:#f2a093;--bad-soft:#3a1d18;--focus:#8fb4ff;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:lang(th){--lh:1.85}:lang(vi){--lh:1.7}:lang(ja),:lang(zh-Hant){--lh:1.8}:lang(ja) :is(h1,h2,h3),:lang(zh-Hant) :is(h1,h2,h3){word-break:auto-phrase;text-wrap:balance}:lang(zh-Hant){--font-ui:system-ui, -apple-system, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif}:lang(ja){--font-ui:system-ui, -apple-system, "Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", sans-serif}:lang(th){--font-ui:system-ui, -apple-system, "Thonburi", "Leelawadee UI", "Noto Sans Thai", sans-serif}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-1);line-height:var(--lh);flex-direction:column;min-height:100dvh;margin:0;display:flex}h1,h2,h3{margin:0 0 var(--s3);text-wrap:balance;font-weight:650;line-height:1.25}:lang(th) h1,:lang(th) h2,:lang(th) h3{line-height:1.5}h1{font-size:var(--fs-4);letter-spacing:-.01em}h2{font-size:var(--fs-3)}h3{font-size:var(--fs-2)}p{margin:0 0 var(--s4);text-wrap:pretty}a{color:var(--accent);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}ul,ol{margin:0 0 var(--s4);padding-inline-start:1.25rem}li{margin-bottom:var(--s2)}img,svg{max-width:100%}hr{border:0;border-top:1px solid var(--line);margin:var(--s6) 0}small,.small{font-size:var(--fs-0)}.muted{color:var(--ink-2)}strong{font-weight:650}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}[tabindex="-1"]:focus{outline:none}.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{left:var(--s3);z-index:50;background:var(--surface);color:var(--ink);padding:var(--s2) var(--s4);border-radius:var(--radius-s);position:absolute;top:-4rem}.skip:focus{top:var(--s3)}.ko,:lang(ko){font-family:var(--font-ko);font-feature-settings:normal;letter-spacing:0}.ko-inline{font-family:var(--font-ko);color:var(--mark);white-space:nowrap;font-size:1.15em;font-weight:600}.rr{font-size:var(--fs-0);color:var(--ink-3);letter-spacing:.01em;font-style:normal}.wrap{width:100%;max-width:var(--page);padding-inline:var(--s4);margin-inline:auto}.narrow{max-width:calc(var(--measure) + 2 * var(--s4))}main{padding-block:var(--s5) var(--s8);flex:1}.stack>*+*{margin-top:var(--s4)}.stack-l>*+*{margin-top:var(--s6)}.row{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.between{justify-content:space-between}.grid{gap:var(--s4);display:grid}@media (min-width:720px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}main{padding-block:var(--s6) var(--s8)}}.site-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:20;position:sticky;top:0}.site-header .wrap{align-items:center;gap:var(--s3);min-height:56px;display:flex}.brand{align-items:center;gap:var(--s2);color:var(--ink);min-height:var(--tap);margin-inline-end:auto;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);font-family:var(--font-ko);border-radius:8px;place-items:center;font-size:17px;font-weight:700;line-height:1;display:grid}.brand-name{font-size:var(--fs-1)}.nav{gap:var(--s1);display:none}.nav a,.tabbar a{color:var(--ink-2);padding:var(--s2) var(--s3);border-radius:var(--radius-s);min-height:var(--tap);font-size:var(--fs-0);align-items:center;font-weight:550;text-decoration:none;display:inline-flex}.nav a:hover{background:var(--surface-2);color:var(--ink)}.nav a[aria-current=page],.tabbar a[aria-current=page]{color:var(--accent)}@media (min-width:720px){.nav{display:flex}}.tabbar{z-index:20;background:var(--bg);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:sticky;bottom:0}.tabbar a{text-align:center;padding:var(--s2) var(--s1);justify-content:center;min-height:52px;line-height:1.2}@media (min-width:720px){.tabbar{display:none}}body[data-focus="1"] .tabbar,body[data-focus="1"] .site-footer{display:none}.site-footer{border-top:1px solid var(--line);padding-block:var(--s5);color:var(--ink-2);font-size:var(--fs-0)}.site-footer ul{margin:0 0 var(--s3);gap:var(--s1) var(--s4);flex-wrap:wrap;padding:0;list-style:none;display:flex}.site-footer li{margin:0}.site-footer a{color:var(--ink-2);align-items:center;min-height:32px;display:inline-flex}.menu{position:relative}.menu>summary{cursor:pointer;min-height:var(--tap);align-items:center;gap:var(--s1);padding:0 var(--s3);border-radius:var(--radius-s);color:var(--ink-2);font-size:var(--fs-0);font-weight:550;list-style:none;display:inline-flex}.menu>summary::-webkit-details-marker{display:none}.menu>summary:hover{background:var(--surface-2)}.menu-list{inset-inline-end:0;min-width:12rem;padding:var(--s2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);z-index:30;margin:0;list-style:none;position:absolute;top:calc(100% + 4px)}.menu-list li{margin:0}.menu-list a{min-height:44px;padding:0 var(--s3);border-radius:var(--radius-s);color:var(--ink);align-items:center;text-decoration:none;display:flex}.menu-list a:hover{background:var(--surface-2)}.menu-list a[aria-current=true]{color:var(--accent);font-weight:650}.btn{appearance:none;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;min-height:var(--tap);padding:var(--s2) var(--s5);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:var(--s2);text-align:center;font-weight:600;line-height:1.3;text-decoration:none;transition:background-color .12s,border-color .12s,transform 60ms;display:inline-flex}.btn:hover{border-color:var(--ink-3)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.08);border-color:var(--accent)}.btn-quiet{color:var(--accent);padding-inline:var(--s3);background:0 0;border-color:#0000}.btn-quiet:hover{background:var(--accent-soft);border-color:#0000}.btn-block{width:100%}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-s{min-height:40px;padding:var(--s1) var(--s3);font-size:var(--fs-0)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s5)}.card-link{color:inherit;text-decoration:none;display:block}.card-link:hover{border-color:var(--line-strong)}.card h3{margin-bottom:var(--s1)}.eyebrow{font-size:var(--fs-0);color:var(--ink-3);margin-bottom:var(--s1);font-weight:600}.notice{border-inline-start:3px solid var(--line-strong);padding:var(--s2) var(--s4);color:var(--ink-2);background:var(--surface-2);border-radius:0 var(--radius-s) var(--radius-s) 0}.notice-warn{border-color:var(--mark)}.lede{font-size:var(--fs-2);color:var(--ink-2);max-width:var(--measure)}.prose{max-width:var(--measure)}.prose h2{margin-top:var(--s6)}.tag{padding:2px var(--s2);background:var(--surface-2);color:var(--ink-2);border-radius:999px;font-size:.8125rem;display:inline-block}.tag-ok{background:var(--ok-soft);color:var(--ok)}.home-eyebrow{font-size:var(--fs-0);color:var(--accent);letter-spacing:.01em;margin-bottom:var(--s3);font-weight:600}.home-eyebrow .ko{font-size:1rem}.home-section{margin-top:var(--s8)}.home-section-head{max-width:var(--measure);margin-bottom:var(--s5)}.home-section-head h2{margin-bottom:var(--s1)}.home-section-head p{margin:0}.offers{gap:var(--s3);margin-top:var(--s7);grid-template-columns:1fr 1fr;display:grid}@media (min-width:900px){.offers{gap:var(--s4);margin-top:var(--s8);grid-template-columns:repeat(4,1fr)}}.offer{padding:var(--s4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);flex-direction:column;text-decoration:none;transition:border-color .12s,transform .12s;display:flex}.offer:hover{border-color:var(--accent);transform:translateY(-1px)}.offer-ko{font-family:var(--font-ko);color:var(--mark);font-size:1.625rem;font-weight:600;line-height:1.2}.offer-gloss{color:var(--ink-3);margin-bottom:var(--s3);font-size:.8125rem}.offer-h{margin-bottom:var(--s1);font-weight:650;line-height:1.3}.offer-p{font-size:var(--fs-0);color:var(--ink-2);line-height:1.5}@media (max-width:480px){.offer{padding:var(--s3)}.offer-p{display:none}}.unit-path{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (min-width:900px){.unit-path{grid-template-columns:1fr 1fr}.unit-path li:nth-child(odd){border-inline-end:1px solid var(--line)}}.unit-path li{border-bottom:1px solid var(--line);margin:0}.unit-path li:last-child{border-bottom:0}@media (min-width:900px){.unit-path li:nth-last-child(2):nth-child(odd){border-bottom:0}}.unit-path a{gap:var(--s3);padding:var(--s4);color:inherit;grid-template-columns:2.25rem 1fr auto;align-items:center;min-height:100%;text-decoration:none;display:grid}.unit-path a:hover{background:var(--surface-2)}.unit-n{background:var(--accent-soft);width:2.25rem;height:2.25rem;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-weight:700;display:grid}.unit-t{font-weight:650;display:block}.unit-b{font-size:var(--fs-0);color:var(--ink-2);line-height:1.5;display:block}.unit-c{font-size:var(--fs-0);color:var(--ink-3);white-space:nowrap}@media (max-width:480px){.unit-c{display:none}}.how-grid{gap:var(--s5);margin:0;padding:0;list-style:none;display:grid}@media (min-width:800px){.how-grid{gap:var(--s6);grid-template-columns:repeat(3,1fr)}}.how-grid li{margin:0}.how-grid h3{margin:var(--s3) 0 var(--s1)}.how-grid p{font-size:var(--fs-0);margin:0;line-height:1.6}.how-n{border:1.5px solid var(--line-strong);width:1.75rem;height:1.75rem;font-size:var(--fs-0);color:var(--ink-2);border-radius:50%;place-items:center;font-weight:650;display:grid}.home-games{gap:var(--s5);align-items:center;display:grid}@media (min-width:800px){.home-games{gap:var(--s7);grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.home-games-img img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);width:100%;height:auto;display:block}.chips{gap:var(--s2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chips li{margin:0}.chips a{min-height:44px;padding:0 var(--s4);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:var(--fs-0);border-radius:999px;align-items:center;font-weight:550;text-decoration:none;display:inline-flex}.chips a:hover{border-color:var(--accent);color:var(--accent)}.home-top{gap:var(--s6);align-items:start;display:grid}@media (min-width:880px){.home-top{gap:var(--s7);grid-template-columns:1.05fr 1fr}}.home-top h1{font-size:clamp(1.75rem,4.6vw,2.5rem)}.home-art{margin-top:var(--s7);border-radius:var(--radius);aspect-ratio:4/3;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}.home-art img{object-fit:cover;object-position:60% 50%;width:100%;height:100%;display:block}@media (min-width:720px){.home-art{aspect-ratio:5/2;margin-top:var(--s7)}.home-art img{object-position:50% 62%}}@media (min-width:1100px){.home-art{aspect-ratio:3}.home-art img{object-position:50% 58%}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .home-art img{filter:brightness(.82)saturate(.92)}}:root[data-theme=dark] .home-art img{filter:brightness(.82)saturate(.92)}.steps{counter-reset:s;padding:0;list-style:none}.steps li{counter-increment:s;margin-bottom:var(--s4);padding-inline-start:2.25rem;position:relative}.steps li:before{content:counter(s);inset-inline-start:0;border:1.5px solid var(--line-strong);width:1.6rem;height:1.6rem;font-size:var(--fs-0);color:var(--ink-2);border-radius:50%;place-items:center;font-weight:650;line-height:1;display:grid;position:absolute;top:.1em}:root{--board:#e8c98a}.games-head{max-width:46rem}.games-head h1{font-size:clamp(1.75rem,4.6vw,2.5rem)}.games-toc{gap:var(--s2);margin-top:var(--s5);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:720px){.games-toc{grid-template-columns:repeat(4,1fr)}}.games-toc a{padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:var(--fs-0);flex-direction:column;gap:2px;text-decoration:none;display:flex}.games-toc a:hover{border-color:var(--accent)}.games-toc .ko{font-size:1.375rem;font-weight:600}.games-why{margin-top:var(--s7)}.games-section{margin-top:var(--s8)}.game{margin-top:var(--s8);padding-top:var(--s6);border-top:1px solid var(--line);gap:var(--s5) var(--s7);scroll-margin-top:72px;display:grid}@media (min-width:900px){.game{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.game-words{grid-column:1/-1}.game:nth-of-type(2n) .game-media{order:-1}}.game-ko{margin:calc(-1 * var(--s2)) 0 var(--s3)}.game-ko .ko{color:var(--mark);font-size:1.75rem;font-weight:600}.game figure{margin:0 0 var(--s4)}.game figure img{border-radius:var(--radius);border:1px solid var(--line);width:100%;height:auto;display:block}.game figcaption{font-size:var(--fs-0);color:var(--ink-2);margin-top:var(--s2)}.game-diagram{gap:var(--s4);grid-template-columns:minmax(0,11rem) 1fr;align-items:center;display:grid}.game-diagram figcaption{margin:0}.diagram{border-radius:var(--radius-s);width:100%;height:auto;display:block}.game-media:only-child .game-diagram,.game-media>.game-diagram:first-child{grid-template-columns:1fr}.game-media>.game-diagram:first-child .diagram{max-width:26rem}.game-words .ko-list{margin-top:var(--s3)}@media (min-width:720px){.game-words .ko-list{grid-template-columns:1fr 1fr;display:grid}.game-words .ko-list li{border-bottom:1px solid var(--line)}}.unit{border-top:1px solid var(--line);padding-top:var(--s5)}.lesson-list{margin:0;padding:0;list-style:none}.lesson-list li{border-bottom:1px solid var(--line);margin:0}.lesson-list li:last-child{border-bottom:0}.lesson-row{gap:var(--s3);padding:var(--s3) var(--s2);min-height:60px;color:inherit;border-radius:var(--radius-s);grid-template-columns:2rem 1fr auto;align-items:center;text-decoration:none;display:grid}.lesson-row:hover{background:var(--surface-2)}.unit-test-row{border-top:1px dashed var(--line-strong);margin-top:var(--s1)}.unit-test-row .lesson-num{color:var(--accent);font-weight:700}.lesson-num{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:var(--fs-0)}.lesson-title{font-weight:600;display:block}.lesson-outcome{color:var(--ink-2);font-size:var(--fs-0);display:block}.lesson-state{font-size:var(--fs-0);color:var(--ink-3);white-space:nowrap}.lesson-state[data-state=done]{color:var(--ok);font-weight:600}.lesson-state[data-state=next]{color:var(--accent);font-weight:650}.unit-nav{display:none}@media (min-width:1040px){.lesson-layout{gap:var(--s7);grid-template-columns:15rem minmax(0,40rem);justify-content:center;align-items:start;display:grid}.unit-nav{top:calc(56px + var(--s5));font-size:var(--fs-0);display:block;position:sticky}.unit-nav ol{margin:0 0 var(--s4);padding:0;list-style:none}.unit-nav li{margin:0}.unit-nav a[href*="/lessons/"]:not(.small){gap:var(--s2);padding:var(--s2);border-radius:var(--radius-s);color:var(--ink-2);grid-template-columns:1.4rem 1fr auto;align-items:baseline;line-height:1.4;text-decoration:none;display:grid}.unit-nav a:hover{background:var(--surface-2)}.unit-nav a[aria-current=page]{background:var(--accent-soft);color:var(--ink);font-weight:600}body[data-focus="1"] .unit-nav{opacity:.55}body[data-focus="1"] .unit-nav:hover,body[data-focus="1"] .unit-nav:focus-within{opacity:1}}.player{max-width:40rem;min-height:calc(100dvh - 57px - var(--s5) - var(--s5));flex-direction:column;margin-inline:auto;display:flex}.player-top{align-items:center;gap:var(--s3);margin-bottom:var(--s5);display:flex}.player-top a,.player-top button.exit{color:var(--ink-2);min-width:var(--tap);min-height:var(--tap);border-radius:var(--radius-s);font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;text-decoration:none;display:inline-grid}.player-top a:hover{background:var(--surface-2)}.bar{background:var(--surface-2);border-radius:999px;flex:1;height:8px;overflow:hidden}.bar>span{background:var(--accent);border-radius:999px;height:100%;transition:width .25s;display:block}.bar-count{font-size:var(--fs-0);color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:end;min-width:3.2em}.step{flex:1}.step h1,.step h2{font-size:var(--fs-3)}.step-q{font-size:var(--fs-2);margin-bottom:var(--s4);font-weight:600}.step-body p{max-width:var(--measure)}.player-foot{background:linear-gradient(to top, var(--bg) 78%, transparent);padding:var(--s5) 0 var(--s4);margin-top:var(--s5);gap:var(--s3);align-items:center;display:flex;position:sticky;bottom:0}.player-foot .btn-primary{flex:1}.ko-cards{gap:var(--s3);margin:var(--s5) 0;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));display:grid}.ko-card .audio[data-speed=slow] svg{display:none}.ko-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4) var(--s3) var(--s3);align-items:center;gap:var(--s1);text-align:center;flex-direction:column;justify-content:space-between;min-height:9.5rem;display:flex}.ko-big{font-family:var(--font-ko);color:var(--ink);font-size:3.25rem;font-weight:500;line-height:1.15}.ko-big[data-long="1"]{font-size:1.9rem}.ko-big[data-long="2"]{font-size:1.4rem;line-height:1.4}.ko-gloss{font-size:var(--fs-0);color:var(--ink-2)}.ko-list{margin:var(--s5) 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:0;list-style:none}.ko-list li{gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;margin:0;display:grid}.ko-list li:last-child{border-bottom:0}.ko-line{font-family:var(--font-ko);font-size:1.375rem;line-height:1.4;display:block}.ko-list .who{font-size:var(--fs-0);color:var(--ink-3);font-weight:650}.blocks{gap:var(--s5);margin:var(--s5) 0;flex-wrap:wrap;align-items:center;display:flex}.block-eq{align-items:center;gap:var(--s2);font-family:var(--font-ko);font-size:2rem;display:flex}.block-eq .part{border:1.5px dashed var(--line-strong);border-radius:var(--radius-s);background:var(--surface);place-items:center;width:3.25rem;height:3.25rem;display:grid}.block-eq .res{border:2px solid var(--mark);border-radius:var(--radius-s);background:var(--surface);width:4rem;height:4rem;color:var(--ink);place-items:center;font-size:2.5rem;display:grid}.block-eq .op{color:var(--ink-3);font-size:1.25rem;font-family:var(--font-ui)}.audio{appearance:none;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);min-width:var(--tap);min-height:var(--tap);cursor:pointer;justify-content:center;align-items:center;gap:var(--s2);padding:0 var(--s3);font:inherit;font-size:var(--fs-0);border-radius:999px;font-weight:600;display:inline-flex}.audio:hover{border-color:var(--accent);color:var(--accent)}.audio[data-state=playing]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.audio[data-state=error]{border-color:var(--bad);color:var(--bad)}.audio svg{flex:none;width:20px;height:20px}.audio-lg{border-width:2px;min-width:88px;min-height:88px}.audio-lg svg{width:36px;height:36px}.audio-row{align-items:center;gap:var(--s3);margin:var(--s4) 0 var(--s5);flex-wrap:wrap;display:flex}.audio-note{font-size:var(--fs-0);color:var(--bad);flex-basis:100%}.options{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.options[data-cols="1"]{grid-template-columns:1fr}.opt{appearance:none;font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--radius);min-height:64px;padding:var(--s3) var(--s4);cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:var(--s2);line-height:1.35;display:flex}.opt.ko{min-height:84px;font-size:1.9rem}.opt.ko[data-long="1"]{min-height:64px;font-size:1.25rem}.opt:hover:not([disabled]){border-color:var(--accent)}.opt[aria-pressed=true],.opt[data-picked="1"]{border-color:var(--accent);background:var(--accent-soft)}.opt[data-result=right]{border-color:var(--ok);background:var(--ok-soft);color:var(--ink)}.opt[data-result=wrong]{border-color:var(--bad);background:var(--bad-soft)}.opt[disabled]{cursor:default}.opt[data-done="1"]{opacity:.45;border-style:dashed}.build-target{gap:var(--s3);margin:var(--s4) 0 var(--s5);justify-content:center;display:flex}.slot{border:2px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);width:5.5rem;height:5.5rem;font-family:var(--font-ko);place-items:center;font-size:3.25rem;line-height:1;display:grid}.slot[data-filled="1"]{border-style:solid;border-color:var(--accent)}.slot[data-result=right]{border-color:var(--ok);background:var(--ok-soft)}.slot[data-result=wrong]{border-color:var(--bad);background:var(--bad-soft)}.tiles{gap:var(--s2);flex-wrap:wrap;justify-content:center;display:flex}.tile{appearance:none;font-family:var(--font-ko);border-radius:var(--radius-s);border:1.5px solid var(--line-strong);background:var(--surface);width:3.25rem;height:3.25rem;color:var(--ink);cursor:pointer;font-size:1.6rem;line-height:1}.tile.word{width:auto;padding:0 var(--s4);font-size:1.25rem}.tile:hover:not([disabled]){border-color:var(--accent)}.tile[disabled]{opacity:.35;cursor:default}.tile.fn{font-family:var(--font-ui);font-size:var(--fs-0);width:auto;padding:0 var(--s3);font-weight:600}.answer-line{border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-height:4.25rem;padding:var(--s2);gap:var(--s2);margin-bottom:var(--s4);flex-wrap:wrap;align-items:center;display:flex}.answer-line[data-result=right]{border-color:var(--ok);background:var(--ok-soft)}.answer-line[data-result=wrong]{border-color:var(--bad);background:var(--bad-soft)}.cloze{font-family:var(--font-ko);margin:var(--s4) 0 var(--s5);text-align:center;font-size:1.6rem;line-height:1.6}.cloze .gap{border-bottom:3px solid var(--accent);text-align:center;min-width:3rem;color:var(--accent);margin:0 .15em;display:inline-block}.input{font:inherit;font-family:var(--font-ko);width:100%;min-height:60px;padding:var(--s2) var(--s4);border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:1.5rem}.input[data-result=right]{border-color:var(--ok);background:var(--ok-soft)}.input[data-result=wrong]{border-color:var(--bad);background:var(--bad-soft)}.field label{margin-bottom:var(--s1);font-weight:600;display:block}.field input[type=text],.field input[type=password],.field input[type=email],.field select,.field textarea{font:inherit;width:100%;min-height:var(--tap);padding:var(--s2) var(--s3);border:1.5px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface);color:var(--ink)}.field textarea{min-height:8rem}.field .help{font-size:var(--fs-0);color:var(--ink-2);margin-top:var(--s1)}.switch-row{gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line);align-items:flex-start;display:flex}.switch-row input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin-top:3px}.switch-row label{font-weight:600;display:block}.match{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.match-col{gap:var(--s3);align-content:start;display:grid}.match .opt,.match .opt.ko{min-height:68px}.match .opt.ko{font-size:1.6rem}.match .opt.ko[data-long="1"]{font-size:1.2rem}.feedback{border-radius:var(--radius);padding:var(--s4);margin-top:var(--s5);border:1px solid}.feedback[data-kind=right]{background:var(--ok-soft);border-color:var(--ok)}.feedback[data-kind=wrong]{background:var(--bad-soft);border-color:var(--bad)}.feedback[data-kind=hint]{background:var(--surface-2);border-color:var(--line-strong)}.feedback-title{margin-bottom:var(--s1);align-items:center;gap:var(--s2);font-weight:700;display:flex}.feedback[data-kind=right] .feedback-title{color:var(--ok)}.feedback[data-kind=wrong] .feedback-title{color:var(--bad)}.feedback p:last-child{margin-bottom:0}.result-list{padding:0;list-style:none}.result-list li{justify-content:space-between;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--line);margin:0;display:flex}.meter{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.meter>span{background:var(--ok);height:100%;display:block}.stat{font-size:var(--fs-4);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.stat-label{color:var(--ink-2);font-size:var(--fs-0)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--fs-0)}th,td{text-align:start;padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--ink-2);font-weight:600}td.ko{font-size:1.2rem}.chart{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));display:grid}.chart button{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-s);cursor:pointer;min-height:4.5rem;font:inherit;flex-direction:column;justify-content:center;align-items:center;display:flex}.chart button:hover{border-color:var(--accent)}.chart .ko{font-size:1.75rem;line-height:1.2}.banner{background:var(--accent-soft);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s2) 0;font-size:var(--fs-0);margin-bottom:var(--s5)}.banner .wrap{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.offline{background:var(--surface-2);text-align:center;padding:var(--s2);font-size:var(--fs-0);border-bottom:1px solid var(--line)}.skeleton{background:var(--surface-2);border-radius:var(--radius);min-height:12rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:380px){.ko-big{font-size:2.75rem}.options{gap:var(--s2)}.slot{width:4.75rem;height:4.75rem;font-size:2.75rem}}.lookup input{width:100%;padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg);color:var(--ink);font-size:1.25rem}.lookup h3{margin:var(--s5) 0 var(--s2);color:var(--muted);font-size:.95rem;font-weight:600}.lookup-blocks{gap:var(--s2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.lookup-blocks li{border:1px solid var(--line);border-radius:var(--radius-s);padding:var(--s2) var(--s3);flex-direction:column;align-items:center;gap:2px;min-width:4.5rem;display:flex}.lookup-blocks .ko{font-size:1.75rem;line-height:1.2}.lookup-blocks .parts{font-size:.95rem}.lookup-hits{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.lookup-hits li{gap:var(--s3);align-items:center;display:flex}.lookup-hits .ko{font-size:1.2rem}.lookup .small{margin-top:var(--s2);font-size:.875rem}.travel{max-width:52rem;margin-inline:auto}.travel-toc{gap:var(--s2);margin-top:var(--s5);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:720px){.travel-toc{grid-template-columns:repeat(4,1fr)}}.travel-toc a{padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:var(--fs-0);flex-direction:column;gap:2px;text-decoration:none;display:flex}.travel-toc a:hover{border-color:var(--accent)}.travel-toc .ko{font-size:1.125rem;font-weight:600}.travel section{scroll-margin-top:5rem}.travel-tips{gap:var(--s2);margin:0;padding-left:1.2em;display:grid}.travel-next .row{gap:var(--s2);flex-wrap:wrap}.topic-pick{gap:var(--s2);border:0;margin:0;padding:0;display:grid}.topic-pick legend{margin-bottom:var(--s2);padding:0;font-weight:600}@media (min-width:720px){.topic-pick{grid-template-columns:repeat(3,1fr)}}.topic-pick label{column-gap:var(--s2);padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;row-gap:2px;display:grid}.topic-pick label[data-on=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.topic-pick input{accent-color:var(--accent);margin-top:.3em}.topic-pick .topic-name{font-weight:600}.topic-pick .topic-help{color:var(--muted);grid-column:2;font-size:.875rem}.contact-row{gap:var(--s4);display:grid}@media (min-width:720px){.contact-row{grid-template-columns:1fr 1fr}}.menu-btn{appearance:none;color:var(--ink);width:var(--tap);height:var(--tap);border-radius:var(--radius-s);cursor:pointer;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;display:inline-grid}.menu-btn:hover{background:var(--surface-2)}.site-header .wrap>.menu-btn{margin-inline-end:calc(var(--s2) * -1)}@media (min-width:720px){.site-header .wrap>.menu-btn{display:none}}.drawer{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0}.drawer::backdrop{background:#00000073}.drawer-panel{background:var(--bg);border-inline-start:1px solid var(--line);overscroll-behavior:contain;width:min(21rem,88vw);padding:0 var(--s4) calc(var(--s6) + env(safe-area-inset-bottom));position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto;box-shadow:-12px 0 32px #0000002e}.drawer[open] .drawer-panel{animation:.2s ease-out drawer-in}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.drawer[open] .drawer-panel{animation:none}}.drawer-head{background:var(--bg);min-height:56px;z-index:1;justify-content:space-between;align-items:center;margin-inline-end:calc(var(--s2) * -1);display:flex;position:sticky;top:0}.drawer-title{font-weight:700}.drawer h2{color:var(--ink-2);margin:var(--s5) 0 var(--s1);letter-spacing:.02em;font-size:.8125rem;font-weight:600}.drawer ul{margin:0;padding:0;list-style:none}.drawer li{margin:0}.drawer nav a{min-height:48px;padding:0 var(--s3);margin-inline:calc(var(--s3) * -1);border-radius:var(--radius-s);color:var(--ink);font-size:var(--fs-1);align-items:center;text-decoration:none;display:flex}.drawer nav a:hover{background:var(--surface-2)}.drawer nav a[aria-current=page]{color:var(--accent);background:var(--surface-2);font-weight:650}.menu>summary{white-space:nowrap}@media (max-width:400px){.site-header .wrap{gap:var(--s1)}.brand-name{font-size:1rem}}