:root{--bg:#f4f8ff;--card:#ffffff;--ink:#1f2d3d;--muted:#6b7a90;--brand:#3b82f6;--brand-dark:#2563eb;--good:#16a34a;--almost:#d97706;--bad:#dc2626;--border:#e2e8f0;--shadow:0 4px 14px rgba(31,45,61,0.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,Helvetica Neue,Arial,system-ui,sans-serif;font-size:18px;line-height:1.5}.container{max-width:720px;margin:0 auto;padding:28px 20px 64px}h1{font-size:2rem;margin:0 0 18px}h2{font-size:1.3rem;margin:0 0 12px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.stat-row{display:flex;gap:28px;flex-wrap:wrap;font-size:1.1rem}.stat .num{font-size:1.8rem;font-weight:700;color:var(--brand-dark)}.stat .label{color:var(--muted);font-size:.95rem}label{display:block;font-weight:600;margin:14px 0 6px}input[type=number],input[type=text],textarea{width:100%;padding:12px 14px;font-size:1.05rem;border:1px solid var(--border);border-radius:10px;font-family:inherit}textarea{min-height:90px;resize:vertical}button{font-family:inherit;font-size:1.05rem;font-weight:600;cursor:pointer;border:none;border-radius:10px;padding:12px 18px;background:var(--brand);color:#fff;transition:background .15s ease}button:hover:not(:disabled){background:var(--brand-dark)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:#eef2f9;color:var(--ink)}button.secondary:hover:not(:disabled){background:#e0e7f3}button.danger{background:var(--bad)}.btn-stack{display:flex;flex-direction:column;gap:12px;margin-top:18px}.btn-row,.nav-links{display:flex;gap:12px;flex-wrap:wrap}.nav-links{margin-top:8px}a.linkbtn{display:inline-block;text-decoration:none;text-align:center}.word-display{font-size:2.4rem;font-weight:800;color:var(--brand-dark);text-align:center;letter-spacing:.5px;margin:8px 0 18px}.progress{color:var(--muted);font-size:.95rem;margin-bottom:6px}.result-line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border)}.badge{font-weight:700;text-transform:capitalize;padding:2px 12px;border-radius:999px;font-size:.95rem}.badge.correct{background:#dcfce7;color:var(--good)}.badge.almost{background:#fef3c7;color:var(--almost)}.badge.incorrect,.badge.review{background:#fee2e2;color:var(--bad)}.feedback{margin-top:16px;background:#f0f6ff;border-radius:12px;border:1px solid #dbe7fb}.error,.feedback{padding:14px 16px}.error{background:#fee2e2;border:1px solid #fca5a5;border-radius:12px;color:#991b1b;margin:12px 0}.empty{padding:18px;text-align:center}.empty,.muted{color:var(--muted)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.filter-row button{background:#eef2f9;color:var(--ink);padding:8px 14px}.filter-row button.active{background:var(--brand);color:#fff}.word-list{list-style:none;margin:0;padding:0}.word-list li{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--border)}.toggle{min-width:64px;text-align:center}.toggle.on{background:var(--good)}.toggle.off{background:#cbd5e1;color:var(--ink)}.center{text-align:center}