:root{font-family:Inter,system-ui,sans-serif;color:#162033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.shell{max-width:1100px;margin:auto;padding:28px 20px}.card{background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:24px;box-shadow:0 8px 30px #14213d0b}button{border:0;border-radius:10px;padding:12px 18px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}button:disabled{opacity:.5}.input{display:block;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;margin:8px 0 14px}.login{max-width:430px;margin:12vh auto}.muted{color:#64748b}.stats{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.stat{padding:12px 16px;background:#eef4ff;border-radius:12px}.exercise{position:relative;font:700 24px/1.8 ui-monospace,monospace;letter-spacing:.02em;min-height:250px;white-space:pre-wrap}.guide{color:#cbd5e1}.typed{position:absolute;inset:0;white-space:pre-wrap}.correct{color:#16a34a}.wrong{color:#dc2626;background:#fee2e2}.caret{border-right:3px solid #2563eb}.keyboard{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;max-width:800px}.key{background:#e2e8f0;color:#334155;padding:8px 12px;border-radius:6px;font:600 13px monospace}.key.active{background:#2563eb;color:#fff}.notice{padding:14px;border-radius:10px;background:#ecfdf5;color:#166534;margin-top:16px}