:root { color-scheme: light; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; background: transparent; color: #000; }
body { display: flex; align-items: center; overflow: hidden; font-family: monospace; }
main { display: flex; align-items: center; gap: .5ch; white-space: nowrap; padding: 3px; }
button { font: inherit; color: inherit; border: 0; background: transparent; padding: 4px 1px; cursor: pointer; }
button[aria-pressed="true"] { text-decoration: underline; text-underline-offset: 3px; }
button:focus-visible { outline: 2px solid #000; outline-offset: -1px; }
[hidden] { display: none !important; }