.korean-native-setup{border:1px solid var(--border);background:var(--card);border-radius:16px;gap:15px;margin:24px 0 0;padding:18px;display:grid}.korean-native-setup--expanded{border-color:color-mix(in srgb, var(--primary), var(--border) 55%);background:color-mix(in srgb, var(--primary), var(--card) 96%)}.korean-native-setup__heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.korean-native-setup__heading .eyebrow{margin-bottom:4px;font-size:.66rem}.korean-native-setup__heading h2{font-size:1.08rem}.korean-native-setup__heading>p{max-width:390px;color:var(--muted-foreground);font-size:.78rem;line-height:1.5}.korean-native-setup__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.korean-native-setup__choices button{border:1px solid var(--border);background:var(--background);min-width:0;color:var(--foreground);text-align:left;border-radius:12px;align-items:center;gap:11px;padding:13px 14px;display:flex}.korean-native-setup__choices button:hover{border-color:color-mix(in srgb, var(--primary), var(--border) 35%)}.korean-native-setup__choices button[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary), var(--card) 90%);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary), transparent 85%)}.korean-native-setup__choices button:disabled,.korean-native-setup__platforms button:disabled{cursor:not-allowed;opacity:.55}.korean-native-setup__choices svg{color:var(--primary);flex-shrink:0}.korean-native-setup__choices span,.korean-native-setup__choices strong,.korean-native-setup__choices small{min-width:0;display:block}.korean-native-setup__choices strong{font-size:.84rem}.korean-native-setup__choices small{color:var(--muted-foreground);margin-top:2px;font-size:.72rem;line-height:1.35}.korean-native-setup__guide{border-top:1px solid var(--border);padding-top:2px}.korean-native-setup__guide summary{cursor:pointer;padding-top:13px;font-size:.82rem;font-weight:650}.language-keyboard-setup-help>p{color:var(--foreground);font-size:.84rem;font-weight:650}.korean-native-setup__guide .language-keyboard-setup-help>p{display:none}.korean-native-setup__platforms{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.language-keyboard-setup-help .korean-native-setup__platforms{margin-top:10px}.help-keyboard-setup{border-top:1px solid var(--border);gap:8px;margin-top:18px;padding-top:17px;display:grid}.help-keyboard-setup h3{font-size:.96rem}.typing-help-dialog{width:min(680px,100vw - 28px);max-height:min(820px,100dvh - 28px);overflow-y:auto}.korean-native-setup__platforms button{border:1px solid var(--border);background:var(--background);min-height:36px;color:var(--muted-foreground);border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:650}.korean-native-setup__platforms button[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary), var(--card) 89%);color:var(--foreground)}.korean-native-setup__steps{color:var(--muted-foreground);gap:7px;padding-top:13px;font-size:.8rem;line-height:1.55;display:grid}.korean-native-setup__steps ol{gap:7px;margin:0;padding-left:21px;display:grid}.korean-native-setup__steps li{padding-left:3px}.korean-native-setup__steps strong{color:var(--foreground)}.korean-native-setup__steps kbd{border:1px solid var(--border);background:var(--card);color:var(--foreground);font:650 .72rem var(--font-ui);border-bottom-width:2px;border-radius:5px;padding:2px 6px}.korean-native-setup__android{gap:12px;display:grid}.korean-native-setup__android>div>strong{color:var(--primary);margin-bottom:5px;display:block}.korean-native-setup__prompt{color:var(--primary);font-size:.76rem;font-weight:600}.korean-native-status{border:1px solid var(--border);background:var(--card);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:10px 13px;display:flex}.korean-native-status>span{color:var(--primary);align-items:center;gap:9px;display:flex}.korean-native-status strong{color:var(--foreground);font-size:.8rem}.independent-repair{border:1px solid var(--border);background:color-mix(in srgb, var(--muted), transparent 55%);border-radius:12px;gap:7px;margin-top:12px;padding:12px 14px;display:grid}.independent-repair__label{color:var(--muted-foreground);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:650}.independent-repair--progress{justify-content:center;align-items:center;gap:12px;padding:9px 13px;display:flex}.independent-repair--progress .independent-reference--comparison{margin:0;font-size:1.45rem;line-height:1.35}.independent-repair__directions,.independent-input-note{color:var(--muted-foreground);font-size:.78rem;line-height:1.5}.independent-input-note{border-left:3px solid var(--primary);background:color-mix(in srgb, var(--primary), transparent 94%);margin-top:10px;padding:9px 11px}.independent-reference--comparison span{border-radius:5px;transition:color .12s,background .12s}.independent-reference--comparison .comparison-matched{color:var(--good)}.independent-reference--comparison .comparison-changed{background:color-mix(in srgb, var(--destructive), transparent 86%);color:var(--destructive);text-underline-offset:6px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px}.independent-reference--comparison .comparison-pending{color:var(--muted-foreground)}.independent-reference--comparison .comparison-extra{background:color-mix(in srgb, var(--destructive), transparent 82%);color:var(--destructive);margin:0 2px;padding:0 3px;text-decoration:line-through}.independent-reference--comparison .comparison-missing{border:2px dashed var(--destructive);min-width:.7em;color:var(--destructive);opacity:.72;margin:0 2px;padding:0 3px;display:inline-block}.independent-editor .native-text-field--multiline{resize:vertical;white-space:pre-wrap;min-height:170px}.independent-editor--passage>.independent-reference{max-width:680px;margin:12px auto;font-size:1.2rem;line-height:1.65}.independent-editor--passage>.native-text-field{max-width:680px;min-height:120px;max-height:240px;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.65}.independent-editor--passage>.editor-label,.independent-editor--passage>.editor-feedback,.independent-editor--passage>.editor-actions,.independent-editor--passage>.independent-input-note{max-width:680px;margin-left:auto;margin-right:auto}.independent-editor .editor-feedback--language{border:1px solid color-mix(in srgb, var(--destructive), var(--border) 55%);background:color-mix(in srgb, var(--destructive), var(--card) 95%);color:var(--destructive);border-radius:10px;padding:11px 13px;font-weight:600}@media (max-width:620px){.korean-native-setup__heading{flex-direction:column;align-items:flex-start;gap:7px}.korean-native-setup__choices{grid-template-columns:1fr}.korean-native-setup__platforms{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.korean-guided-practice .lesson-direction{max-width:42rem;color:var(--muted-foreground);text-wrap:pretty;margin:.65rem auto 0;font-size:.95rem;line-height:1.55}.korean-guided-practice .first-word-meaning{font-size:1.05rem;line-height:1.5}@media (max-width:560px){.korean-guided-practice .lesson-direction{margin:.5rem auto 0;padding:0 .4rem;font-size:.82rem;line-height:1.4}.korean-guided-practice .first-word-meaning{font-size:.9rem}}.typing-keyboard.first-key-board{isolation:isolate;background:var(--keyboard-bed);border:2px solid var(--keyboard-outline);width:100%;max-width:780px;box-shadow:inset 0 1px 1px #ffffff24,0 3px 0 color-mix(in srgb,var(--keyboard-outline) 88%,transparent);border-radius:18px;margin:0 auto;padding:12px}.dark .typing-keyboard{--keyboard-bed:#282d43;--key-top:#30364d;--keyboard-outline:#858b9b}.physical-key-grid{grid-template-columns:repeat(60,minmax(0,1fr));grid-template-rows:repeat(5,var(--physical-key-height,47px));gap:0;display:grid;position:relative}.typing-keyboard:not([data-backlight=off]){background:color-mix(in srgb,var(--keyboard-bed),var(--foreground) calc(var(--backlight-strength)*22%))}.dark .typing-keyboard:not([data-backlight=off]){background:color-mix(in srgb,var(--keyboard-bed),#071b22 calc(var(--backlight-strength)*70%))}.physical-key-grid:before{content:"";z-index:0;pointer-events:none;background:var(--backlight-spectrum);opacity:calc(var(--backlight-strength)*.45);filter:blur(7px);border-radius:9px;position:absolute;inset:1px 0 -3px}.typing-keyboard[data-backlight=off] .physical-key-grid:before{display:none}.typing-keyboard .physical-key.map-key{flex:unset;isolation:auto;background:var(--key-top);width:auto;min-width:0;max-width:none;height:calc(100% - 5px);color:var(--foreground);border:1px solid var(--keyboard-outline);border-bottom:3px solid var(--keyboard-outline);border-radius:7px;margin:2.5px 2px;padding:2px 0;font-size:17px;position:relative;overflow:visible}.typing-keyboard .physical-key>span,.typing-keyboard .physical-key>small{z-index:4;pointer-events:none;text-shadow:0 0 3px var(--key-top),0 0 3px var(--key-top);position:relative}.typing-keyboard .physical-key>small{color:var(--muted-foreground);font-size:9px;position:absolute;bottom:1px;right:4px}.typing-keyboard .physical-key .physical-control-label{font-size:11px;font-weight:600}.typing-keyboard .physical-key.is-unused{opacity:1;color:var(--muted-foreground);background:color-mix(in srgb,var(--key-top) 65%,var(--keyboard-bed))}.typing-keyboard .physical-key:before{content:"";z-index:0;border-bottom:2px solid var(--key-light-color);opacity:var(--backlight-strength);box-shadow:0 2px 3px var(--key-light-color),0 3px 9px 1px var(--key-light-color);pointer-events:none;border-radius:7px;position:absolute;inset:0 -1px -3px}.typing-keyboard[data-backlight=off] .physical-key:before{display:none}.typing-keyboard .physical-key.lit{outline-offset:1px;background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);box-shadow:none;outline:1px solid #fff9}.typing-keyboard .physical-key.lit:before{opacity:0}.typing-keyboard .physical-key.lit>span,.typing-keyboard .physical-key.lit>small{text-shadow:none;color:var(--primary-foreground)}.typing-keyboard .physical-key:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.typing-keyboard .physical-key.is-held{box-shadow:inset 0 0 0 2px var(--primary)}.typing-keyboard[data-keyboard-finish=graphite] .physical-key:not(.lit):not(.is-unused){background:linear-gradient(180deg, color-mix(in srgb, var(--key-top), white 5%), var(--key-top))}.typing-keyboard .physical-home-mark{z-index:4;background:currentColor;border-radius:1px;width:8px;height:2px;position:absolute;bottom:4px;left:calc(50% - 4px)}.typing-keyboard .physical-press{z-index:3;border:2px solid var(--primary);background:color-mix(in srgb,var(--primary),transparent 82%);pointer-events:none;border-radius:8px;width:auto;height:auto;animation:.16s ease-out both physical-key-press;position:absolute;inset:-2px}.typing-keyboard .physical-press.is-retry{border-color:var(--joy-peach,#d69c7b);background:color-mix(in srgb,var(--joy-peach,#d69c7b),transparent 85%)}.typing-finger-instruction{color:var(--muted-foreground);font-size:.88em}.keyboard-mini-switch{border:1px solid var(--border);background:var(--keyboard-bed);border-radius:12px;width:25px;height:15px;position:relative}.keyboard-mini-switch:after{content:"";background:var(--muted-foreground);border-radius:50%;width:9px;height:9px;position:absolute;top:2px;left:2px}[aria-pressed=true]>.keyboard-mini-switch{background:var(--primary)}[aria-pressed=true]>.keyboard-mini-switch:after{background:var(--primary-foreground);left:12px}.show-highlight-toggle{border:1px solid var(--border);background:var(--card);min-height:36px;color:var(--muted-foreground);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:5px 10px;font-size:12px;font-weight:650;display:inline-flex}.show-highlight-toggle[aria-pressed=true]{color:var(--foreground);border-color:color-mix(in srgb,var(--primary),var(--border) 55%)}.show-highlight-toggle:focus-visible{outline:3px solid var(--ring);outline-offset:2px}@keyframes physical-key-press{0%{opacity:1;transform:translateY(2px)}to{opacity:0;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.typing-keyboard .physical-press{background:0 0;animation:none}}.typing-keyboard[data-lighting-motion=wave]:not([data-backlight=off]) .physical-key:not(.lit):before{color:var(--key-light-color);animation:keyboard-wave var(--wave-duration,6s) linear infinite;animation-delay:var(--wave-delay);border:1px solid;box-shadow:0 0 4px 1px,0 0 12px 3px}.typing-keyboard[data-lighting-motion=wave] .physical-key-grid:before{opacity:calc(var(--backlight-strength)*.12)}@keyframes keyboard-wave{0%,36%,to{opacity:calc(var(--backlight-strength)*.08)}12%{opacity:var(--backlight-strength)}22%{opacity:calc(var(--backlight-strength)*.65)}}@media (prefers-reduced-motion:reduce){.typing-keyboard[data-lighting-motion] .physical-key:before,.typing-keyboard[data-lighting-motion] .physical-key-grid:before{animation:none!important}.typing-keyboard[data-lighting-motion=wave] .physical-key:before{color:var(--key-light-color)}.typing-keyboard[data-lighting-motion=wave] .physical-key-grid:before{opacity:calc(var(--backlight-strength)*.45)}}.keyboard-hands{pointer-events:none;align-items:center;width:100%;max-width:780px;height:136px;margin:4px auto 0;display:flex}.keyboard-hands__layout{width:calc(100% - 26px);height:133px;margin:0 13px;position:relative}.keyboard-hands__art{width:100px;height:133px;display:block;position:absolute;overflow:hidden}.lf-keyboard .keyboard-hands__layout{width:calc(100% - 22px);margin-inline:11px}.keyboard-hands__finger{visibility:hidden}.keyboard-hands__finger[data-active=true]{visibility:visible}.keyboard-hands__finger>path{fill:none;stroke:var(--primary);stroke-width:66px;stroke-linecap:round;stroke-linejoin:round}.keyboard-hands__finger .keyboard-hands__tip{fill:var(--primary-foreground);stroke:none}.keyboard-hands__finger .keyboard-hands__shift-mark{stroke:var(--primary-foreground);stroke-width:10px}.dark .keyboard-hands__art image{filter:invert(.88)hue-rotate(145deg)saturate(.45)brightness(.72);opacity:.9}.keyboard-guide-footer{width:100%;max-width:780px;margin:0 auto;padding-top:8px}@media (forced-colors:active){.keyboard-hands__finger>path{stroke:highlight}.keyboard-hands__finger .keyboard-hands__tip{fill:highlighttext}.keyboard-hands__finger .keyboard-hands__shift-mark{stroke:highlighttext}}.keyboard-with-lighting{width:100%;max-width:780px;margin:0 auto;display:block;position:relative}.keyboard-with-lighting>.typing-keyboard{width:100%}.keyboard-with-lighting>.keyboard-lighting{width:148px;position:absolute;top:50%;left:calc(100% + 28px);transform:translateY(-50%)}.keyboard-lighting{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:14px;grid-template-columns:128px;align-items:center;gap:18px;padding:18px 10px;display:grid;position:static}.keyboard-lighting-swatches{grid-template-columns:repeat(2,44px);gap:8px;display:grid}.keyboard-lighting-swatch{cursor:pointer;width:44px;height:44px;color:var(--muted-foreground);border:1px solid #0000;border-radius:10px;place-items:center;padding:3px;display:grid;position:relative}.keyboard-lighting-swatch:is(:hover,:focus-visible):after{content:attr(data-label);z-index:5;white-space:nowrap;background:var(--card);color:var(--foreground);border:1px solid var(--border);pointer-events:none;border-radius:6px;padding:4px 8px;font-size:14px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.keyboard-lighting-swatch>span{border:1px solid color-mix(in srgb, var(--foreground), transparent 80%);border-radius:6px;width:36px;height:34px}.keyboard-lighting-swatch[aria-pressed=true]{border-color:var(--primary);background:var(--muted);color:var(--foreground)}.keyboard-lighting-swatch:hover{background:var(--muted)}.keyboard-lighting :is(button,input,select):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.keyboard-lighting-brightness{color:var(--muted-foreground);flex-direction:column;align-items:center;gap:8px;display:flex}.keyboard-lighting-brightness input{writing-mode:vertical-lr;width:24px;height:100px;accent-color:var(--primary);cursor:pointer;direction:rtl;margin:0}.keyboard-lighting :disabled{opacity:.4;cursor:default}.keyboard-finish-options{gap:12px;display:grid}.keyboard-finish-option{color:var(--muted-foreground);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-items:center;gap:6px;padding:8px 5px;font-size:14px;display:grid}.keyboard-finish-option[aria-pressed=true]{border-color:var(--primary);background:var(--muted);color:var(--foreground)}.keyboard-finish-option:hover{background:var(--muted)}.keyboard-finish-preview{--preview-case:var(--scene-keyboard-bed,var(--keyboard-bed));--preview-key:var(--scene-key-top,var(--key-top));--preview-border:var(--scene-keyboard-outline,var(--keyboard-outline));width:114px;height:42px}.keyboard-finish-preview[data-finish=graphite]{--preview-case:#25282d;--preview-key:#50545b;--preview-border:#777c85}.finish-preview-case{fill:var(--preview-case);stroke:var(--preview-border);stroke-width:1px}.finish-preview-key{fill:var(--preview-key);stroke:var(--preview-border);stroke-width:.5px}.dark .keyboard-finish-preview[data-finish=original] .finish-preview-key{fill:color-mix(in srgb, var(--preview-key), var(--foreground) 14%);stroke:color-mix(in srgb, var(--preview-key), var(--preview-border) 25%);stroke-width:.3px}.dark .keyboard-finish-preview[data-finish=original] .finish-preview-case{stroke:color-mix(in srgb, var(--preview-case), var(--preview-border) 55%)}.keyboard-finish-preview[data-finish=graphite] .finish-preview-key{stroke:none}.keyboard-finish-preview[data-finish=graphite] .finish-preview-case{stroke:#5c6169}.keyboard-lighting-colors{border-block:1px solid var(--border);align-items:center;gap:8px;padding-block:16px;display:flex}.keyboard-wave-controls{gap:10px;display:grid}.keyboard-wave-toggle{min-height:30px;color:var(--foreground);cursor:pointer;align-items:center;gap:8px;padding:4px 2px;font-size:14px;display:flex}.keyboard-wave-speed{gap:6px;display:grid}.keyboard-wave-speed input{width:100%;height:24px;accent-color:var(--primary);cursor:pointer}.keyboard-wave-speed>span{color:var(--muted-foreground);justify-content:space-between;font-size:14px;display:flex}@media (max-width:1200px){.keyboard-with-lighting>.keyboard-lighting{display:none}.keyboard-with-lighting{max-width:780px;display:block}.keyboard-guidance-controls .keyboard-settings-trigger{display:inline-flex}}.keyboard-guidance-controls{flex-wrap:wrap;grid-area:2/1;justify-content:center;align-items:center;gap:12px 32px;display:inline-flex}.keyboard-settings-trigger{white-space:nowrap;display:none}.course-app .keyboard-guidance-controls .keyboard-settings-trigger[aria-expanded=true]{border-color:var(--primary);background:var(--muted)}.keyboard-settings-positioner{z-index:60}.keyboard-settings-popup{width:430px;max-width:calc(100vw - 32px);max-height:var(--available-height);background:var(--card);color:var(--foreground);border:1px solid var(--border);font-family:var(--font-ui);border-radius:14px;overflow:auto;box-shadow:0 12px 36px #00000038}.keyboard-settings-heading{justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.keyboard-settings-heading h2{margin:0;font-family:inherit;font-size:15px;font-weight:600}.keyboard-settings-close{width:30px;height:30px;color:var(--muted-foreground);cursor:pointer;border-radius:7px;place-items:center;display:grid}.keyboard-settings-close:hover{background:var(--muted)}.keyboard-settings-close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.keyboard-settings-popup .keyboard-lighting{border:0;grid-template-columns:128px 128px 118px;gap:16px;width:100%;margin:0;padding:8px 10px 16px;position:static;transform:none}.keyboard-settings-popup .keyboard-lighting-colors{border-block:0;padding:0}@media (max-width:460px){.keyboard-settings-popup .keyboard-lighting{grid-template-columns:128px 128px;justify-content:center}.keyboard-settings-popup .keyboard-wave-controls{grid-column:1/-1}}.course-app{--joy-sage:#90ad76;--joy-peach:#d69c7b;--joy-gold:#c9aa60;--key-light:#e9dcac}.dark .course-app{--joy-sage:#b6ce9f;--joy-peach:#e9b095;--joy-gold:#d6bd78;--key-light:#e3cf8b}.course-app .primary-button{box-shadow:0 3px 0 color-mix(in srgb, var(--primary), var(--background) 35%);transition:transform .15s,box-shadow .15s,background .15s}.course-app .primary-button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.course-app .primary-button>svg{transition:transform .2s}@media (hover:hover){.course-app .primary-button:hover:not(:disabled)>svg:last-child{transform:translate(3px)}.korean-guided-practice .map-key:not(.lit):hover:not(:disabled){background:color-mix(in srgb, var(--key-top), var(--joy-gold) 9%);border-color:color-mix(in srgb, var(--primary), var(--key-edge) 72%)}}.korean-guided-practice .first-keys-surface{background:var(--card);border-color:color-mix(in srgb, var(--primary), var(--border) 86%);box-shadow:0 12px 32px -26px color-mix(in srgb, var(--foreground), transparent 60%)}.korean-presentation,.korean-keyboard-workspace{min-width:0}.korean-presentation .lesson-direction{max-width:34rem}.korean-part-context{border-top:1px solid var(--border);text-align:left;margin:18px auto 6px;padding:14px 0 0}.korean-part-context>small{font:650 .61rem var(--font-ui);letter-spacing:.08em;color:var(--muted-foreground)}.korean-part-context p{font:700 1.02rem/1.9 var(--font-ui);word-break:keep-all;overflow-wrap:anywhere;margin:9px 0 6px}.korean-part-context mark{background:color-mix(in srgb,var(--joy-gold),var(--card) 77%);color:var(--foreground);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:3px 2px}.korean-part-context>span{color:var(--muted-foreground);font-size:.8rem;line-height:1.5;display:block}.course-app .guided-part-context{text-align:center;border:0;max-width:42rem;margin:4px auto 8px;padding:0}.course-app .guided-part-context p{margin:3px 0;font-size:.9rem;line-height:1.5}.korean-guided-practice .first-key-board{background:linear-gradient(155deg, color-mix(in srgb, var(--keyboard-bed), var(--card) 32%), var(--keyboard-bed));border-color:color-mix(in srgb, var(--primary), var(--border) 88%);box-shadow:inset 0 2px 5px color-mix(in srgb, var(--foreground), transparent 97%), 0 3px 0 color-mix(in srgb, var(--keyboard-bed), var(--key-edge) 35%)}.korean-guided-practice .map-key{isolation:isolate;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--card), transparent 38%);transition:background .16s,border-color .16s,transform .1s}.korean-guided-practice .map-key.lit{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary), transparent 89%), inset 0 1px 0 color-mix(in srgb, var(--primary-foreground), transparent 62%)}.korean-guided-practice .map-key:active:not(:disabled){transform:translateY(2px)}.korean-guided-practice .map-key .key-press-flash{z-index:-1;border-radius:inherit;background:var(--key-light);pointer-events:none;opacity:0;animation:.5s ease-out both korean-key-light;position:absolute;inset:-2px}.korean-guided-practice .map-key .key-press-flash--retry{background:var(--joy-peach);animation-name:korean-key-retry}.korean-typed-piece{animation:.2s ease-out korean-piece-settle;display:inline-block}.course-app .completion{padding-top:40px}.course-app .completion h1{text-wrap:balance;max-width:650px;margin-left:auto;margin-right:auto}.course-app .completion-subtitle{text-wrap:pretty}.korean-moment{isolation:isolate;align-content:center;place-items:center;width:min(340px,100%);min-height:195px;margin:0 auto 22px;display:grid;position:relative}.korean-moment__halo{z-index:-2;background:radial-gradient(ellipse, color-mix(in srgb, var(--joy-sage), var(--card) 77%), color-mix(in srgb, var(--joy-sage), var(--background) 96%));border-radius:45% 55% 53% 47%;width:190px;height:170px;position:absolute;top:0;transform:rotate(-9deg)}.korean-moment--word .korean-moment__halo,.korean-moment--chapter .korean-moment__halo{background:radial-gradient(ellipse, color-mix(in srgb, var(--joy-gold), var(--card) 72%), color-mix(in srgb, var(--joy-peach), var(--background) 92%));width:235px}.korean-moment__tile{border:1px solid color-mix(in srgb, var(--primary), var(--border) 68%);border-bottom:5px solid color-mix(in srgb, var(--primary), var(--key-edge) 80%);background:var(--key-top);min-width:108px;max-width:90%;min-height:108px;color:var(--primary);box-shadow:0 10px 22px -18px var(--foreground);font:700 clamp(2.5rem, 7vw, 3.65rem)/1.3 var(--font-ui);overflow-wrap:anywhere;border-radius:25px;place-items:center;padding:13px 25px 17px;animation:.55s cubic-bezier(.18,.85,.35,1) both korean-milestone-arrive;display:grid}.korean-moment__caption{color:var(--muted-foreground);justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:.86rem;font-weight:650;display:flex}.korean-moment__caption svg{color:var(--primary)}.korean-moment__confetti{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.korean-moment__confetti i{background:var(--petal-color);opacity:0;width:7px;height:12px;animation:korean-petal .95s var(--petal-delay) ease-out both;border-radius:65% 25%;position:absolute;top:43%;left:50%}.korean-completion-seal{animation:.35s ease-out both korean-milestone-arrive}@keyframes korean-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes korean-key-light{0%{opacity:.72}to{opacity:0}}@keyframes korean-key-retry{0%,30%{opacity:.5}to{opacity:0}}@keyframes korean-piece-settle{0%{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes korean-milestone-arrive{0%{opacity:0;transform:translateY(12px)rotate(-4deg)scale(.95)}to{opacity:1;transform:none}}@keyframes korean-petal{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:.95}75%{opacity:.85}to{opacity:0;transform:translate(var(--petal-x),var(--petal-y)) rotate(var(--petal-turn))}}@media (max-width:560px){.course-app .completion{padding-top:25px}.korean-moment{min-height:180px;margin-bottom:15px}.korean-moment__tile{min-width:98px;min-height:98px}}@media (prefers-reduced-motion:reduce){.korean-moment__confetti,.korean-guided-practice .key-press-flash{display:none}}.course-app.in-lesson{--practice-chrome:56px}.course-app.in-lesson:has(>.guest-progress-banner){--practice-chrome:101px}.course-app.in-lesson>.topbar{gap:14px;height:56px;min-height:56px;padding:8px 24px}.course-app.in-lesson>.language-bar{display:none}.course-app.in-lesson .lesson-top-title{font-size:14px;line-height:1.35}.course-app.in-lesson>.topbar .utility{min-height:36px}.course-app.in-lesson .topbar .tools{gap:12px}.course-app .completion.completion--ordinary{max-width:800px;padding-top:28px}.completion--ordinary .completion-mark{width:56px;height:56px;margin-bottom:18px}.course-app .completion--ordinary h1{font-size:2rem}.completion--ordinary .completion-actions{margin-top:24px}@media (max-width:720px){.course-app.in-lesson>.topbar{gap:10px;padding:8px 12px}.course-app.in-lesson .topbar .tools{gap:10px}.course-app.in-lesson .topbar .tools .utility>span{display:none}.course-app.in-lesson .lesson-top-title{max-width:45%;font-size:12px}}.korean-usage{text-align:left;max-width:600px;color:var(--muted-foreground);margin:10px auto;font-size:14px;line-height:1.6}.korean-usage summary{cursor:pointer;text-align:center;font-weight:600}.korean-usage p,.korean-usage ol{margin-top:8px}.korean-usage ol{padding-left:22px;list-style:decimal}.course-app .korean-guided-practice.first-keys-main{flex-direction:column;flex:1;width:100%;max-width:none;margin:0;padding:0;display:flex}.course-app:has(.korean-guided-practice)>.app-workspace{background-image:none;display:flex}.course-app:has(.korean-guided-practice) .app-workspace-main{flex-direction:column;flex:1;display:flex}.course-app .korean-guided-practice .first-keys-progress-row{background:var(--background);justify-content:center;width:100%;max-width:none;min-height:0;margin:0;padding:12px 24px;display:flex}.course-app .korean-guided-practice .first-keys-dots{flex-wrap:wrap;gap:12px 18px;max-width:min(600px,100%);margin:0}.course-app .korean-guided-practice .first-keys-dots>span{flex:0 0 30px;width:30px;height:30px}.exercise-practice-body{flex:1;min-width:0;padding:24px}.course-app[data-exercise-scene] .exercise-practice-body{background-image:var(--page-scene-image);background-position:var(--page-scene-position);background-repeat:no-repeat;background-size:100%}.course-app .korean-guided-practice .first-keys-surface{flex-direction:column;gap:0;width:100%;max-width:1006px;margin:0 auto;padding:0 24px 16px;display:flex}.course-app .korean-guided-practice .first-keys-surface:focus-visible{outline:none}.course-app .korean-guided-practice .first-keys-surface:focus-visible .typing-keyboard{outline:2px solid var(--keyboard-outline);outline-offset:3px}.course-app .korean-guided-practice :is(.korean-presentation,.korean-keyboard-workspace){width:100%;min-height:0;margin:0 auto}.course-app .korean-guided-practice .korean-presentation{max-width:780px}.course-app .korean-guided-practice .korean-keyboard-workspace{max-width:956px}.course-app .korean-guided-practice .korean-presentation{flex-direction:column;align-items:center;gap:14px;display:flex}.course-app .korean-guided-practice .first-key-target{border:0;gap:8px;width:100%;min-width:0;max-width:100%;min-height:0;margin:0;padding:0}.course-app .korean-guided-practice .first-key-target>span{overflow-wrap:anywhere;font-size:clamp(2.5rem,4.5vw,3.6rem);line-height:1.3}.course-app .korean-guided-practice .first-key-target.phrase-target>span{font-size:clamp(1.6rem,2.5vw,2.3rem)}.course-app .korean-guided-practice .first-key-target.multiline-target>span{white-space:pre-wrap;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.55}.course-app .korean-guided-practice .key-found .first-key-target{transform:none}.course-app .korean-guided-practice .guided-target-context{justify-content:center;width:100%;min-height:36px;margin:0;display:flex}.course-app .korean-guided-practice .guided-target-context .first-word-meaning{max-width:52ch;font:400 1rem/1.4 var(--font-teaching);margin:0}.course-app .korean-guided-practice .keyboard-guidance-controls{gap:12px 16px}.course-app .korean-guided-practice .guided-recording .recording-control{min-height:40px;margin:0}.course-app .korean-guided-practice :is(.show-highlight-toggle,.guided-recording .listen-button){border-color:var(--primary);border-radius:10px;height:40px;min-height:40px}.course-app .korean-guided-practice .guided-recording .listen-button{background:var(--card);justify-content:center;min-width:158px;margin:0}.recording-button-label{display:grid}.recording-button-label>span{grid-area:1/1}.recording-button-label>span:first-child{visibility:hidden}.course-app .korean-guided-practice .hangul-assembly{flex:none;width:100%;max-width:100%;height:1.5em;min-height:1.5em;margin:0;font-size:2rem;line-height:1.5;display:flex}.course-app .korean-guided-practice .hangul-assembly-line{white-space:nowrap;scrollbar-width:none;align-items:center;max-width:100%;height:100%;min-height:100%;display:flex;overflow:auto hidden}.course-app .korean-guided-practice .hangul-piece{color:var(--good);font:600 1em/1.5 var(--font-korean);white-space:pre;flex:none}.course-app .korean-guided-practice .hangul-piece.is-building{color:var(--coral)}.course-app .korean-guided-practice .first-key-feedback{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:780px;min-height:0;margin:8px auto 16px;display:flex}.course-app .korean-guided-practice .guided-input-feedback{max-width:100%;min-height:24px;font:650 1rem/1.5 var(--font-teaching);color:var(--primary);justify-content:center;align-items:center;gap:6px;display:flex}.course-app .korean-guided-practice .guided-input-feedback.is-error{color:var(--destructive)}.course-app .korean-guided-practice .typing-keyboard{width:100%;max-width:780px;margin:0 auto;padding:12px}.course-app .korean-guided-practice .guided-lesson-direction{margin-top:8px}@media (min-width:901px){.course-app .korean-guided-practice .korean-presentation{min-height:222px}.course-app .korean-guided-practice .korean-keyboard-workspace:not(:has(.guided-lesson-direction)){padding-top:52px}}.course-app[data-exercise-scene].in-lesson>.topbar{height:56px;min-height:56px}.course-app[data-completion-scene] .completion.completion--ordinary{padding-top:0}.course-app[data-completion-scene] .scene-completion-body{padding-top:75px}.course-app[data-completion-scene] .scene-completion-body>.practiced-words{margin:0 0 24px}.course-app[data-completion-scene] .completion-shortcuts{margin-bottom:24px}.course-app .korean-key-completion{min-height:56px;color:var(--primary);font:600 2rem/1.3 var(--font-teaching);justify-content:center;align-items:center;gap:14px;margin:0 auto 12px;display:flex}.korean-key-completion>span:lang(ko){font-family:var(--font-korean)}.korean-key-completion kbd{font:inherit}@media (max-width:900px){.exercise-practice-body,.course-app .korean-guided-practice .first-keys-surface{padding-inline:12px}}@media (min-width:721px) and (max-height:800px){.course-app .korean-guided-practice .typing-keyboard{--physical-key-height:44px}}@media (max-width:700px),(forced-colors:active){.course-app[data-exercise-scene] .exercise-practice-body{background-image:none}}.kc-page,.independent-hub{--course-sidebar:310px}.course-level-switcher{gap:5px;display:grid}.course-level-switcher__button{width:100%;min-height:48px;color:var(--muted-foreground);text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:1rem;font-weight:700;display:flex}.course-level-switcher__button:hover{border-color:var(--border);background:var(--muted);color:var(--foreground)}.course-level-switcher__button.is-selected{border-color:color-mix(in srgb, var(--primary), var(--border) 40%);background:color-mix(in srgb, var(--primary), var(--card) 91%);box-shadow:inset 3px 0 0 var(--primary);color:var(--foreground)}.course-level-switcher__button[aria-expanded=false] svg{transform:rotate(-90deg)}.course-level-switcher__button svg{transition:transform .15s}.course-level-sidebar{border:1px solid var(--border);background:color-mix(in srgb, var(--card), var(--background) 14%);min-width:0;box-shadow:0 18px 44px -38px color-mix(in srgb, var(--foreground), transparent 42%);border-radius:21px;padding:14px 12px;position:sticky;top:14px}.course-level-sidebar .course-level-switcher{border:0;gap:5px;margin:0;padding:0}.course-level-sidebar__options{min-width:0;padding:2px 0 7px}.course-chapter-dropdown{display:none}@media (max-width:960px){.course-chapter-desktop{display:none}.course-chapter-dropdown{border:1px solid var(--border);background:var(--card);width:100%;min-height:48px;color:var(--foreground);border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex;position:relative}.course-chapter-dropdown>span{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.course-chapter-dropdown>svg{flex-shrink:0}.course-chapter-dropdown select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:1rem;position:absolute;inset:0}.course-chapter-dropdown:focus-within{outline:3px solid var(--primary);outline-offset:3px}}.course-level-sidebar .kc-chapter-option-copy strong{font-size:.86rem}.course-level-sidebar .kc-chapter-option-copy small{font-size:.74rem}@media (max-width:960px){.course-level-sidebar{padding:10px;position:static;overflow:hidden}.course-level-sidebar .course-level-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.course-level-sidebar__options{grid-area:2/1/auto/-1;padding-bottom:2px}}@media (max-width:700px){.course-level-sidebar{border-left:0;border-right:0;border-radius:0;margin-left:-18px;margin-right:-18px;padding:9px 18px}}.guest-progress-banner{background:color-mix(in srgb,var(--primary),var(--card) 82%);border-bottom:1px solid color-mix(in srgb,var(--primary),var(--border) 60%);min-height:52px;color:var(--foreground);justify-content:center;align-items:center;gap:12px 28px;padding:4px 24px;font-size:.9375rem;line-height:1.4;display:flex}.guest-progress-banner>div{align-items:center;gap:10px;font-weight:600;display:flex}.guest-progress-banner>div>svg{color:var(--primary);flex-shrink:0}.guest-progress-banner button{min-height:44px;color:var(--foreground);font:650 .9375rem/1.4 var(--font-ui);text-underline-offset:4px;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:6px 12px;text-decoration:underline;display:inline-flex}.guest-progress-banner button:hover{background:color-mix(in srgb,var(--primary),transparent 87%)}.guest-progress-banner button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.guest-progress-banner--compact{background:var(--background);border-color:var(--border);min-height:40px;color:var(--muted-foreground);padding-block:0;font-size:.8125rem}.guest-progress-banner--compact>div{font-weight:600}.guest-progress-banner--compact>div>svg{display:none}.guest-progress-banner--compact button{padding-block:4px;font-size:.8125rem}@media (max-width:560px){.guest-progress-banner{justify-content:space-between;gap:4px 8px;padding-inline:12px;font-size:.875rem}.guest-progress-banner>div{gap:6px}.guest-progress-banner>div>svg{display:none}.guest-progress-banner button{padding-inline:6px;font-size:.875rem}.guest-progress-banner--compact,.guest-progress-banner--compact button{font-size:.8125rem}}.completion-sponsor{width:min(380px,100%);color:var(--muted-foreground);text-align:center;justify-items:center;gap:8px;margin:24px auto 0;display:grid}.completion-sponsor>span{letter-spacing:.04em;font-size:.75rem;font-weight:650}.completion-sponsor-logo{border-radius:14px;width:min(330px,72vw);display:block}.completion-sponsor-logo img{width:100%;height:auto;display:block}.completion-sponsor-url{text-underline-offset:3px;font-size:.8125rem;text-decoration:none}.completion-sponsor-url:hover{text-decoration:underline}.completion-sponsor :is(a):focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:560px){.completion-sponsor{margin-top:20px}.completion-sponsor-logo{width:min(240px,68vw)}}
