:root { --navy: #08294b; --paper: #faf8f2; --bg: var(--paper); --ink: var(--navy); --a: #ebc566; --b: #fff4d2; color-scheme: light dark; }
@media (prefers-color-scheme: dark) { :root { --bg: var(--navy); --ink: var(--paper); --a: #2d5584; --b: #08294b; } }
/* #day or #night on the address fixes the theme (for previews); otherwise it follows the device. */
:root.day { --bg: var(--paper); --ink: var(--navy); --a: #ebc566; --b: #fff4d2; color-scheme: light; }
:root.night { --bg: var(--navy); --ink: var(--paper); --a: #2d5584; --b: #08294b; color-scheme: dark; }
html, body { margin: 0; height: 100%; background: var(--bg); }
body { display: grid; place-items: center; }
.mark { display: block; width: min(56vw, 62vh, 520px); height: auto; color: var(--ink); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.ga { stop-color: var(--a); } .gb { stop-color: var(--b); }
.glint { will-change: transform; }
main { display: grid; place-items: center; min-height: 100%; width: 100%; }