*{box-sizing:border-box}body{color:#1f2937;background:#f4f5f7;margin:0;font-family:system-ui,-apple-system,sans-serif}.app{max-width:720px;margin:0 auto;padding:24px 16px}.card{background:#fff;border-radius:12px;margin-bottom:16px;padding:24px;box-shadow:0 1px 3px #0000001a}h1{margin:0 0 8px;font-size:22px}h2{margin:0 0 12px;font-size:18px}label{margin-bottom:12px;font-size:14px;display:block}input,textarea{border:1px solid #d1d5db;border-radius:8px;width:100%;margin-top:4px;padding:10px 12px;font-size:15px}button{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:15px}button.primary{color:#fff;background:#4f46e5}button.secondary{color:#1f2937;background:#e5e7eb}button:disabled{opacity:.5;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.options{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.option{color:#3730a3;text-align:center;background:#eef2ff;border:2px solid #0000;padding:16px;font-size:16px}.option:hover{border-color:#4f46e5}.option.checkbox{text-align:left;align-items:center;gap:8px;display:flex}.code{letter-spacing:6px;text-align:center;color:#4f46e5;margin:12px 0;font-size:48px;font-weight:800}.error{color:#dc2626;margin:8px 0;font-size:14px}.success{color:#16a34a;margin:8px 0;font-size:14px}.muted{color:#6b7280;font-size:14px}.leaderboard{padding:0;list-style:none}.leaderboard li{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:8px 0;display:flex}.topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}