:root{--bg:#12101e;--surface:#1c1930;--text:#f5f2fa;--text-muted:#9a93b5;--neon:#ff4e6a;--mint:#4ee1c1;--danger:#ff6b6b;--grad-hangul:linear-gradient(160deg, #241d4f 0%, #4a1d5f 55%, #6b1e58 100%);--grad-cognates:linear-gradient(160deg, #0f2a44 0%, #14405c 55%, #0f5257 100%);--grad-phrases:linear-gradient(160deg, #3a1a3f 0%, #63224a 55%, #8a3140 100%);--grad-minimalPairs:linear-gradient(160deg, #1d1d52 0%, #2c2470 55%, #45217a 100%);--grad-vocab:linear-gradient(160deg, #123047 0%, #1a4a63 55%, #14545c 100%);--grad-grammar:linear-gradient(160deg, #2b1a4f 0%, #3d2a75 55%, #22468a 100%);--grad-dialogue:linear-gradient(160deg, #133c33 0%, #14544a 55%, #1a6154 100%);--font-ko:"Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-ui:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow-x:clip}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.neon-ko{font-family:var(--font-ko);color:var(--text);text-shadow:0 0 18px #ff4e6a8c,0 0 60px #ff4e6a40;font-weight:800}@media (prefers-reduced-motion:no-preference){.card-enter{animation:.45s cubic-bezier(.2,.9,.3,1.2) card-pop}@keyframes card-pop{0%{opacity:.4;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}}.feed-wrap{height:100dvh;position:relative;overflow-x:clip}.feed-progress{z-index:10;background:#ffffff1f;height:3px;position:fixed;top:0;left:0;right:0}.feed-progress-fill{background:var(--neon);height:100%;transition:width .3s}.feed{scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;height:100dvh;overflow:clip scroll}.feed::-webkit-scrollbar{display:none}.feed-slide{scroll-snap-align:start;scroll-snap-stop:always;height:100dvh;overflow:hidden}.course-chip{top:max(16px, env(safe-area-inset-top));letter-spacing:.12em;color:var(--text-muted);background:#00000059;border-radius:999px;padding:6px 12px;font-size:12px;position:absolute;left:16px}.primary-btn{background:var(--neon);color:#fff;border-radius:999px;padding:16px 32px;font-size:17px;font-weight:700;box-shadow:0 4px 24px #ff4e6a66}.primary-btn:active{transform:scale(.97)}.banner{color:#ffc857;background:#ffc8571f;border-radius:12px;margin:0 20px 8px;padding:10px 14px;font-size:13px}.loading{height:100dvh;color:var(--text-muted);place-items:center;display:grid}.learn-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex;position:relative}.learn-main{flex-direction:column;align-items:center;gap:12px;max-width:100%;display:flex}.learn-ko{word-break:keep-all;font-size:clamp(56px,18vw,96px);line-height:1.15}.learn-ko-long{font-size:clamp(30px,9vw,48px)}.learn-reading{color:var(--text-muted);letter-spacing:.08em;font-size:18px}.learn-ja{color:var(--text-muted);border:1px dashed #ffffff40;border-radius:12px;margin-top:10px;padding:10px 18px;font-size:15px}.learn-ja.is-revealed{color:var(--text);border-style:solid;border-color:var(--mint);font-size:22px;font-weight:700}.speaker-label{color:var(--mint);letter-spacing:.15em;border:1px solid #4ee1c166;border-radius:999px;padding:4px 14px;font-size:13px}.learn-example{background:#0000004d;border-radius:14px;flex-direction:column;gap:4px;margin-top:20px;padding:12px 18px;display:flex}.example-ko{font-family:var(--font-ko);font-size:18px;font-weight:600}.example-ja{color:var(--text-muted);font-size:13px}.learn-note{bottom:max(28px, env(safe-area-inset-bottom));color:var(--text-muted);text-align:left;font-size:13px;line-height:1.6;position:absolute;left:20px;right:76px}.action-rail{right:14px;bottom:max(28px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex;position:absolute}.rail-btn{background:#0006;border-radius:50%;place-items:center;width:48px;height:48px;font-size:20px;display:grid}.quiz-card{background:radial-gradient(ellipse at 50% 0%, #ff4e6a2e, transparent 60%), var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex;position:relative}.quiz-chip{color:var(--neon)}.quiz-prompt{color:var(--text-muted);margin-bottom:16px;font-size:15px}.quiz-stimulus{word-break:keep-all;max-width:100%;margin-bottom:32px;font-size:clamp(44px,14vw,72px);font-weight:800;line-height:1.2}.quiz-stimulus-ja{word-break:normal;overflow-wrap:anywhere;font-size:clamp(26px,8vw,40px);line-height:1.4}.quiz-stimulus-cloze{font-size:clamp(28px,9vw,44px);line-height:1.4;font-family:var(--font-ko);margin-bottom:8px}.quiz-cloze-ja{color:var(--text-muted);margin-bottom:28px;font-size:14px}.quiz-choices{flex-direction:column;gap:12px;width:min(100%,360px);display:flex}.quiz-choice{font-size:20px;font-weight:600;font-family:var(--font-ko);background:var(--surface);border:1px solid #ffffff1a;border-radius:16px;padding:18px}.quiz-choice:disabled{cursor:default}.quiz-choice.is-correct{border-color:var(--mint);color:var(--mint);background:#4ee1c12e}.quiz-choice.is-wrong{border-color:var(--danger);color:var(--danger);background:#ff6b6b24}.quiz-feedback{margin-top:24px}.quiz-result{font-size:20px;font-weight:700}.quiz-answer-line{margin-top:8px;font-size:16px}.quiz-note{color:var(--text-muted);max-width:360px;margin-top:8px;font-size:13px;line-height:1.6}.quiz-swipe-hint{color:var(--text-muted);margin-top:16px;font-size:12px}.done-card{text-align:center;background:radial-gradient(ellipse at 50% 100%, #4ee1c126, transparent 60%), var(--bg);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.done-title{font-size:clamp(40px,12vw,64px)}.done-subtitle{color:var(--text-muted);margin-top:8px}.done-stats{grid-template-columns:1fr 1fr;gap:14px;width:min(100%,340px);margin:32px 0;display:grid}.done-stats>div{background:var(--surface);border-radius:16px;padding:16px}.done-stats dt{color:var(--text-muted);font-size:12px}.done-stats dd{margin-top:4px;font-size:28px;font-weight:800}.done-note{color:var(--text-muted);margin-top:16px;font-size:13px}.home{min-height:100dvh;padding:max(48px, env(safe-area-inset-top)) 24px 48px;background:radial-gradient(ellipse at 50% -10%, #ff4e6a33, transparent 55%), var(--bg);flex-direction:column;align-items:center;display:flex}.home-header{text-align:center;margin-bottom:28px}.home-logo{font-size:clamp(40px,12vw,56px)}.home-tagline{color:var(--text-muted);letter-spacing:.2em;margin-top:6px;font-size:13px}.home-hero{background:var(--surface);text-align:center;border-radius:20px;width:min(100%,360px);padding:24px}.home-retained-num{color:var(--mint);font-size:56px;font-weight:800;display:block}.home-retained-label{color:var(--text-muted);font-size:13px}.home-substats{justify-content:center;gap:32px;margin-top:18px;display:flex}.home-substats dt{color:var(--text-muted);font-size:11px}.home-substats dd{font-size:20px;font-weight:700}.home-phase{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:10px;width:min(100%,360px);margin-top:14px;padding:14px 18px;display:flex}.home-phase-text{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.home-phase-title{font-size:14px;font-weight:700}.home-phase-subtitle{color:var(--text-muted);font-size:12px;font-family:var(--font-ko)}.home-phase-progress{align-items:center;gap:10px;display:flex}.home-phase-bar{background:#ffffff1a;border-radius:999px;flex:1;height:6px;overflow:hidden}.home-phase-fill{background:var(--neon);border-radius:999px;height:100%}.home-phase-count{color:var(--text-muted);font-size:12px}.home-week{gap:10px;margin:24px 0 36px;display:flex}.week-dot{background:var(--surface);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.week-dot.is-active{box-shadow:0 0 0 1px var(--mint) inset;background:#4ee1c133}.week-day{color:var(--text-muted);font-size:11px}.week-dot.is-active .week-day{color:var(--mint)}.home-hint{color:var(--text-muted);margin-top:14px;font-size:13px}