@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0ee55_hj9qcer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0.qu-9752pffj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0mao5jbfbduzp.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0uzt.a6d44yda.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0mvwgmnhv29no.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.09zddjkbdep5a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--primary:#f97316;--primary-hover:#ea580c;--secondary:#3b82f6;--bg-color:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--surface:#fff;--border:#e2e8f0;--radius-lg:16px;--radius-md:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.app-container{flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;padding:2rem 1rem;display:flex}.glass-panel{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);background:#ffffffb3;border:1px solid #ffffff4d}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-main);border:1px solid var(--border);cursor:pointer;background-color:#0000;border-radius:9999px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background-color:var(--surface);border-color:var(--text-muted)}input.scenario-input{border:2px solid var(--border);width:100%;box-shadow:var(--shadow-sm);border-radius:9999px;outline:none;padding:1rem 1.5rem;font-size:1.125rem;transition:all .2s}input.scenario-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f9731633}h1{letter-spacing:-.025em;background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}h2{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.text-muted{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.flashcard{perspective:1000px;cursor:pointer;width:100%;height:250px;margin-bottom:2rem}.flashcard-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;border-radius:var(--radius-lg);width:100%;height:100%;box-shadow:var(--shadow-md);background-color:var(--surface);border:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute}.flashcard-front{color:var(--text-main)}.flashcard-front .word{color:var(--primary);font-size:2rem;font-weight:700}.flashcard-back{background:linear-gradient(135deg, var(--surface), #fff7ed);transform:rotateY(180deg)}.flashcard-back .translation{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.flashcard-back .pronunciation{color:var(--text-muted);font-style:italic}.progress-bar{background-color:var(--border);border-radius:3px;width:100%;height:6px;margin:1.5rem 0;overflow:hidden}.progress-fill{background-color:var(--primary);height:100%;transition:width .3s}.quiz-option{text-align:left;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text-main);cursor:pointer;margin-bottom:.75rem;padding:1rem 1.5rem;font-size:1.125rem;font-weight:500;transition:all .2s}.quiz-option:hover:not(:disabled){border-color:var(--primary);background-color:#fff7ed}.quiz-option.correct{color:#15803d;background-color:#f0fdf4;border-color:#22c55e}.quiz-option.incorrect{color:#b91c1c;background-color:#fef2f2;border-color:#ef4444}.dialogue-bubble{border-radius:var(--radius-md);max-width:85%;margin-bottom:1rem;padding:1rem 1.25rem;position:relative}.dialogue-bubble.person-a{background-color:var(--primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.dialogue-bubble.person-b{background-color:var(--surface);color:var(--text-main);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.dialogue-container{background:var(--bg-color);border-radius:var(--radius-lg);flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}