:root{--indigo: #4f46e5;--indigo-dark: #4338ca;--green: #16a34a;--green-bg: #dcfce7;--red: #dc2626;--red-bg: #fee2e2;--ink: #1e293b;--muted: #64748b;--line: #e2e8f0}*{box-sizing:border-box}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;font-family:inherit}.big-prompt,.answer-display,.progress-text{user-select:none;-webkit-user-select:none}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(160deg,#eef2ff,#f8fafc);color:var(--ink)}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:24px}.card{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 8px 30px #0f172a14;text-align:center}.card h1{margin:0 0 4px;font-size:1.9rem}.tagline{margin:0 0 24px;color:var(--muted)}.picker .profile-cards{display:flex;gap:16px;margin-top:8px}.profile-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 12px;background:#f8fafc;border:2px solid var(--line);border-radius:18px;cursor:pointer;transition:all .12s ease}.profile-card:hover{border-color:var(--indigo);background:#eef2ff;transform:translateY(-2px)}.profile-emoji{font-size:2.6rem}.profile-name{font-size:1.3rem;font-weight:800;color:var(--ink)}.profile-stat{font-size:.8rem;color:var(--muted)}.profile-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.who{font-weight:700;color:var(--ink)}.bar-actions{display:flex;gap:4px}.bar-actions .ghost{padding:6px 10px;font-size:.85rem}.config-grid{display:flex;gap:16px;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:8px;text-align:left;flex:1;margin-bottom:20px}.field label,.ops-label{font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.field input{width:100%;padding:12px 14px;font-size:1.1rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease}.field input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px #4f46e526}.op-buttons{display:flex;gap:8px}.op-toggle{flex:1;height:48px;font-size:1.2rem;font-weight:700;border:1px solid var(--line);background:#f8fafc;color:var(--muted);border-radius:12px;cursor:pointer;transition:all .12s ease}.op-toggle.active{background:var(--indigo);border-color:var(--indigo);color:#fff}.primary{background:var(--indigo);color:#fff;border:none;padding:12px 20px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:background .12s ease}.primary:hover{background:var(--indigo-dark)}.primary:disabled{background:#cbd5e1;cursor:not-allowed}.primary.big{width:100%;padding:16px;font-size:1.2rem}.ghost{background:none;border:none;color:var(--muted);font-size:.95rem;font-weight:600;cursor:pointer;padding:8px}.ghost:hover{color:var(--ink)}.hint{color:var(--muted);font-size:.85rem;margin:10px 0 0}.hint.error{color:var(--red);font-weight:600}.signout-link{margin-top:16px;font-size:.85rem}.signin{max-width:400px}.signin .field{margin-bottom:16px}.signin .primary.big{margin-top:4px}.progress{width:100%;max-width:440px}.progress-bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--indigo);border-radius:999px;transition:width .25s ease}.progress-text{display:block;text-align:center;margin-top:10px;color:var(--muted);font-weight:600;font-size:.9rem}.question-card{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px 24px;box-shadow:0 8px 30px #0f172a14;display:grid;justify-items:center;gap:20px;grid-template-areas:"prompt" "answer" "keypad" "nav"}.big-prompt{grid-area:prompt}.answer-display{grid-area:answer}.keypad{grid-area:keypad}.nav-row{grid-area:nav}.quiz-screen{gap:18px}@media (orientation: landscape) and (min-width: 720px){.question-card{max-width:860px;padding:36px 48px;align-items:center;column-gap:60px;row-gap:24px;grid-template-columns:1.1fr 1fr;grid-template-areas:"prompt keypad" "answer keypad" "nav    keypad"}.big-prompt{font-size:clamp(3rem,6vw,4.6rem)}.answer-display{width:100%;max-width:none;min-height:96px;font-size:clamp(3rem,6vw,4rem)}.keypad{max-width:380px}.key{height:78px;font-size:2rem}}.big-prompt{font-size:clamp(2.6rem,12vw,4rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em}.answer-display{width:100%;max-width:280px;min-height:72px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(2.6rem,11vw,3.6rem);font-weight:800;font-variant-numeric:tabular-nums;padding:6px 14px;border:3px solid var(--line);border-radius:16px;background:#f8fafc}.answer-display.empty{border-color:var(--indigo)}.caret{width:3px;height:2.4rem;background:var(--indigo);border-radius:2px;animation:blink 1.1s step-start infinite}@keyframes blink{50%{opacity:0}}.keypad{width:100%;max-width:320px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.key{height:60px;font-size:1.6rem;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:transform .05s ease,background .1s ease}.key:active{transform:scale(.94);background:#eef2ff}.key-util{background:#f1f5f9;color:var(--muted);font-size:1.3rem}.key:disabled{opacity:.4;cursor:not-allowed}.nav-row{display:flex;gap:12px;width:100%}.nav-row .primary{flex:1;padding:16px;font-size:1.2rem}.btn-back{background:#f1f5f9;color:var(--ink);border:1px solid var(--line);padding:16px 18px;font-size:1.05rem;font-weight:600;border-radius:12px;cursor:pointer;transition:background .12s ease}.btn-back:hover:not(:disabled){background:#e2e8f0}.btn-back:disabled{opacity:.4;cursor:not-allowed}.dots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:860px}.dot{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .12s ease}.dot:hover{border-color:var(--indigo)}.dot.answered{background:#e0e7ff;border-color:#c7d2fe;color:var(--indigo-dark)}.dot.current{background:var(--indigo);border-color:var(--indigo);color:#fff}.finish-link{font-size:.95rem}.results{max-width:480px}.scorecard{border-radius:16px;padding:24px;margin-bottom:20px}.scorecard.great{background:var(--green-bg)}.scorecard.ok{background:#fef9c3}.scorecard.low{background:var(--red-bg)}.score-big{font-size:2.8rem;font-weight:800}.score-msg{font-size:1.15rem;margin-top:4px}.review{list-style:none;counter-reset:q;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:8px;text-align:left;max-height:40vh;overflow-y:auto}.review-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;border:1px solid var(--line);font-variant-numeric:tabular-nums}.review-row.correct{background:var(--green-bg);border-color:var(--green)}.review-row.wrong{background:var(--red-bg);border-color:var(--red)}.review-q{font-weight:600}.review-mark{font-size:.85rem;font-weight:600;white-space:nowrap}.review-row.correct .review-mark{color:var(--green)}.review-row.wrong .review-mark{color:var(--red)}.result-actions{display:flex;flex-direction:column;gap:10px}.result-links{display:flex;justify-content:center;gap:8px}.ghost.danger{color:var(--red)}.history{max-width:560px;text-align:left}.history h1{font-size:1.4rem;margin:4px 0 16px}.history .tagline{text-align:center}.history-list{display:flex;flex-direction:column;gap:18px;max-height:55vh;overflow-y:auto;margin-bottom:20px}.day-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:8px}.session{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:8px}.session-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff;border:none;cursor:pointer;text-align:left}.session-head:hover{background:#f8fafc}.session-main{display:flex;flex-direction:column;gap:2px}.session-type{font-weight:700;color:var(--ink)}.session-time{font-size:.8rem;color:var(--muted)}.session-score{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.1rem;font-variant-numeric:tabular-nums;white-space:nowrap}.session-score.all-right{color:var(--green)}.wrong-pill{font-size:.72rem;font-weight:700;color:var(--red);background:var(--red-bg);padding:3px 8px;border-radius:999px}.wrong-list{list-style:none;margin:0;padding:6px 14px 12px;background:#fafbfc;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.wrong-item{display:flex;align-items:center;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}.wrong-q{font-weight:600}.right-ans{color:var(--green)}.wrong-given{font-size:.85rem;color:var(--red);white-space:nowrap}.all-correct-note{margin:0;padding:10px 14px;background:var(--green-bg);color:var(--green);font-weight:600;border-top:1px solid var(--line)}.history-actions{display:flex;flex-direction:column;gap:10px}