:root{--bg-color:#f0fdf4;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--primary-blue:#2563eb;--primary-green:#10b981;--border-color:#e2e8f0;--shadow-sm:0 4px 16px #0f172a0a;--shadow-md:0 10px 30px #0f172a14}.app-container{background-color:var(--bg-color);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.screen{width:100%;max-width:520px}.menu-container{flex-direction:column;gap:16px;display:flex}.menu-card{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:20px;padding:32px 24px;transition:all .2s}.menu-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-green);transform:translateY(-2px)}.menu-card h2{color:var(--text-main);margin:0;font-size:26px;font-weight:500}.menu-card .count-badge{color:var(--text-muted);margin-top:6px;font-size:13px;display:inline-block}.exercise-card{background:var(--card-bg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:24px;padding:28px;position:relative}.header-bar{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:24px;font-size:15px;display:flex}.header-title{color:var(--text-main);font-size:16px;font-weight:600}.vocab-card{border:1px solid var(--border-color);text-align:center;background:#fafafa;border-radius:16px;margin-bottom:24px;padding:40px 20px}.pos-tag{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px}.word-title{color:var(--text-main);margin-bottom:16px;font-size:34px;font-weight:600}.hint-text{color:var(--text-muted);letter-spacing:2px;min-height:24px;font-size:16px}.input-group{gap:10px;margin-bottom:16px;display:flex}.input-field{border:1px solid var(--border-color);border-radius:30px;outline:none;flex:1;padding:12px 20px;font-size:16px;transition:border .2s}.input-field:focus{border-color:var(--primary-blue)}.btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-main);cursor:pointer;border-radius:30px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn:hover:not(:disabled){background:#f8fafc}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-submit{padding:10px 24px}.btn-submit.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.bottom-controls{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-size:14px;display:inline-block}.back-btn:hover{color:var(--text-main)}.feedback{text-align:center;min-height:20px;margin-bottom:12px;font-size:14px;font-weight:500}.feedback.correct{color:var(--primary-green)}.feedback.wrong{color:#ef4444}.feedback.info{color:var(--primary-blue)}.summary-score-card{text-align:center;border:1px solid var(--border-color);background:#fafafa;border-radius:16px;margin-bottom:20px;padding:20px}.score-number{color:var(--primary-green);margin-top:4px;font-size:42px;font-weight:700}.summary-section{margin-bottom:20px}.summary-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:15px}.word-list{flex-wrap:wrap;gap:8px;display:flex}.word-badge{color:var(--text-main);border:1px solid var(--border-color);background:#f1f5f9;border-radius:20px;padding:6px 12px;font-size:14px}.empty-text{color:var(--text-muted);font-size:13px;font-style:italic}.loading-bar{justify-content:center;align-items:center;display:flex}