:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;background:#101b27;color:#eef4fa}main{max-width:32rem;text-align:center;padding:2rem}p{line-height:1.7;color:#b9c8d7}button{background:#9ae6c5;color:#12281f;border:0;border-radius:1rem;padding:1rem 1.7rem;font:700 1.2rem system-ui;cursor:pointer;min-height:48px}button:focus-visible{outline:3px solid white;outline-offset:5px}

a{color:#9edbff}select{display:block;margin:12px auto;padding:12px;font:inherit;min-height:48px;border-radius:8px}.background{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0;text-align:left}input[type=checkbox]{width:24px;height:24px;flex-shrink:0}a{display:inline-block;min-height:44px;line-height:44px}#metrics{min-height:28px;font-variant-numeric:tabular-nums}