:root { color-scheme: light dark; font-family: system-ui, sans-serif; line-height: 1.6; }
body { margin: 0; background: light-dark(#f4f5fa, #151820); color: light-dark(#242936,#eef0f8); }
main { box-sizing: border-box; max-width: 660px; margin: 8vh auto; padding: 32px; }
h1 { font-size: 2rem; line-height: 1.2; }
.badge { font-size: .8rem; letter-spacing: .07em; font-weight: 700; }
.secondary { font-size: .95rem; color: light-dark(#535c70,#b9c0d3); }
#status { padding: 16px; border: 1px solid light-dark(#a4afc9,#596784); border-radius: 8px; }
button { min-height: 44px; padding: 8px 18px; font: inherit; cursor: pointer; }
button:focus-visible { outline: 3px solid #798df9; outline-offset: 4px; }
@media (max-width: 480px) { main { margin: 16px auto; padding: 20px; } }