*{box-sizing:border-box}body{margin:0;font-family:-apple-system,system-ui,sans-serif;background:#f5f5f7;color:#1d1d1f}.container{max-width:540px;margin:48px auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014}h1{margin:0}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.auth{display:flex;align-items:center;gap:8px}button{padding:10px 16px;border:0;border-radius:8px;background:#0071e3;color:#fff;font-size:15px;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.empty,.muted{color:#86868b}.small{font-size:13px}.error{color:#b3261e;background:#fce8e6;padding:10px 12px;border-radius:8px;font-size:14px}.link{background:none;color:#0071e3;padding:4px;font-size:14px}.greeting h2{margin:0 0 4px;font-size:22px}.greeting p{margin:0}.panel{margin-top:28px}.panel h3{margin:0 0 12px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6e6e73}.cards{list-style:none;margin:0;padding:0;display:grid;gap:10px}.card{border:1px solid #e5e5ea;border-radius:10px;padding:14px}.card p{margin:4px 0 0;font-size:14px}.card button{margin-top:12px;width:100%}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title{font-weight:600}.pill{font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;background:#e5e5ea;color:#3a3a3c}.pill-active{background:#d8f3dc;color:#1b4332}.pill-upcoming{background:#e7e0ff;color:#3d2a7d}.play-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.play-title{font-weight:600}.play-meta{color:#6e6e73;font-variant-numeric:tabular-nums}.prompt{margin:28px 0 16px;text-align:center;font-size:44px;font-weight:600;font-variant-numeric:tabular-nums}.entry{text-align:center;font-size:30px;font-variant-numeric:tabular-nums;min-height:44px;color:#0071e3}.pad{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.key{padding:20px 0;font-size:24px;background:#f2f2f7;color:#1d1d1f;font-variant-numeric:tabular-nums}.key:hover:not(:disabled){background:#e5e5ea}.key-action{background:#0071e3;color:#fff}.key-action:hover:not(:disabled){background:#0062c4}.key-blank{background:none}.flash-correct .prompt{color:#1b4332}.flash-wrong .prompt{color:#b3261e}.result{text-align:center}.result .score{font-size:36px;font-weight:600;margin:12px 0 4px;font-variant-numeric:tabular-nums}.result button{margin-top:20px}@media (prefers-color-scheme: dark){body{background:#000;color:#f5f5f7}.container{background:#1c1c1e;box-shadow:none}.card{border-color:#38383a}.key{background:#2c2c2e;color:#f5f5f7}.key:hover:not(:disabled){background:#3a3a3c}.pill{background:#2c2c2e;color:#d1d1d6}.error{background:#3b1f1d;color:#ffb4ab}}