:root{--paper: #fbfaf7;--ink: #26303d;--ink-soft: #5b6577;--line: #d9d4ca;--accent: #2f5d8a;--right: #2e7d4f;--wrong: #b3432f;color-scheme:only light}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-tap-highlight-color:transparent}[lang=ko]{word-break:keep-all;overflow-wrap:break-word}.screen{min-height:100vh;min-height:100dvh;padding-top:calc(env(safe-area-inset-top,0px) + 16px);box-sizing:border-box}.shell{max-width:560px;margin:0 auto;padding-left:16px;padding-right:16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 64px)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--line);background:var(--paper)}.tabbar-tab{min-height:52px;border:0;background:transparent;color:var(--ink-soft);font:inherit;font-size:13px;cursor:pointer}.tabbar-tab[aria-current=page]{color:var(--accent);font-weight:600}.said{display:inline-grid;justify-items:center;line-height:1.15}.said-ko{font-family:var(--wa-display, inherit);word-break:keep-all}.said-en{font-size:.72em;font-weight:400;opacity:.8}.tabbar-said .said-ko{font-size:14px}.tabbar-said .said-en{font-size:10px;white-space:nowrap}.wa-people-head h2 .said,.wa-people-sub .said{justify-items:start}.wa-banner-n{margin-left:.5em;font-size:.78em;opacity:.8}.shell-head,.world-row{--sign: var(--wa-board, var(--paper));--sign-in: var(--wa-board-inset, var(--paper));--sign-ink: var(--wa-board-text, var(--ink))}.shell-head{position:relative;display:grid;grid-template-columns:52px 1fr 44px;align-items:center;gap:12px;margin:14px 0 6px;padding:10px 12px;border:2.5px solid var(--ink);border-radius:6px;background:var(--sign);box-shadow:inset 0 0 0 5px var(--sign-in),3px 4px #2b282538;color:var(--sign-ink)}.shell-head:before,.shell-head:after{content:"";position:absolute;top:-14px;width:8px;height:8px;border:2px solid var(--ink);border-radius:50%;background:#d9a441;box-shadow:4px 6px 0 -3.5px var(--ink)}.shell-head:before{left:22%}.shell-head:after{right:22%}.shell-head h1{display:grid;margin:0;line-height:1.1}.head-ko{font-family:var(--wa-display, inherit);font-size:26px;font-weight:400}.head-en{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.world-tab-level{font-family:var(--wa-display, inherit)}.head-avatar,.head-gear{position:relative;display:grid;place-items:center;padding:0;border:2.5px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer}.head-avatar{width:52px;height:52px}.head-avatar>span{overflow:hidden;border-radius:50%}.head-gear{width:44px;height:44px}.head-gear:before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='3.4'/%3E%3Cpath d='M12 2.5v3M12 18.5v3M2.5 12h3M18.5 12h3M5.3 5.3l2.1 2.1M16.6 16.6l2.1 2.1M5.3 18.7l2.1-2.1M16.6 7.4l2.1-2.1'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='3.4'/%3E%3Cpath d='M12 2.5v3M12 18.5v3M2.5 12h3M18.5 12h3M5.3 5.3l2.1 2.1M16.6 16.6l2.1 2.1M5.3 18.7l2.1-2.1M16.6 7.4l2.1-2.1'/%3E%3C/svg%3E") center / contain no-repeat}.head-rank{position:absolute;right:-8px;bottom:-6px;min-width:22px;height:22px;display:grid;place-items:center;box-sizing:border-box;border:2px solid var(--ink);border-radius:4px;background:var(--accent);color:#fbf3e2;font-size:12px;transform:rotate(-6deg)}.world-row{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding-top:14px}.world-row:before{content:"";position:absolute;left:0;right:0;top:5px;height:3px;border-radius:2px;background:var(--ink)}.world-tab{position:relative;display:grid;justify-items:center;gap:1px;padding:5px 0 6px;border:2px solid var(--ink);border-radius:4px;background:var(--sign);box-shadow:inset 0 0 0 3px var(--sign-in),2px 3px #2b282538;color:var(--sign-ink);font:inherit;cursor:pointer}.world-tab:before{content:"";position:absolute;top:-10px;left:50%;width:2px;height:8px;background:var(--ink)}.world-tab-exam,.world-tab-done{font-size:9.5px;font-weight:600;white-space:nowrap;opacity:.85}.world-tab-level{font-size:20px;font-weight:700;line-height:1}.world-tab[aria-selected=true]{background:var(--accent);box-shadow:inset 0 0 0 3px #00000024,2px 3px #2b282538;color:#fbf3e2;transform:translateY(3px)}[data-world=market]{--paper: #f6f1e7;--ink: #2b2825;--ink-soft: #6b5e57;--line: #cdbfa6;--accent: #c83827}html:has(main[data-world=market]) body{background:#f6f1e7}main[data-world=market]{--wa-board: #b98a55;--wa-board-inset: #a37443;--wa-board-text: #fbf3e2}.tabbar[data-world=market]{border-top:0;background:#2b2825}.tabbar[data-world=market] .tabbar-tab{color:#e6dcc8;font-weight:600}.tabbar[data-world=market] .tabbar-tab[aria-current=page]{margin:6px;min-height:40px;border-radius:8px;background:#c83827;color:#f6f1e7}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.world,.lesson{padding:20px 0 32px}.world-title,.lesson-title{margin:0;font-size:20px}.world-meta,.lesson-kicker{margin:4px 0 0;font-size:13px;color:var(--ink-soft)}.world-about{margin:12px 0 0;line-height:1.5}.cast{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}.cast li{display:flex;gap:4px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;font-size:13px}.cast-species{color:var(--ink-soft)}.lesson-list{margin:16px 0 0;padding:0;list-style:none}.lesson-row{display:flex;gap:12px;width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.lesson-n{min-width:2.2em;color:var(--ink-soft);font-variant-numeric:tabular-nums}.lesson-text{display:flex;flex-direction:column;gap:2px}.lesson-who{font-size:13px;color:var(--ink-soft)}.back{padding:10px 0;margin:-4px 0;border:0;background:transparent;color:var(--accent);font:inherit;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:16px 0 0;padding:0;list-style:none}.card{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line);border-radius:10px}.card-word{font-size:20px;font-weight:600}.card-guide,.card-gloss{font-size:13px;color:var(--ink-soft)}.hangul{padding:20px 0 32px}.hangul-head{margin:24px 0 8px;font-size:16px}.letters{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;margin:0;padding:0;list-style:none}.letter{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1px solid var(--line);border-radius:10px}.letter-jamo{font-size:24px;font-weight:600}.letter-name,.letter-roman{font-size:12px;color:var(--ink-soft)}.built{margin:8px 0;font-size:48px;font-weight:600;text-align:center}.picker{margin:8px 0}.picker-label{display:block;margin-bottom:4px;font-size:13px;color:var(--ink-soft)}.picker-row{display:flex;flex-wrap:wrap;gap:4px}.chip{min-width:36px;min-height:36px;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:18px;cursor:pointer}.chip[aria-checked=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.option{padding:12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:18px;cursor:pointer}.option[data-state=right]{border-color:var(--right);box-shadow:inset 0 0 0 1px var(--right)}.option[data-state=wrong]{border-color:var(--wrong);box-shadow:inset 0 0 0 1px var(--wrong)}.score{display:flex;justify-content:space-between;align-items:center;color:var(--ink-soft)}.source{margin-top:24px;font-size:12px;color:var(--ink-soft)}.lesson-title-ko{margin:2px 0 0;font-size:16px}.conversation{display:flex;flex-direction:column;gap:12px;margin:16px 0 0;padding:0;list-style:none}.line{display:flex;flex-direction:column;gap:2px;padding-bottom:12px;border-bottom:1px solid var(--line)}.line-name{font-size:12px;font-weight:600;color:var(--accent)}.line-ko{font-size:18px;line-height:1.5}.line-roman,.line-en{font-size:13px;color:var(--ink-soft)}.lesson-steps{margin-left:auto;align-self:center;font-size:13px;color:var(--right);font-variant-numeric:tabular-nums}.listen{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--accent);vertical-align:middle;cursor:pointer}.listen.is-waiting svg,.hear.is-waiting svg{animation:listen-pulse 1s ease-in-out infinite}.listen.is-speaking .wave,.hear.is-speaking .wave{animation:listen-wave .9s ease-in-out infinite}.listen.is-speaking .wave-2,.hear.is-speaking .wave-2{animation-delay:.18s}.listen.is-failed,.hear.is-failed{opacity:.45}.listen-note{display:block;flex-basis:100%;order:99;margin-top:4px;font-size:13px;color:var(--ink-soft)}:has(>.listen-note){flex-wrap:wrap}@keyframes listen-pulse{50%{opacity:.35}}@keyframes listen-wave{50%{opacity:.15}}@media(prefers-reduced-motion:reduce){.listen.is-waiting svg,.hear.is-waiting svg{animation:none;opacity:.5}.listen.is-speaking .wave,.hear.is-speaking .wave{animation:none}}.hear{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--accent);cursor:pointer}.hear:active{background:var(--line)}.voice-notice{position:fixed;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 64px);display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--wrong);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer}.write-modes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.write-stage{display:flex;justify-content:center;margin:8px 0 4px}.write-box{position:relative;border:1px solid var(--line);background:#fffdf8;touch-action:none}.write-guide{position:absolute;inset:0;width:100%;height:100%}.write-guide line{stroke:var(--line);stroke-width:.6;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.write-ink{position:relative}.write-offline{position:absolute;inset:auto 8px 8px;margin:0;font-size:13px;color:var(--ink-soft)}.write-box.shiver{animation:shiver .25s ease-in-out}@keyframes shiver{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.write-box.shiver{animation:none}}.page-title:has(>b){display:grid;line-height:1.15}.page-title>b{font-family:var(--wa-display, inherit);font-size:24px;font-weight:400}.page-title>small{font-size:12px;font-weight:600;color:var(--ink-soft)}@media(min-width:720px){html:has(#root main[data-world=market]) body{background:#2b2825}html:has(#root main[data-world=restaurant]) body{background:#342e28}html:has(#root main[data-world=line]) body{background:#2b2d2f}html:has(#root main[data-world=set]) body{background:#1a1d20}html:has(#root main[data-world=hanok]) body{background:#26221f}html:has(#root main[data-world=institute]) body{background:#1e232a}.shell{max-width:480px;background:var(--paper);box-shadow:0 0 0 2px #00000080}.tabbar{left:50%;right:auto;width:480px;transform:translate(-50%)}}