:root { color-scheme: light dark; --pond-base: #1a1917; background: var(--pond-base); }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; overscroll-behavior: none; }
body { background: var(--pond-base); }
canvas { display: block; width: 100%; height: 100dvh; outline: none; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
@media (prefers-color-scheme: light) {
  :root { --pond-base: #f5f4f1; }
}
:root[data-theme="light"] { color-scheme: light; --pond-base: #f5f4f1; }
:root[data-theme="dark"] { color-scheme: dark; --pond-base: #1a1917; }