:root{color:#1d1d1a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f2eb;font-family:Pretendard,SUIT,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}html{background:#f5f2eb}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{--paper:#f5f2eb;--paper-deep:#ece7dc;--surface:#fffdf8;--ink:#1d1d1a;--muted:#77736b;--line:#ddd7cb;--coral:#e9563f;--coral-soft:#fbe5df;--green:#387b58;--green-soft:#e5f0e9;--radius-lg:28px;--radius-md:18px}*{box-sizing:border-box}button,input{font:inherit}button{color:inherit}ruby{ruby-position:over}rt{color:var(--muted);letter-spacing:0;font-size:.42em;font-weight:700}.daily-card rt,.course-rail rt{color:#aaa69e}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e9563f4d}.site-shell{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 15% 15%, #ffffffd9, transparent 34%), var(--paper);padding-bottom:78px}.app-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f2ebeb;border-bottom:1px solid #ddd7cbcc;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex;position:sticky;top:0}.wordmark{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.wordmark>span{background:var(--coral);border-radius:50%;width:8px;height:8px}.wordmark strong{letter-spacing:-.04em;font-size:20px}.wordmark small,.beta-chip,.rail-kicker,.stage-label,.complete-screen>span,.apply-prompt span{letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.wordmark small{color:var(--muted);font-size:8px}.beta-chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 8px;font-size:9px}.workspace{width:min(100%,1040px);margin:0 auto}.course-rail{display:none}.main-panel{min-width:0}.home-screen,.complete-screen{padding:28px 18px 32px}.home-date{color:var(--muted);letter-spacing:.08em;margin-bottom:14px;font-size:11px}.home-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.home-heading h2,.complete-screen h2{letter-spacing:-.055em;margin:0;font-size:clamp(30px,9vw,42px);line-height:1.12}.home-heading p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.55}.day-badge{color:var(--coral);background:var(--coral-soft);border-radius:9px;flex:none;padding:7px 9px;font-size:10px;font-weight:800}.daily-card{border-radius:var(--radius-lg);color:#f8f5ed;background:var(--ink);margin-top:24px;padding:22px;box-shadow:0 22px 50px #1e1c1829}.daily-topline{color:#aaa69e;justify-content:space-between;font-size:11px;display:flex}.daily-topline strong{color:#fff}.daily-track,.rail-track,.lesson-track{background:#ffffff24;border-radius:999px;height:6px;overflow:hidden}.daily-track{margin:14px 0 18px}.daily-track span,.rail-track span,.lesson-track span{border-radius:inherit;background:var(--coral);width:6%;height:100%;transition:width .22s;display:block}.daily-expressions{gap:14px;display:grid}.daily-game-summary{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.daily-game-summary span{color:#c8c4bb;border:1px solid #ffffff29;border-radius:999px;padding:6px 8px;font-size:9px}.daily-expressions>div,.rail-list li{align-items:center;gap:12px;display:flex}.daily-expressions>div>span,.rail-list li>span{color:#aaa69e;border:1px solid #ffffff38;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.daily-expressions strong,.rail-list strong{letter-spacing:-.02em;font-size:18px;display:block}.daily-expressions small{color:#aaa69e;margin-top:2px;font-size:11px;display:block}.primary-button{color:#fff;background:var(--coral);cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:0 20px;font-weight:800;display:flex}.primary-button:disabled{cursor:not-allowed;opacity:.36}.primary-button.inverted{margin-top:20px}.primary-button svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px}.trust-note{border:1px solid var(--line);background:#fffdf8bd;border-radius:15px;gap:12px;margin-top:18px;padding:15px;display:flex}.trust-note span{color:#9b493b;background:var(--coral-soft);white-space:nowrap;border-radius:6px;height:fit-content;padding:4px 7px;font-size:10px;font-weight:800}.trust-note p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.lesson-screen{min-height:calc(100svh - 142px);padding:18px 18px 100px}.lesson-top{align-items:center;gap:12px;display:flex}.lesson-top>button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;width:34px;height:34px}.lesson-top strong{color:var(--muted);flex:none;font-size:11px}.lesson-track{background:var(--paper-deep);flex:1}.stage-label{color:var(--coral);margin-top:28px;font-size:10px;font-weight:800}.lesson-expression{letter-spacing:-.055em;margin:7px 0 22px;font-size:clamp(38px,13vw,64px);line-height:1}.stage-content{animation:.18s ease-out both stage-in}.situation{min-height:44px;margin:0 0 14px;font-size:15px;font-weight:700;line-height:1.5}.scene-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.scene-tabs button,.answer,.rating-grid button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px}.scene-tabs button{color:var(--muted);padding:10px;font-size:12px;font-weight:700}.scene-tabs button.active{border-color:var(--ink);color:var(--surface);background:var(--ink)}.video-frame{aspect-ratio:16/9;background:#111;border-radius:18px;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%}.video-frame>span{color:#fff;background:#000000b8;border-radius:6px;padding:5px 7px;font-family:ui-monospace,monospace;font-size:8px;position:absolute;top:9px;left:9px}.source-line{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:10px;display:flex}.source-line a{color:var(--ink);font-weight:800;text-decoration:none}.context-flow{border:1px solid var(--line);background:var(--line);border-radius:18px;gap:1px;margin-top:14px;display:grid;overflow:hidden}.context-flow>div{background:var(--surface);padding:14px 16px}.context-flow span,.korean-prompt span,.recall-prompt span{color:var(--muted);letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:800}.context-flow p{margin:5px 0 0;font-size:13px;line-height:1.55}.context-flow .context-target{background:var(--ink);color:#f8f5ed;padding-block:18px}.context-target>strong{margin-top:9px;font-size:22px;line-height:1.7;display:block}.context-target rt{color:#bcb8af}.quick-speak{border:1px solid var(--coral);background:var(--coral-soft);border-radius:18px;gap:14px;margin-top:14px;padding:16px;display:grid}.quick-speak>div>span{color:var(--coral);letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:800}.quick-speak strong{margin-top:5px;font-size:15px;display:block}.quick-speak p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.5}.quick-speak button{color:#fff;background:var(--coral);cursor:pointer;border:0;border-radius:12px;min-height:44px;font-size:12px;font-weight:800}.quick-speak.done{background:var(--green-soft);border-color:#b9d5c5}.quick-speak.done button{color:var(--green);background:0 0}.question{margin:0 0 16px;font-size:18px;font-weight:800}.intent-stage{gap:10px;display:grid}.answer{text-align:left;padding:16px;font-weight:700;line-height:1.45}.answer.correct{border-color:var(--green);color:var(--green);background:var(--green-soft)}.answer.wrong,.expression-options button.wrong,.recall-options button.wrong{color:#a34337;background:#fbe8e4;border-color:#c85e50}.explanation{background:var(--green-soft);border-radius:14px;margin-top:4px;padding:15px}.explanation.wrong{color:#8f3c32;background:#fbe8e4}.explanation.wrong strong{color:#a34337}.korean-prompt,.recall-prompt{color:#f8f5ed;background:var(--ink);border-radius:18px;padding:20px}.korean-prompt p,.recall-prompt p{margin:10px 0 0;font-size:17px;font-weight:800;line-height:1.55}.expression-quiz .question{margin-top:22px}.expression-options,.recall-options{gap:9px;display:grid}.expression-options button,.recall-options button{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:14px;min-height:58px;padding:12px 16px;font-size:20px;font-weight:800}.expression-options button.correct,.recall-options button.correct{border-color:var(--green);color:var(--green);background:var(--green-soft)}.quiz-feedback{border-radius:12px;margin:12px 0 0;padding:12px 14px;font-size:12px;font-weight:700}.quiz-feedback.correct{color:var(--green);background:var(--green-soft)}.quiz-feedback.wrong{color:#a34337;background:#fbe8e4}.explanation strong{color:var(--green)}.explanation p{margin:5px 0 0;font-size:13px;line-height:1.55}.phrase-card{border:1px solid var(--line);text-align:center;background:var(--surface);border-radius:20px;padding:22px}.phrase-card span{color:var(--muted);font-size:11px}.phrase-card strong{margin:12px 0 4px;font-size:28px;display:block}.phrase-card p{color:var(--muted);margin:0;font-size:13px}.speak-stage{text-align:center}.repeat-status{justify-content:center;gap:9px;margin-top:22px;display:flex}.repeat-status span{border:1px solid var(--line);width:31px;height:31px;color:var(--muted);background:var(--surface);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.repeat-status span.done{border-color:var(--green);color:#fff;background:var(--green)}.repeat-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;min-height:44px;margin-top:12px;padding:0 17px;font-size:12px;font-weight:800}.repeat-button:disabled{color:var(--green);background:var(--green-soft)}.mic-button{color:#fff;background:var(--coral);cursor:pointer;border:0;border-radius:50%;place-items:center;width:88px;height:88px;margin:28px auto 12px;display:grid;box-shadow:0 13px 32px #e9563f47}.mic-button.recording{animation:1.1s infinite pulse}.mic-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:31px}.mic-hint{color:var(--muted);margin:0;font-size:12px}.speech-privacy{max-width:280px;color:var(--muted);margin:8px auto 0;font-size:10px;line-height:1.45}.audio-player{width:100%;margin-top:20px}.speech-feedback{text-align:left;border-radius:13px;margin-top:14px;padding:13px 14px}.speech-feedback strong{font-size:12px;line-height:1.45;display:block}.speech-feedback p{margin:4px 0 0;font-size:11px;line-height:1.5}.speech-feedback.checking,.speech-feedback.unavailable{color:#655f55;background:var(--paper-deep)}.speech-feedback.matched{color:var(--green);background:var(--green-soft)}.speech-feedback.close{color:#84601b;background:#f8edcf}.speech-feedback.uncertain,.speech-feedback.no-speech,.speech-feedback.error{color:#9b493b;background:var(--coral-soft)}.recall-answer .speech-feedback{color:#f4ded9;background:#ffffff17}.apply-prompt{color:#f8f5ed;background:var(--ink);border-radius:18px;padding:20px}.apply-prompt span{color:#aaa69e;font-size:9px}.apply-prompt p{margin:10px 0 0;font-size:15px;font-weight:700;line-height:1.6}.recall-title{margin:24px 0 12px;display:block}.rating-grid{gap:8px;display:grid}.rating-grid button{min-height:48px;font-size:13px;font-weight:700}.lesson-footer{z-index:10;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f2ebf0;padding:12px 18px 16px;position:fixed;bottom:70px;left:0;right:0}.complete-screen{text-align:center}.recall-screen{padding:30px 18px 100px}.recall-topline{color:var(--coral);letter-spacing:.1em;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800;display:flex}.recall-track{background:var(--paper-deep);border-radius:999px;height:6px;margin-top:11px;overflow:hidden}.recall-track span{border-radius:inherit;background:var(--coral);height:100%;display:block}.recall-screen h2{letter-spacing:-.055em;margin:28px 0 20px;font-size:clamp(30px,9vw,44px);line-height:1.15}.recall-prompt{margin-bottom:16px}.recall-instruction{color:var(--muted);margin:-4px 0 14px;font-size:12px;line-height:1.5}.recall-recording{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:20px;padding:18px}.recall-recording .mic-button{margin-top:4px}.reveal-answer{margin-top:18px}.silent-fallback{border:1px solid var(--line);min-height:42px;color:var(--muted);background:0 0;border-radius:999px;margin-top:14px;padding:0 16px;font-size:11px;font-weight:700}.recall-answer{color:#f8f5ed;background:var(--ink);border-radius:20px;padding:22px}.recall-answer>span{color:#aaa69e;letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:800}.recall-answer>strong{margin-top:14px;font-size:34px;line-height:1.45;display:block}.recall-answer>strong rt{color:#aaa69e}.recall-answer>p{color:#c8c4bb;margin:2px 0 18px;font-size:13px}.recall-confidence{border-top:1px solid #ffffff24;gap:8px;margin-top:20px;padding-top:18px;display:grid}.recall-confidence>span{color:#c8c4bb;margin-bottom:4px;font-size:11px;line-height:1.45}.recall-confidence button{color:#f8f5ed;background:0 0;border:1px solid #ffffff2e;border-radius:11px;min-height:43px;font-size:12px;font-weight:700}.recall-confidence button.selected{color:#c8f2d8;background:#387b5847;border-color:#8bc6a2}.recall-next{margin-top:16px}.recall-options button{justify-content:space-between;align-items:center;display:flex}.recall-options small{color:var(--muted);font-size:11px;font-weight:600}.recall-feedback{border-radius:14px;margin:14px 0;padding:14px 16px}.recall-feedback.correct{color:var(--green);background:var(--green-soft)}.recall-feedback.wrong{color:#a34337;background:#fbe8e4}.recall-feedback p{margin:5px 0 0;font-size:13px}.complete-mark{width:72px;height:72px;color:var(--green);background:var(--green-soft);border-radius:50%;place-items:center;margin:30px auto 18px;display:grid}.complete-mark svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:38px}.complete-screen>span{color:var(--green);font-size:9px;font-weight:800}.complete-screen h2{margin-top:10px}.complete-screen>p{color:var(--muted);margin:10px 0 24px;font-size:13px}.complete-list{text-align:left;gap:8px;margin-bottom:22px;display:grid}.complete-list>div{border:1px solid var(--line);background:var(--surface);border-radius:13px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.complete-list span{color:var(--muted);font-size:12px}.bottom-nav{z-index:20;height:70px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf8f2f5;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:700;display:flex}.bottom-nav button.active{color:var(--coral)}.bottom-nav svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px}.toast{z-index:40;color:#fff;text-align:center;background:#1d1d1af0;border-radius:12px;padding:13px 15px;font-size:12px;font-weight:700;animation:.18s both toast-in;position:fixed;bottom:86px;left:18px;right:18px}@keyframes stage-in{0%{opacity:0;transform:translateY(6px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes pulse{50%{opacity:.72;transform:scale(.94)}}@media (width>=760px){.site-shell{padding:34px 28px}.app-header{border:1px solid var(--line);background:#fffdf8c7;border-bottom:0;border-radius:26px 26px 0 0;width:min(100%,1040px);margin:0 auto;position:relative}.workspace{border:1px solid var(--line);background:#fffdf8b8;border-radius:0 0 26px 26px;grid-template-columns:.9fr 1.1fr;min-height:680px;display:grid;overflow:hidden;box-shadow:0 30px 80px #3731281f}.course-rail{border-right:1px solid var(--line);background:var(--ink);color:#f8f5ed;padding:46px 40px;display:block}.rail-kicker{color:#aaa69e;font-size:9px}.course-rail h1{letter-spacing:-.055em;margin:15px 0 13px;font-size:35px;line-height:1.17}.course-rail>p{color:#aaa69e;margin:0;font-size:13px;line-height:1.65}.rail-progress{margin-top:38px}.rail-progress>div:first-child{color:#aaa69e;justify-content:space-between;margin-bottom:10px;font-size:11px;display:flex}.rail-progress strong{color:#fff}.rail-list{gap:18px;margin:30px 0 0;padding:0;list-style:none;display:grid}.rail-list li{opacity:.5}.rail-list li.current,.rail-list li.done{opacity:1}.rail-list li.done>span{border-color:var(--coral);color:#fff;background:var(--coral)}.rail-list small{color:#aaa69e;margin-top:2px;font-size:11px;display:block}.main-panel{background:var(--surface);min-height:680px;position:relative}.home-screen,.lesson-screen,.complete-screen{max-width:540px;margin:0 auto;padding:42px 42px 46px}.lesson-screen{padding-bottom:110px}.lesson-footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;position:absolute;bottom:32px;left:42px;right:42px}.bottom-nav{display:none}.toast{width:360px;bottom:44px;left:auto;right:50%;transform:translate(50%)}}