:root{color-scheme:dark;--bg:#0e1420;--panel:#172235;--line:#2a3b56;--accent:#50b9ff;--muted:#a6b5cc;--text:#f4f8ff}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#2c456b 0%,var(--bg) 62%);color:var(--text)}.wrap{max-width:500px;min-height:100dvh;margin:auto;padding:34px 18px;display:flex;flex-direction:column;justify-content:center}.panel{background:linear-gradient(160deg,#1b2a41,var(--panel));border:1px solid var(--line);border-radius:26px;padding:32px 24px;text-align:center;box-shadow:0 20px 70px #02091377}.crest{width:78px;height:78px;border-radius:24px;background:#28435e;display:grid;place-items:center;margin:0 auto 22px;font-size:40px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#8fcafa;margin-bottom:10px}h1{font-size:26px;letter-spacing:-.7px;margin:0 0 12px}.sub,.hint{color:var(--muted);font-size:14px;line-height:1.65}.sub{margin:0 0 26px}.instruction{font-size:15px;color:var(--muted);margin:0 0 17px}.target{display:inline-block;font-size:30px;vertical-align:middle;margin:0 3px}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice{display:grid;place-items:center;height:90px;border:1px solid #43516a;border-radius:18px;background:#25374f;font-size:41px;cursor:pointer;transition:transform .1s,border-color .15s}.choice:focus-visible,.choice:hover{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.choice:active{transform:scale(.96)}button:disabled{opacity:.45;cursor:wait}.status{border:1px solid #375878;border-radius:16px;background:#223954;padding:18px;font-size:15px;line-height:1.5}.status.good{border-color:#32785b;background:#1b4738}.status.bad{border-color:#845a53;background:#513630}.secondary{margin-top:18px;border:none;background:var(--accent);color:#0a1627;padding:14px 18px;font-weight:800;font-size:15px;border-radius:14px;cursor:pointer}.foot{border-top:1px solid #2d4058;margin-top:30px;padding-top:18px;color:#95a6ba;font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4bcc93;margin-right:6px}.outside{color:#7e8ea9;font-size:11px;text-align:center;line-height:1.5}.loader{border:3px solid #37475b;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:380px){.panel{padding:24px 16px}.choice{height:76px}}