:root { color-scheme: dark; font-family: system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: #151716; color: white; }
#ar { position: fixed; inset: 0; overflow: hidden; }
#controls { position: fixed; z-index: 10; bottom: 0; left: 0; right: 0; padding: 16px 20px max(16px, env(safe-area-inset-bottom)); background: #101412e8; }
h1 { font-size: 20px; margin: 0 0 8px; }
p { margin: 0 0 12px; max-width: 650px; line-height: 1.4; }
button, a { display: inline-block; border: 0; border-radius: 8px; padding: 12px 16px; margin: 0 8px 8px 0; background: #dcf5df; color: #122517; font: inherit; text-decoration: none; cursor: pointer; }
button:disabled { opacity: .5; cursor: wait; }
[hidden] { display: none !important; }