:root{--color-bg: #f5f6f8;--color-surface: #ffffff;--color-text: #1a1d21;--color-text-muted: #6b7280;--color-border: #e2e4e8;--color-primary: #2563eb;--color-primary-text: #ffffff;--color-secondary-bg: #eef0f3;--color-secondary-text: #1a1d21;--color-danger: #dc2626;--color-success: #16a34a;--color-warning: #d97706;--color-again: #dc2626;--color-hard: #d97706;--color-good: #2563eb;--color-easy: #16a34a;--radius: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .08)}@media(prefers-color-scheme:dark){:root{--color-bg: #111317;--color-surface: #1b1e24;--color-text: #e9eaec;--color-text-muted: #9aa0aa;--color-border: #2c2f36;--color-primary: #3b82f6;--color-primary-text: #ffffff;--color-secondary-bg: #262a31;--color-secondary-text: #e9eaec;--color-danger: #f87171;--color-success: #4ade80;--color-warning: #fbbf24;--color-again: #f87171;--color-hard: #fbbf24;--color-good: #60a5fa;--color-easy: #4ade80;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}}:root[data-theme=light]{--color-bg: #f5f6f8;--color-surface: #ffffff;--color-text: #1a1d21;--color-text-muted: #6b7280;--color-border: #e2e4e8;--color-primary: #2563eb;--color-primary-text: #ffffff;--color-secondary-bg: #eef0f3;--color-secondary-text: #1a1d21;--color-danger: #dc2626;--color-success: #16a34a;--color-warning: #d97706;--color-again: #dc2626;--color-hard: #d97706;--color-good: #2563eb;--color-easy: #16a34a;--shadow: 0 1px 3px rgba(0, 0, 0, .08)}:root[data-theme=dark]{--color-bg: #111317;--color-surface: #1b1e24;--color-text: #e9eaec;--color-text-muted: #9aa0aa;--color-border: #2c2f36;--color-primary: #3b82f6;--color-primary-text: #ffffff;--color-secondary-bg: #262a31;--color-secondary-text: #e9eaec;--color-danger: #f87171;--color-success: #4ade80;--color-warning: #fbbf24;--color-again: #f87171;--color-hard: #fbbf24;--color-good: #60a5fa;--color-easy: #4ade80;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.5;-webkit-tap-highlight-color:transparent}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.screen{max-width:560px;margin:0 auto;min-height:100vh;padding:20px 16px calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}h1{font-size:1.4rem;margin:0 0 4px}h2{font-size:1.2rem;margin:0}form{display:flex;flex-direction:column;gap:6px}label{font-size:.9rem;color:var(--color-text-muted);margin-top:8px}input,textarea{width:100%;font-size:16px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:inherit;min-height:44px}textarea{min-height:160px;resize:vertical}input:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}button{font-family:inherit;font-size:1rem;min-height:44px;padding:10px 16px;border-radius:var(--radius);border:none;cursor:pointer;transition:opacity .15s ease}button:disabled{opacity:.55;cursor:not-allowed}button:active:not(:disabled){opacity:.8}.btn-primary{background:var(--color-primary);color:var(--color-primary-text);font-weight:600}.btn-secondary{background:var(--color-secondary-bg);color:var(--color-secondary-text)}.btn-block{width:100%;margin-top:8px}.error-message{color:var(--color-danger);font-size:.9rem;margin:0}.notice{color:var(--color-text-muted);font-size:.85rem;margin:0}.screen-login{justify-content:center}.login-box{display:flex;flex-direction:column;gap:4px}.home-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-header h1{font-size:1.15rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.stat-value{font-size:1.6rem;font-weight:700}.stat-label{font-size:.85rem;color:var(--color-text-muted)}.home-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.result-list{list-style:none;margin:0;display:flex;flex-direction:column;gap:8px;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.form-actions{display:flex;gap:10px;margin-top:8px}.form-actions button{flex:1}.study-progress{color:var(--color-text-muted);font-size:.85rem}.study-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 16px;display:flex;flex-direction:column;gap:16px}.card-word{text-align:center;font-size:1.8rem}.card-prompt{font-size:1.15rem;margin:0}.choice-list{display:flex;flex-direction:column;gap:10px}.choice-btn{background:var(--color-secondary-bg);color:var(--color-secondary-text);text-align:left;border:2px solid transparent}.choice-btn.choice-selected{border-color:var(--color-primary)}.choice-btn.choice-correct{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 20%,var(--color-secondary-bg))}.choice-btn.choice-wrong{border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 20%,var(--color-secondary-bg))}.card-typing form{gap:10px}.answer-check{background:var(--color-secondary-bg);border-radius:var(--radius);padding:12px 14px}.answer-check p{margin:4px 0}.pronounce-row{display:flex;gap:10px}.btn-pronounce{flex:1;background:var(--color-secondary-bg);color:var(--color-secondary-text)}.meaning-section{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--color-border);padding-top:12px}.sense{display:flex;flex-direction:column;gap:2px}.sense-pos{display:inline-block;font-size:.75rem;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;padding:1px 8px;width:fit-content}.sense-def-en{margin:0}.sense-def-ko{margin:0;color:var(--color-primary);font-weight:600}.sense-example{margin:0;color:var(--color-text-muted);font-style:italic}.study-actions{display:flex}.btn-know{flex:1;background:var(--color-secondary-bg);color:var(--color-secondary-text)}.rating-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.btn-rating{color:#fff;font-weight:600;padding:10px 4px}.btn-again{background:var(--color-again)}.btn-hard{background:var(--color-hard)}.btn-good{background:var(--color-good)}.btn-easy{background:var(--color-easy)}.screen-study-done{align-items:center;justify-content:center;text-align:center}.screen-level{display:flex;flex-direction:column;align-items:center}.level-progress{align-self:flex-end;font-size:.875rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.level-prompt{margin-top:2rem;color:var(--color-text-muted)}.level-word{font-size:2.25rem;font-weight:600;letter-spacing:-.01em;margin:1rem 0 1.5rem;text-align:center;word-break:break-word}.level-note{font-size:.8125rem;color:var(--color-text-muted);text-align:center;line-height:1.5;margin-bottom:2rem}.level-actions{display:flex;gap:.75rem;width:100%}.level-actions .btn-block{flex:1}.btn-link{margin-top:1.5rem;background:none;border:none;color:var(--color-text-muted);text-decoration:underline;cursor:pointer;min-height:44px;font-size:.875rem}.level-result{font-size:1.25rem;margin:1rem 0 .25rem}.band-list{list-style:none;padding:0;margin:1.5rem 0;display:flex;flex-direction:column;gap:.5rem}.band-row{display:grid;grid-template-columns:6.5rem 1fr 2.75rem;align-items:center;gap:.5rem;font-size:.8125rem;font-variant-numeric:tabular-nums}.band-label,.band-pct{color:var(--color-text-muted)}.band-pct{text-align:right}.band-bar{display:block;height:8px;border-radius:4px;background:var(--color-secondary-bg);overflow:hidden}.band-fill{display:block;height:100%;background:var(--color-primary);transition:width .3s ease}