:root{--bg:#0c0b10;--fg:#ecebf2;--muted:#6f6c7c;--accent:#ff9e6d}:root.is-light{--fg:#1c1814;--muted:#6b635a;--accent:#e0703a}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,sans-serif}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.stage{height:600vh;position:relative}.stage__sticky{height:100svh;position:sticky;top:0;overflow:hidden}.stage__canvas{width:100%;height:100%;display:block}.progress{z-index:10;box-sizing:content-box;pointer-events:none;background:#ffffff0a;border-radius:.5rem;align-items:flex-end;gap:5px;height:1.25rem;padding:.6rem .9rem;display:flex;position:fixed;bottom:2rem;right:2rem}.progress__tick{background:var(--muted);opacity:.6;width:1px;height:55%}.progress__tick:nth-child(5n+1){height:100%}.progress__tick.is-active{background:var(--accent);opacity:1;width:2px;height:100%}.switcher{z-index:10;background:#ffffff0a;border-radius:.5rem;gap:.25rem;padding:.25rem;font-size:.8125rem;display:flex;position:fixed;bottom:2rem;left:2rem}.switcher a{color:var(--muted);border-radius:.35rem;padding:.4rem .7rem;text-decoration:none}.switcher a[aria-current=page]{color:var(--fg);background:#ffffff14}.is-light .switcher,.is-light .progress,.is-light .switcher a[aria-current=page]{background:#0000000d}.switcher a,.progress__tick{transition:color .4s,background-color .4s}.picker{place-items:center;min-height:100vh;display:grid}.picker__list{flex-direction:column;gap:1rem;font-size:1.5rem;display:flex}@media (width<=40rem){.progress{gap:3px;bottom:4.25rem;right:1rem}.switcher{bottom:1rem;left:1rem}}