:root{--bg: #f2f4f6;--card: #ffffff;--text: #191f28;--sub: #6b7684;--line: #e5e8eb;--soft: #f2f4f6;--accent: #3182f6;--accent-soft: #e8f3ff;--good: #0a9f5c;--good-soft: #e6f8ef;--bad: #e5484d;--bad-soft: #fdecec;--gold: #ff9f1a;--radius: 18px;--ko: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", Pretendard, "Noto Sans KR", "Malgun Gothic", sans-serif;--ja: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;color-scheme:light}.course-en{--accent: #3182f6;--accent-soft: #e8f3ff}.course-ja{--accent: #f0625a;--accent-soft: #fff0ee}.course-kana{--accent: #7b61ff;--accent-soft: #f1eeff}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ko);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}[lang=ja]{font-family:var(--ja)}[lang=en]{font-family:var(--ko)}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.app{max-width:480px;margin:0 auto;min-height:100dvh}.screen{padding:calc(env(safe-area-inset-top) + 20px) 16px calc(env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;gap:14px}.muted{color:var(--sub)}.row{display:flex;gap:8px}.row>.btn{flex:1}.stack{display:flex;flex-direction:column;gap:8px}.card{background:var(--card);border-radius:var(--radius);padding:20px}.btn{border:0;border-radius:14px;padding:15px 16px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .08s ease,filter .15s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);color:#fff}.btn.ghost{background:var(--soft);color:var(--text)}.btn.bonus{background:#fff4e0;color:#b35c00}.btn.wide{width:100%}.icon-btn{width:40px;height:40px;border:0;border-radius:12px;background:transparent;font-size:22px;color:var(--sub);cursor:pointer;flex:none}.home-head{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 4px 6px}.home-head h1{font-size:26px;font-weight:800;margin-bottom:4px}.streak{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:8px 10px;border-radius:16px;background:var(--card);color:var(--sub);font-size:12px}.streak b{font-size:22px;line-height:1.1}.streak.on b{color:var(--gold)}.course{display:flex;flex-direction:column;gap:12px}.course-top{display:flex;gap:14px;align-items:center}.course-text h2{font-size:19px;font-weight:800}.course-text p{font-size:14px;margin-top:2px}.badge{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:18px;flex:none}.meter{height:8px;border-radius:99px;background:var(--soft);overflow:hidden;flex:1}.meter i{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .3s ease}.course-stats{font-size:14px;font-weight:600}.pips{display:flex;align-items:center;gap:6px}.pip{width:22px;height:8px;border-radius:99px;background:var(--line)}.pip.done{background:var(--accent)}.pips small{margin-left:6px;font-size:13px}.hint{font-size:12px;text-align:center}.foot{font-size:13px;text-align:center;padding:4px 0 8px}.play{min-height:100dvh;padding-bottom:0;gap:0}.play-head{display:flex;align-items:center;gap:8px;margin:-8px -4px 12px}.play-head .meter{height:10px;background:var(--line)}.play-body{display:flex;flex-direction:column;gap:16px;flex:1;padding-bottom:24px}.tag{align-self:flex-start;font-size:13px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:5px 10px;border-radius:99px}.tag.retry{color:#b35c00;background:#fff4e0}.q-title{font-size:20px;font-weight:800}.prompt{background:var(--card);border-radius:var(--radius);padding:22px 20px;display:flex;flex-direction:column;gap:6px}.prompt .main{font-size:22px;font-weight:700;line-height:1.4;word-break:keep-all}.prompt.foreign .main{font-size:26px}.prompt.glyph-prompt{align-items:center;padding:28px 20px}.prompt.glyph-prompt .main{font-size:72px;font-weight:500;line-height:1}.prompt .kana{color:var(--sub);font-size:16px}.prompt .pron{color:var(--accent);font-size:15px;font-weight:600}.prompt .note,.item-card .note{font-size:13px;color:var(--sub)}.choices{display:flex;flex-direction:column;gap:10px}.choice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:2px solid var(--line);background:var(--card);border-radius:16px;padding:14px 16px;font-size:17px;font-weight:600;cursor:pointer;word-break:keep-all}.choice:active:not(:disabled){transform:scale(.99)}.choice:disabled{cursor:default}.choice .num{flex:none;width:26px;height:26px;border-radius:8px;background:var(--soft);color:var(--sub);font-size:13px;display:grid;place-items:center}.choice-text{display:flex;flex-direction:column;gap:2px}.choice-text small{font-size:13px;color:var(--sub);font-weight:500;font-family:var(--ko)}.choice.right{border-color:var(--good);background:var(--good-soft)}.choice.right .num{background:var(--good);color:#fff}.choice.wrong{border-color:var(--bad);background:var(--bad-soft)}.choice.wrong .num{background:var(--bad);color:#fff}.choice:disabled:not(.right):not(.wrong){opacity:.55}.arrange{display:flex;flex-direction:column;gap:18px}.arrange-line{min-height:64px;padding:10px 0;border-bottom:2px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.arrange-line.right{border-color:var(--good)}.arrange-line.wrong{border-color:var(--bad)}.arrange-line .placeholder{color:var(--sub);font-size:14px;align-self:center}.arrange-bank{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tile{border:2px solid var(--line);border-bottom-width:4px;background:var(--card);border-radius:12px;padding:9px 13px;font-size:18px;font-weight:600;cursor:pointer}.tile.used{visibility:hidden}.tile:disabled{cursor:default}.dock{position:sticky;bottom:0;margin:0 -16px;padding:12px 16px calc(env(safe-area-inset-bottom) + 16px);background:linear-gradient(to bottom,transparent,var(--bg) 24%)}.dock:empty{display:none}.dock.open{background:var(--card);border-radius:22px 22px 0 0;box-shadow:0 -6px 24px #0000000f}.dock.open.right{background:var(--good-soft)}.dock.open.wrong{background:var(--bad-soft)}.feedback{display:flex;flex-direction:column;gap:12px;animation:rise .18s ease-out}.verdict{font-size:18px;font-weight:800}.dock.right .verdict{color:var(--good)}.dock.wrong .verdict{color:var(--bad)}.dock.right .btn.primary{background:var(--good)}.dock.wrong .btn.primary{background:var(--bad)}@keyframes rise{0%{transform:translateY(12px);opacity:0}}.item-card{background:var(--card);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:4px}.item-card .text{font-size:20px;font-weight:700;word-break:keep-all}.item-card .kana{color:var(--sub);font-size:14px}.item-card .pron{font-size:14px;color:var(--accent);font-weight:600;display:flex;gap:6px;align-items:center}.item-card .label{font-size:11px;color:var(--sub);background:var(--soft);padding:2px 6px;border-radius:6px;font-weight:600}.item-card .ko{font-size:16px;font-weight:600;margin-top:4px}.item-card.big{padding:28px 22px;gap:8px}.item-card.big .text{font-size:30px}.item-card.big .kana,.item-card.big .pron{font-size:17px}.item-card.big .ko{font-size:20px;margin-top:10px;padding-top:14px;border-top:1px solid var(--line)}.item-card.kana{align-items:center;text-align:center}.item-card.kana .glyph{font-size:56px;line-height:1.2}.item-card.kana.big .glyph{font-size:96px}.item-card .reading{font-size:16px;color:var(--sub)}.item-card .reading b{color:var(--accent);font-size:20px}.chip{font-size:12px;color:var(--accent);background:var(--accent-soft);padding:3px 8px;border-radius:99px;font-weight:700}.overlay{position:fixed;inset:0;background:#0006;display:grid;place-items:center;padding:24px;z-index:10}.modal{background:var(--card);border-radius:22px;padding:24px 20px 18px;width:min(100%,340px);display:flex;flex-direction:column;gap:8px}.modal h3{font-size:19px}.modal .row{margin-top:12px}.result-head{text-align:center;padding:28px 0 8px;display:flex;flex-direction:column;gap:6px}.result-head h1{font-size:30px;font-weight:800}.score{font-size:18px;color:var(--sub)}.score b{font-size:34px;color:var(--accent)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--card);border-radius:16px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:2px}.stat b{font-size:20px}.stat span{font-size:13px;color:var(--sub)}.missed{display:flex;flex-direction:column;gap:4px}.missed h2{font-size:17px}.missed-row{display:flex;flex-direction:column;padding:10px 0;border-top:1px solid var(--line)}.missed-row:nth-of-type(1){border-top:0}.missed-row .text{font-size:17px;font-weight:700}.missed-row .muted{font-size:14px}.clean{text-align:center;font-weight:600}.sub-head{display:flex;align-items:center;gap:4px;margin-left:-8px}.sub-head h1{font-size:20px;font-weight:800}.sub-head .icon-btn{font-size:30px}.lead{font-size:14px;padding:0 4px}.deck{display:flex;flex-direction:column}.deck h2{font-size:16px;margin-bottom:6px}.deck h2 small{font-weight:500;font-size:13px}.word-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.word-main{display:flex;flex-direction:column;gap:1px;min-width:0}.word-main .text{font-size:16px;font-weight:700;word-break:keep-all}.word-main .kana{font-size:12px;color:var(--sub)}.word-main .muted{font-size:13px}.level{display:flex;gap:2px;flex:none}.level i{width:5px;height:14px;border-radius:2px;background:var(--line)}.level i.on{background:var(--accent)}.word-row.mastered .level i.on{background:var(--gold)}.rest{font-size:13px;padding-top:8px}