9 lines
531 B
CSS
9 lines
531 B
CSS
|
:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
|
||
|
|
body { width: 360px; margin: 0; padding: 20px; box-sizing: border-box; }
|
||
|
|
h1 { margin-top: 0; }
|
||
|
|
nav { display: flex; gap: 6px; }
|
||
|
|
button { padding: 8px; cursor: pointer; border: 1px solid GrayText; border-radius: 4px; }
|
||
|
|
button[aria-pressed="true"] { border-color: Highlight; outline: 2px solid Highlight; }
|
||
|
|
button:focus-visible { outline: 2px dashed Highlight; outline-offset: 3px; }
|
||
|
|
main { min-height: 105px; }
|
||
|
|
.status { font-size: 0.85rem; color: GrayText; }
|