:root { color-scheme: light dark; font-family: system-ui, sans-serif; background: #f4f8f6; color: #14251c; }
body { margin: 0; } #setup { max-width: 650px; margin: 12vh auto; padding: 32px; } p { line-height: 1.65; }
.eyebrow { color: #15875e; font-weight: 750; letter-spacing: .1em; font-size: 12px; }
a,button { display: inline-block; padding: 12px 16px; border-radius: 10px; margin: 8px 8px 8px 0; background: #15875e; color: #fff; font: inherit; border: 0; text-decoration: none; cursor: pointer; }
a:hover,button:hover { background: #106d4c; } [hidden] { display: none !important; }
iframe { position: fixed; inset: 0; width: 100%; height: 100%; border: 0; background: #f4f8f6; }
@media (prefers-color-scheme: dark) { :root,iframe { background: #09140f; color: #edf6f1; } .eyebrow { color: #5ee6a8; } }