:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#10b981;--secondary-hover:#059669;--danger:#ef4444;--background:#0f172a;--surface:#1e293b;--surface-light:#334155;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#334155;--gradient-bg:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gradient-bg);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}#root{width:100%;max-width:600px;padding:2rem}.app-container{background:var(--surface);border:1px solid var(--border);border-radius:24px;flex-direction:column;min-height:600px;padding:2rem;display:flex;box-shadow:0 25px 50px -12px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}.animate-shake{animation:.4s ease-in-out shake}@keyframes pulse-success{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 15px #10b98100}to{box-shadow:0 0 #10b98100}}.btn{background:var(--surface-light);color:var(--text-main);cursor:pointer;text-align:center;border:2px solid #0000;border-radius:12px;outline:none;width:100%;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;transition:all .2s}.btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000004d}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background:var(--primary)}.btn-secondary{background:var(--secondary)}.quiz-header{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.9rem;display:flex}.combo-badge{color:var(--secondary);background:#10b98133;border-radius:999px;padding:.25rem .75rem;font-weight:700}.word-display{text-align:center;margin:3rem 0}.word-english{letter-spacing:-.025em;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800}.word-category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:1rem}.options-grid{grid-template-columns:1fr;gap:1rem;margin-top:auto;display:grid}.option-correct{animation:.5s pulse-success;background:var(--secondary)!important;border-color:var(--secondary)!important;color:#fff!important}.option-wrong{animation:.4s shake;background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}.stats-card{background:#ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.5rem;display:flex}.stats-value{color:var(--secondary);font-size:2rem;font-weight:700}.list-item{border-bottom:1px solid var(--border);justify-content:space-between;padding:1rem;display:flex}.list-item:last-child{border-bottom:none}.header-title{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:800}.progress-bar{background:var(--surface-light);border-radius:999px;width:100%;height:8px;margin-top:1rem;overflow:hidden}.progress-fill{background:var(--primary);height:100%;transition:width .3s}