:root,[data-theme=midnight]{color-scheme:dark;--bg: #0f1117;--surface: #171a23;--surface-raised: #1e222e;--surface-hover: #262b3a;--border: #2a2f3d;--border-strong: #3a4154;--border-hover: #48506a;--text: #e8eaf0;--text-muted: #9aa3b8;--text-faint: #6b7489;--accent: #6f9dff;--accent-dim: #24314f;--accent-hover: #85aeff;--accent-text: #cfdcff;--on-accent: #0b1020;--correct: #3ddc97;--correct-dim: #14332a;--wrong: #ff6b6b;--wrong-dim: #3a1f24;--warn: #ffc857;--topbar-bg: rgba(15, 17, 23, .9)}[data-theme=slate]{color-scheme:dark;--bg: #14161a;--surface: #1c1f24;--surface-raised: #24282f;--surface-hover: #2c313a;--border: #31363f;--border-strong: #424957;--border-hover: #515a6b;--text: #e6e8ec;--text-muted: #9ba2ad;--text-faint: #6d7480;--accent: #4fd1c5;--accent-dim: #113a3b;--accent-hover: #6ee0d5;--accent-text: #c4f1eb;--on-accent: #062120;--correct: #5ac878;--correct-dim: #163224;--wrong: #f2777a;--wrong-dim: #371f21;--warn: #e8b04b;--topbar-bg: rgba(20, 22, 26, .9)}[data-theme=ink]{color-scheme:dark;--bg: #000000;--surface: #0c0c0e;--surface-raised: #141417;--surface-hover: #1b1b1f;--border: #232327;--border-strong: #34343a;--border-hover: #45454d;--text: #f0f0f2;--text-muted: #a0a0a8;--text-faint: #70707a;--accent: #ffb454;--accent-dim: #3a2a0f;--accent-hover: #ffc878;--accent-text: #ffe2b8;--on-accent: #1a1200;--correct: #4ade80;--correct-dim: #0d2a17;--wrong: #ff7b72;--wrong-dim: #2e1513;--warn: #ffd166;--topbar-bg: rgba(0, 0, 0, .9)}[data-theme=paper]{color-scheme:light;--bg: #f7f8fa;--surface: #ffffff;--surface-raised: #f1f4f9;--surface-hover: #e7ecf4;--border: #dfe3ea;--border-strong: #c3cad6;--border-hover: #a9b3c4;--text: #1a1d24;--text-muted: #556070;--text-faint: #7b8595;--accent: #3d5ccc;--accent-dim: #e4e9fb;--accent-hover: #2f4ab0;--accent-text: #1e2f7a;--on-accent: #ffffff;--correct: #0f8a5f;--correct-dim: #ddf3e8;--wrong: #c62f3b;--wrong-dim: #fbe4e6;--warn: #8a6100;--topbar-bg: rgba(247, 248, 250, .92)}[data-theme=hanji]{color-scheme:light;--bg: #f4efe4;--surface: #fdfaf3;--surface-raised: #efe8d9;--surface-hover: #e7dfcd;--border: #ddd3c0;--border-strong: #c4b7a0;--border-hover: #ab9c82;--text: #2b2419;--text-muted: #6b5d48;--text-faint: #8d8069;--accent: #b1512f;--accent-dim: #f6e3da;--accent-hover: #96401f;--accent-text: #7d3620;--on-accent: #fff8f2;--correct: #2f7d4f;--correct-dim: #e1efe2;--wrong: #b3322f;--wrong-dim: #f8e2df;--warn: #8a6520;--topbar-bg: rgba(244, 239, 228, .92)}:root{--radius: 12px;--radius-lg: 18px;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-hangul: "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", "Nanum Gothic", "Source Han Sans KR", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app__main{flex:1;width:100%;max-width:840px;margin:0 auto;padding:16px calc(14px + var(--safe-right)) calc(48px + var(--safe-bottom)) calc(14px + var(--safe-left))}@media (min-width: 600px){.app__main{padding:20px 16px 64px}}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;padding:calc(8px + var(--safe-top)) calc(12px + var(--safe-right)) 8px calc(12px + var(--safe-left));background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar__brand{display:flex;align-items:baseline;gap:8px;font-weight:650;letter-spacing:-.01em;min-width:0}.topbar__brand span[lang=ko]{font-family:var(--font-hangul);color:var(--accent);font-size:1.15rem}.topbar__name{display:none}.topbar__spacer{flex:1}@media (min-width: 480px){.topbar{gap:12px;padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right))}.topbar__name{display:inline}}h1,h2,h3{margin:0;letter-spacing:-.02em;line-height:1.2;overflow-wrap:break-word}h1{font-size:1.4rem}h2{font-size:1.05rem}h3{font-size:.95rem}@media (min-width: 600px){h1{font-size:1.6rem}h2{font-size:1.15rem}}p{margin:0}.muted{color:var(--text-muted)}.faint{color:var(--text-faint);font-size:.85rem}.ko{font-family:var(--font-hangul)}.section{margin-top:26px}@media (min-width: 600px){.section{margin-top:32px}}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 16px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);font-size:.9rem;font-weight:550;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:650}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn--sm{min-height:36px;padding:6px 12px;font-size:.82rem}.btn--block{width:100%}@media (hover: hover){.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost:hover:not(:disabled){background:var(--surface);color:var(--text)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}@media (min-width: 600px){.card{padding:18px}}.hero{padding:4px 0 8px}.hero p{margin-top:8px;color:var(--text-muted);max-width:58ch;font-size:.92rem}@media (min-width: 600px){.hero p{font-size:1rem}}.mode-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 520px){.mode-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}}.mode{display:flex;flex-direction:column;gap:9px;text-align:left;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .14s ease,background .14s ease,transform .1s ease}.mode:active{transform:scale(.99)}@media (hover: hover){.mode:hover{border-color:var(--accent);background:var(--surface-raised);transform:translateY(-2px)}}.mode__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.mode__glyph{font-family:var(--font-hangul);font-size:1.7rem;line-height:1;color:var(--accent)}.mode__title{font-size:1.05rem;font-weight:650}.mode__blurb{font-size:.85rem;color:var(--text-muted);line-height:1.45}.mode__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.75rem;color:var(--text-faint)}.bar{position:relative;height:6px;border-radius:999px;background:var(--border);overflow:hidden}.bar__fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--correct));transition:width .32s ease}.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width: 520px){.stat-row{grid-template-columns:repeat(4,1fr);gap:10px}}.stat{padding:10px 12px;border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--border)}.stat__value{font-size:1.3rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.stat__label{margin-top:2px;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.settings{display:flex;flex-direction:column;gap:16px}.settings--details{gap:18px;padding-top:16px;border-top:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-size:.82rem;font-weight:600;letter-spacing:.01em}.field__hint{font-size:.8rem;color:var(--text-faint);line-height:1.45}.summary{font-size:.78rem;color:var(--accent);font-variant-numeric:tabular-nums}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips--equal{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width: 440px){.chips--equal{grid-template-columns:repeat(4,1fr)}}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 13px;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:550;transition:background .12s ease,border-color .12s ease,color .12s ease}@media (hover: hover){.chip:hover{border-color:var(--accent);color:var(--text)}}.chip--on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-text)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px}.theme{display:flex;align-items:center;gap:10px;min-height:48px;padding:9px 11px;border:1px solid var(--border-strong);border-radius:var(--radius);background:transparent;text-align:left;transition:border-color .12s ease,background .12s ease}@media (hover: hover){.theme:hover{border-color:var(--accent)}}.theme--on{border-color:var(--accent);background:var(--accent-dim)}.theme__name{flex:1;min-width:0;font-size:.85rem;font-weight:600}.theme__scheme{flex:none;font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.swatch{display:flex;flex:none;height:24px;border-radius:7px;overflow:hidden;border:1px solid var(--border-strong)}.swatch i{display:block;width:11px;height:100%}.quiz{display:flex;flex-direction:column;gap:14px}.quiz__bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:.78rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.quiz__bar strong{color:var(--text);font-variant-numeric:tabular-nums}.quiz__title{font-weight:650;color:var(--text)}.quiz__label{display:none}@media (min-width: 560px){.quiz__bar{font-size:.82rem;gap:14px}.quiz__label{display:inline}}.streak{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--surface-raised);border:1px solid var(--border)}.streak--hot{border-color:var(--warn);color:var(--warn)}.prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:clamp(130px,26vh,210px);padding:18px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);text-align:center}.prompt__caption{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.prompt__value{font-weight:500;line-height:1.15;word-break:keep-all;overflow-wrap:break-word;max-width:100%}.prompt__value--hangul{font-family:var(--font-hangul);font-size:clamp(3.4rem,16vw,6.5rem)}.prompt__value--hangul-long{font-size:clamp(2.1rem,10vw,4.2rem)}.prompt__value--latin{font-family:var(--font-mono);font-size:clamp(2rem,9.5vw,4rem);letter-spacing:.02em}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choices--stacked{grid-template-columns:1fr}.choice{position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-raised);text-align:left;transition:border-color .12s ease,background .12s ease}@media (hover: hover){.choice:hover:not(:disabled){border-color:var(--accent)}}.choice:disabled{cursor:default}.choice__key{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:var(--bg);border:1px solid var(--border);font-size:.7rem;color:var(--text-faint);font-family:var(--font-mono)}.choice__text{font-size:1rem;font-weight:550;overflow-wrap:break-word;min-width:0}.choice__text--hangul{font-family:var(--font-hangul);font-size:1.8rem;line-height:1.2}.choice--correct{border-color:var(--correct);background:var(--correct-dim)}.choice--wrong{border-color:var(--wrong);background:var(--wrong-dim)}.choice--muted{opacity:.4}@media (hover: none) and (pointer: coarse){.choice__key,.kbd-hint{display:none}}.type-row{display:flex;gap:9px}.input{flex:1;min-width:0;min-height:48px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);font-family:var(--font-mono);font-size:16px}.input::placeholder{color:var(--text-faint)}.input:focus{outline:none;border-color:var(--accent)}.input--correct{border-color:var(--correct);background:var(--correct-dim)}.input--wrong{border-color:var(--wrong);background:var(--wrong-dim)}.feedback{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.feedback--correct{border-color:var(--correct)}.feedback--wrong{border-color:var(--wrong)}.feedback__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;font-weight:650}.feedback--correct .feedback__head{color:var(--correct)}.feedback--wrong .feedback__head{color:var(--wrong)}.feedback__answer{color:var(--text);font-family:var(--font-mono)}.feedback__answer--hangul{font-family:var(--font-hangul);font-size:1.4rem}.feedback__detail{font-size:.9rem;color:var(--text-muted)}.feedback__detail .ko{color:var(--text)}.feedback__breakdown{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.04em;color:var(--accent);overflow-wrap:break-word}.feedback__note{font-size:.85rem;color:var(--warn);line-height:1.5}.kbd-hint{font-size:.75rem;color:var(--text-faint);text-align:center}kbd{padding:1px 5px;border-radius:4px;border:1px solid var(--border-strong);background:var(--surface-raised);font-family:var(--font-mono);font-size:.72rem}.chart-table{width:100%;border-collapse:collapse;font-size:.88rem}.chart-table th,.chart-table td{padding:9px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.chart-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-weight:600}@media (hover: hover){.chart-table tbody tr:hover{background:var(--surface)}}.chart-table .glyph{font-family:var(--font-hangul);font-size:1.7rem;line-height:1}.chart-table .roman{font-family:var(--font-mono);color:var(--accent);white-space:nowrap}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 559px){.chart-table,.chart-table tbody,.chart-table tr,.chart-table td{display:block}.chart-table thead{display:none}.chart-table tr{display:grid;gap:1px 12px;padding:11px 0;border-bottom:1px solid var(--border);align-items:baseline}.chart-table td{border:none;padding:0;min-width:0}.chart-table--letters tr{grid-template-columns:2.4rem 1fr}.chart-table--letters td:first-child{grid-row:1 / span 3;align-self:center}.chart-table--finals tr{grid-template-columns:2.4rem 1fr}.chart-table--finals td:first-child{grid-row:1 / span 2;align-self:center}.chart-table .glyph{font-size:2rem}}.grid-blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:5px}@media (min-width: 600px){.grid-blocks{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px}}.block-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border-radius:9px;background:var(--surface);border:1px solid var(--border)}.block-cell__glyph{font-family:var(--font-hangul);font-size:1.35rem;line-height:1.1}.block-cell__roman{font-family:var(--font-mono);font-size:.66rem;color:var(--text-faint)}.anatomy{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.anatomy__block{font-family:var(--font-hangul);font-size:3.8rem;line-height:1;color:var(--accent)}.anatomy__list{margin:0;padding-left:18px;color:var(--text-muted);font-size:.88rem;line-height:1.7;flex:1 1 15rem;min-width:0}.anatomy__list .ko{color:var(--text);font-size:1.05rem}@media (min-width: 600px){.anatomy__block{font-size:4.5rem}.anatomy__list{font-size:.9rem}}.pill{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--border-strong);font-size:.72rem;color:var(--text-muted)}.empty{padding:32px 18px;text-align:center;color:var(--text-muted)}.crash-detail{margin:12px 0 16px;padding:10px 12px;border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:.78rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.list-reset{margin:0;padding:0;list-style:none}.trouble{display:flex;flex-wrap:wrap;gap:8px}.trouble__item{display:flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;border:1px solid var(--wrong);background:var(--wrong-dim);font-size:.82rem}.trouble__glyph{font-family:var(--font-hangul);font-size:1.2rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}