:root{color-scheme:light dark;font-family:Public Sans,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f5f5f5}@media(prefers-color-scheme:dark){:root{color:#e8eaed;background-color:#0f1115}}*{box-sizing:border-box}body{margin:0;min-width:320px}#app{max-width:960px;margin:0 auto;padding:48px 24px 64px;text-align:center}a{color:inherit}h1{font-size:clamp(1.75rem,4vw,2.5rem);margin:0 0 .5rem;letter-spacing:-.03em}.lede{margin:0 auto 1.5rem;max-width:42rem;opacity:.82}.github-link{position:fixed;top:16px;left:16px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#ffffffb8;border:1px solid rgb(0 0 0 / .08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(prefers-color-scheme:dark){.github-link{background:#14161cb8;border-color:#ffffff14}.github-link img{filter:invert(1)}}.demo-stage{display:inline-grid;place-items:center;position:relative;padding:1.5rem;margin:0 auto 2rem;border-radius:20px;background:#fff;border:1px solid rgb(0 0 0 / .08);box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f}@media(prefers-color-scheme:dark){.demo-stage{background:#fff;border-color:#0000001a;box-shadow:0 1px 2px #0003,0 12px 40px #00000059}}.hint{margin:0 0 1.5rem;font-size:.95rem;opacity:.72}.controls{display:grid;position:relative;z-index:1;gap:.75rem;max-width:28rem;margin:0 auto 1.5rem;text-align:left}.controls label{display:grid;grid-template-columns:7rem 1fr 3rem;align-items:center;gap:.75rem;font-size:.92rem}.controls input[type=range]{width:100%}.controls input[type=checkbox]{justify-self:start}.value{font-variant-numeric:tabular-nums;opacity:.8}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem;font-size:.95rem}