:root{color-scheme:dark;--void:#03050a;--silver:#d7e7f6;--ash:#9ca5ae;--warm:#dab58a}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--void)}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--silver);-webkit-font-smoothing:antialiased}
main{height:100%;isolation:isolate}
canvas{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
body.holding canvas{cursor:grabbing}
canvas:focus{outline:none}
canvas:focus-visible{outline:1px solid #8b9cae;outline-offset:-8px}
body.pointer-input canvas:focus-visible{outline:none}
.header,.footer{position:fixed;z-index:2;left:max(36px,env(safe-area-inset-left));right:max(36px,env(safe-area-inset-right));display:flex;justify-content:space-between;pointer-events:none}
.header{top:max(26px,env(safe-area-inset-top));align-items:center}
h1{margin:0;font-size:21px;font-weight:400;letter-spacing:.04em;line-height:1}
.signature{pointer-events:auto;color:inherit;font:inherit;letter-spacing:inherit;border:0;background:none;padding:10px 0;cursor:pointer}
.pause{pointer-events:auto;border:0;background:transparent;color:#afbac7;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;opacity:.62}
.pause:hover,.pause:focus-visible{opacity:1}
.pause-icon{display:block;height:10px;width:7px;border-left:1px solid currentColor;border-right:1px solid currentColor}
.pause[aria-pressed="true"] .pause-icon{width:0;height:0;border:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor}
.footer{bottom:max(28px,env(safe-area-inset-bottom));align-items:flex-end;font-size:11px;line-height:1.5}
.owners{display:flex;gap:22px}
a{pointer-events:auto;color:#a9b2bd;text-decoration:none;text-underline-offset:5px}
a:hover{color:#f0e8da;text-decoration:underline}
a:focus-visible,button:focus-visible{outline:1px solid #d7e7f6;outline-offset:5px}
.legal{font-variant-numeric:tabular-nums;letter-spacing:.06em}
.cursor{position:fixed;z-index:1;left:0;top:0;width:3px;height:3px;background:#f5d8b3;border-radius:50%;pointer-events:none;opacity:0;box-shadow:0 0 10px 2px #e6ba8370;transition:opacity .5s}
.cursor i{position:absolute;inset:-5px;border:1px solid #d4b79630;transform:rotate(45deg)}
body.observing .cursor{opacity:.75}
body.holding .cursor{box-shadow:0 0 30px 10px #e6ba8350}
.no-script{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:300;letter-spacing:.1em}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.header,.footer{left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right))}.header{top:max(16px,env(safe-area-inset-top))}h1{font-size:20px}.footer{bottom:max(22px,env(safe-area-inset-bottom));font-size:10px}.owners{flex-direction:column;gap:7px}.cursor{display:none}}
@media(prefers-reduced-motion:reduce){.cursor{display:none}}