:root{--bg:#fff;--surface:#f4f6fa;--text:#1b1f24;--muted:#5f6b7a;--primary:#1f6feb;--primary-text:#fff;--me:#e7f0ff;--ok:#1a7f37;--danger:#cf222e;--danger-bg:#fff1f0;--border:#d8dee6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1419;--surface:#1a2129;--text:#e6edf3;--muted:#9aa7b4;--primary:#4c8dff;--me:#1c2b44;--ok:#3fb950;--danger:#ff7b72;--danger-bg:#2d1717;--border:#2f3a46}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Malgun Gothic,system-ui,sans-serif;font-size:17px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}h1{margin:.25rem 0;font-size:1.5rem}h2{margin:.25rem 0;font-size:1.3rem}h3{margin:1.25rem 0 .5rem;font-size:1.05rem}.screen{max-width:560px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));min-height:100dvh;margin:0 auto}.screen.center{flex-direction:column;justify-content:center;gap:12px;display:flex}.muted{color:var(--muted)}.small{font-size:.85rem}.error-text{color:var(--danger)}.card{background:var(--surface);border-radius:14px;margin:12px 0;padding:14px 16px}.text-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-size:1rem}.btn{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:10px 16px}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text);font-weight:600}.btn.big{width:100%;padding:14px 16px;font-size:1.05rem}.link{color:var(--primary);background:0 0;border:none;padding:6px 0}.chip{border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:6px 12px;font-size:.9rem}.chip.recording{background:var(--danger);border-color:var(--danger);color:#fff}.home-header{justify-content:space-between;align-items:center;display:flex}.today h2{margin-bottom:.5rem}.goal-list{color:var(--muted);margin:0 0 14px;padding-left:1.2rem}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.scene-tile{text-align:left;border:1px solid var(--border);background:var(--bg);border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;display:flex}.scene-tile .emoji{font-size:1.5rem}.home-footer{text-align:center;margin-top:24px}.roleplay{flex-direction:column;padding-bottom:0;display:flex}.rp-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.rp-title{font-weight:600}.goals{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.goal{color:var(--muted);background:var(--surface);border-radius:999px;padding:3px 10px;font-size:.8rem}.goal.done{color:var(--ok)}.chat{flex-direction:column;flex:1;gap:10px;padding:8px 0 16px;display:flex}.bubble{border-radius:16px;max-width:92%;padding:12px 14px}.bubble p{margin:0 0 6px}.bubble.ai{background:var(--surface);align-self:flex-start}.bubble.ai.fallback{background:var(--danger-bg)}.bubble.ai.thinking{color:var(--muted)}.bubble.me{background:var(--me);align-self:flex-end}.line-en{font-size:1.1rem;font-weight:600}.line-ko{color:var(--muted)}.hint{font-size:.95rem}.tag{background:var(--border);vertical-align:middle;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:.7rem}.better{border-top:1px dashed var(--border);margin-top:6px;padding-top:6px}.bubble-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.error-box,.complete-box{border-radius:12px;padding:12px 14px}.error-box{background:var(--danger-bg)}.error-box p,.complete-box p{margin:0 0 8px}.complete-box{background:var(--surface);text-align:center;font-weight:600}.rp-controls{background:var(--bg);border-top:1px solid var(--border);padding:10px 0 max(12px, env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.typing-row{gap:8px;display:flex}.mic{background:var(--primary);width:100%;color:var(--primary-text);border:none;border-radius:999px;margin:6px 0;padding:18px;font-size:1.15rem;font-weight:700}.mic.recording{background:var(--danger);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.75}}@media (prefers-reduced-motion:reduce){.mic.recording{animation:none}}.sub-controls{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.stats{text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.stats div{flex-direction:column;display:flex}.stats strong{font-size:1.3rem}.stumble p{margin:0 0 4px}.end-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.check{align-items:flex-start;gap:8px;padding:6px 0;display:flex}.result p{margin:0 0 4px}.pron{color:var(--primary);margin:2px 0 4px;font-size:.95rem}.note{color:var(--muted);margin:4px 0 0;font-size:.88rem}.guide{color:var(--muted);margin:10px 0}.guide-box{background:var(--me);border-radius:12px;padding:12px 14px;font-size:.95rem}.sentence-card{background:var(--surface);border-radius:14px;margin:10px 0;padding:14px 16px}.sentence-card p{margin:0 0 4px}.sentence-card.big .line-en{font-size:1.35rem}.steps{gap:6px;margin:8px 0;display:flex}.step{text-align:center;background:var(--surface);color:var(--muted);border-radius:8px;flex:1;padding:6px 4px;font-size:.8rem}.step.on{background:var(--primary);color:var(--primary-text);font-weight:600}.step.past{color:var(--ok)}.repeat-result{border-radius:12px;margin-top:8px;padding:12px 14px}.repeat-result p{margin:0 0 6px}.repeat-result.pass{background:color-mix(in srgb, var(--ok) 14%, transparent)}.repeat-result.fail{background:var(--danger-bg)}.words{font-size:1.2rem;font-weight:600}.w-ok{color:var(--ok)}.w-miss{color:var(--danger);text-decoration:underline}.two-buttons{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.review-card{text-align:left;border:1px solid var(--primary);width:100%;font-size:1rem}.lesson-list{flex-direction:column;gap:6px;display:flex}.lesson-row{text-align:left;border:1px solid var(--border);background:var(--bg);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.lesson-row.next{border-color:var(--primary);border-width:2px}.lesson-row.locked{opacity:.6}.lesson-row .lesson-title{flex:1}.footer-links{justify-content:center;gap:16px;display:flex}.home-footer .check{justify-content:center}.learned-toggle{color:var(--primary);text-align:left;background:0 0;border:none;padding:4px 0}.learned{background:var(--surface);border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex}.learned-row{text-align:left;background:0 0;border:none;padding:6px}.header-toggles{gap:10px;display:flex}.onboarding{flex-direction:column;justify-content:space-between;display:flex}.slide{flex:1;padding-top:24px}.slide-emoji{font-size:3rem}.slide p{margin:10px 0}.dots{justify-content:center;gap:6px;display:flex}.dot{background:var(--border);border-radius:50%;width:8px;height:8px}.dot.on{background:var(--primary)}.ready h2{margin-top:0}.center-text{text-align:center}textarea.text-input{resize:vertical;margin-bottom:10px;font-family:inherit}.example-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.lesson-open{text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:0;display:flex}.row-sub{display:block}.topic-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}