:root { color-scheme: light; font: 17px/1.55 system-ui, sans-serif; color: #17263b; background: #f2f5fa; }
body { margin: 0; padding: 24px; }
main { max-width: 660px; margin: 24px auto; padding: 28px; background: white; border: 1px solid #dce4ee; border-radius: 18px; }
h1 { line-height: 1.15; font-size: 30px; margin-top: 0; }
button, .button { display: inline-block; padding: 12px 18px; border: 0; border-radius: 9px; background: #0766d6; color: white; font: inherit; cursor: pointer; text-decoration: none; margin: 4px 0; }
button:disabled { background: #8c9db2; cursor: default; }
[hidden] { display: none !important; }
#status { padding: 14px; background: #f2f5fa; border-radius: 8px; }
.note { font-size: 14px; color: #53657a; }
a { color: #075ebf; }
@media (max-width: 480px) { body { padding: 8px; } main { padding: 20px; margin: 8px auto; } }