.tv{--ink:#203c45;--muted:#5c7078;--accent:#b44825;--line:#dbe4e3;color:var(--ink);font-family:inherit}.tv *{box-sizing:border-box}.tv [hidden]{display:none!important}.tv p{line-height:1.65}.tv button,.tv select,.tv input{font:inherit}.tv button,.tv a,.tv select{touch-action:manipulation}.tv button{cursor:pointer}.tv button:disabled{cursor:default;opacity:.45}.tv button:focus-visible,.tv a:focus-visible,.tv input:focus-visible,.tv select:focus-visible,.tv summary:focus-visible{outline:3px solid #237d9a;outline-offset:3px}.tv-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.tv-top h2{font-size:clamp(24px,4vw,34px);letter-spacing:-.04em;margin:10px 0}.tv-top p{font-size:13px;color:var(--muted);margin:0}.tv-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#657a7c}.tv-path{display:flex;gap:8px;overflow-x:auto;padding:22px 0 16px;scrollbar-width:thin}.tv-path a{white-space:nowrap;display:block;min-width:115px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;font-size:12px;text-decoration:none;color:var(--ink)}.tv-path small{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.tv-path [aria-current]{background:#254d58;border-color:#254d58;color:#fff}.tv-path [aria-current] small{color:#cde6e8}.tv-controls{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin:12px 0}.tv-controls label{font-size:12px;font-weight:700;display:block;min-width:0}.tv select{display:block;width:100%;padding:10px 8px;margin-top:7px;border:1px solid #cfdbdc;border-radius:8px;background:#fff;color:var(--ink);font-size:12px;min-height:43px}.tv-note{font-size:12px;color:var(--muted);margin:8px 0}.tv-warning{background:#fff0d8;border-left:3px solid #b66e00;padding:12px 14px;font-size:13px}.tv-options summary,.tv-map summary,.tv-explainer summary{cursor:pointer;font-size:13px;font-weight:700;padding:14px 0}.tv-options{border-bottom:1px solid var(--line)}.tv-check{font-size:12px;display:flex;gap:8px;align-items:center;margin:12px 0}.tv-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0 14px;gap:12px}.tv-stats strong{display:block;font-size:20px;letter-spacing:-.03em}.tv-stats small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.tv progress{display:block;width:100%;height:5px;accent-color:#287487;margin-bottom:24px}.tv-keyboard-wrap{background:#f3f7f7;border:1px solid var(--line);padding:17px;border-radius:15px;margin-bottom:20px}.tv-key-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.tv-key-heading small{font-size:10px;color:var(--muted)}.tv-next-key{min-height:23px;font-size:13px;color:#a34421;margin:9px 0}.tv-row{display:flex;justify-content:center;gap:5px;margin:5px 0}.tv-key{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 1 56px;min-width:0;height:51px;padding:4px 1px;background:#fff;border:1px solid #cfdbdc;border-bottom-width:3px;border-radius:7px;color:var(--ink)}.tv-key strong{font-size:19px;line-height:1.15}.tv-key small{font-size:9px;margin-top:4px;color:#64757e}.tv-key i{position:absolute;right:3px;top:2px;font-size:9px;font-style:normal}.tv-key.tv-next{background:#ffebd7;border:2px solid #c26327}.tv-key.tv-pressed{background:#d9eff6;border-color:#27829a}.tv-key.tv-weak{border-bottom-color:#b65a44}.tv-key.tv-faded strong{opacity:.18}.tv-key.tv-blank strong{visibility:hidden}.tv-key.tv-wide{flex-basis:84px;font-size:11px}.tv-key.tv-space{flex-basis:270px}.tv-workbench{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;padding:25px;border:1px solid #e8d9ca;border-radius:15px;background:#fffbf6}.tv-prompt{min-width:0}.tv #tv-target{font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.4;margin:12px 0;word-break:keep-all;overflow-wrap:anywhere}.tv #tv-context{font-size:13px;color:var(--muted);margin:0 0 12px}.tv form{min-width:0}.tv form>label{font-size:12px;font-weight:700;display:block;margin-bottom:12px}.tv #tv-input{display:block;width:100%;padding:12px;min-height:70px;border:1px solid #c5d2d7;background:#fff;border-radius:10px;font-size:34px;color:var(--ink);box-shadow:none}.tv #tv-input[aria-invalid]{border:2px solid #b34f45}.tv #tv-feedback{min-height:42px;font-size:13px;line-height:1.6;margin:12px 0}.tv-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}.tv-primary,.tv-quiet,.tv-text{font-size:12px;font-weight:700;min-height:43px;padding:10px 15px;border-radius:8px;border:1px solid #cfdcde}.tv-primary{background:#285564;color:#fff;border-color:#285564}.tv-quiet{background:#fff;color:var(--ink)}.tv-text{background:transparent;border-color:transparent;padding:8px;color:#73534a;text-decoration:underline;text-underline-offset:3px}.tv-actions a,.tv-transfer>a{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.tv #tv-diff{font-size:14px;line-height:1.8;word-break:break-word;margin:10px 0}.tv #tv-diff strong{font-size:20px}.tv #tv-diff mark{background:#ffe1dd;color:#942f26;border-bottom:2px solid #b34436;padding:2px}.tv-results{padding:30px;border:1px solid #cadddc;background:#f2f8f7;border-radius:16px}.tv-results h2{font-size:30px;margin:10px 0}.tv-results p{font-size:14px}.tv-next-lesson{margin-top:25px;padding-top:15px;border-top:1px solid #cadddc}.tv-next-lesson h3{font-size:18px}.tv-map{margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tv-map p,.tv-explainer p{font-size:13px;color:var(--muted)}.tv #tv-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:7px;margin:15px 0}.tv-map-key{border:1px solid var(--line);padding:10px;border-radius:8px;background:#fafcfc;font-size:11px}.tv-map-key strong{display:block;font-size:23px;margin-bottom:4px}.tv-map-key.is-weak{background:#fff0e9;border-color:#ddad91}.tv-map-key.is-ready{background:#e9f4ef}.tv-transfer{padding:22px;margin:25px 0;background:#fff4e4;border-radius:12px}.tv-transfer h3{font-size:23px;margin:8px 0}.tv-transfer p,.tv-transfer li{font-size:13px}.tv-transfer ol{padding-left:20px;margin:12px 0}.tv-device-tabs{display:flex;gap:7px;flex-wrap:wrap}.tv-device-tabs button{font-size:11px;border:1px solid #d7c3a8;background:white;padding:7px 10px;border-radius:6px}.tv-device-tabs button[aria-pressed=true]{background:#254d58;color:white}.tv-fullscreen{overflow:hidden}.tv-fullscreen #typing-practice{position:fixed;inset:0;z-index:10001;background:#fff;max-width:1050px;margin:auto;padding:24px 40px;overflow:auto;box-shadow:0 0 0 100vmax #fff}.tv-fullscreen .tv-path,.tv-fullscreen .tv-transfer,.tv-fullscreen .tv-explainer,.tv-fullscreen .tv-map{display:none}.tv-fullscreen .tv-top h2{font-size:24px}.tv-fullscreen .tv-options{display:none}.tv-mobile-native .tv-next-key{display:none}@media(max-width:600px){.tv-controls{grid-template-columns:1fr 1fr}.tv-controls label:first-child{grid-column:1/-1}.tv-workbench{grid-template-columns:1fr;gap:18px;padding:18px}.tv #tv-target{font-size:34px;margin:8px 0}.tv-keyboard-wrap{padding:9px}.tv-row{gap:3px}.tv-key{height:46px;border-radius:5px}.tv-key strong{font-size:17px}.tv-key small{font-size:8px}.tv-key.tv-wide{flex-basis:48px;font-size:9px}.tv-key i{font-size:8px;right:1px}.tv-key-heading{align-items:flex-start}.tv-key-heading small{max-width:110px;text-align:right}.tv-stats strong{font-size:18px}.tv-stats small{font-size:9px}.tv-results{padding:20px}.tv-fullscreen #typing-practice{padding:15px}.tv-top h2{font-size:27px}.tv-next-key{font-size:12px}.tv-prompt{padding-bottom:12px;border-bottom:1px solid #ecdfd1}}@media(prefers-reduced-motion:reduce){.tv *{transition:none!important}}
.tv-subset{display:block;font-size:12px;margin:15px 0;max-width:440px}.tv-subset>input{display:block;width:100%;margin:8px 0;padding:10px;border:1px solid #cfdbdc;border-radius:8px}

/* Four visible choices, with actual Hangul examples instead of row terminology. */
.tv-start-note{font-size:13px;color:var(--muted);margin:22px 0 10px}.tv .tv-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:visible;padding:0;margin:10px 0 16px}.tv .tv-path a{position:relative;min-width:0;white-space:normal;padding:17px 13px 15px;border-radius:12px}.tv .tv-path strong{display:block;font-size:13px;line-height:1.4;margin:0 0 9px;padding-left:24px}.tv .tv-path small{font-size:20px;line-height:1.4;margin:0;color:#53727a;letter-spacing:.04em}.tv .tv-path [aria-current] small{color:#fff}.tv-step-number{position:absolute;top:16px;left:12px;font-size:11px;font-weight:800;display:grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;border-radius:50%}.tv-stage-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:20px;padding:16px;background:#f3f7f7;border-radius:10px;margin:0 0 18px}.tv-stage-picker label{font-size:12px;font-weight:700;min-width:0}.tv-stage-picker p{margin:0;font-size:12px;color:var(--muted);line-height:1.7}.tv-shortcuts{font-size:11px;color:var(--muted);margin:8px 0 0}.tv-stage-next{font-size:12px;line-height:1.7;margin:20px 0}.tv-stage-next a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.tv-fullscreen .tv-start-note,.tv-fullscreen .tv-stage-picker,.tv-fullscreen .tv-stage-next{display:none}@media(max-width:600px){.tv .tv-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tv .tv-path a{padding:15px 12px 12px}.tv .tv-path strong{font-size:13px}.tv .tv-path small{font-size:22px}.tv-step-number{top:14px}.tv-stage-picker{grid-template-columns:1fr;gap:10px;padding:14px}}

.tv-fullscreen .tv .tv-path{display:none}