@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/IBMPlexSans-Regular.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/IBMPlexSans-Bold.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;position:relative;height:300vh;background-color:#fafafa}#canvas{position:sticky;top:0;width:100%;height:100svh;display:block}#title{position:absolute;top:10px;left:10px;color:#333;padding:1rem 1.5rem;border-radius:8px;pointer-events:none}#title h1{font-size:1.5rem;font-weight:700}#scrollHint{position:fixed;left:50%;bottom:calc(50px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:10;color:#111;opacity:.8;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;animation:scroll-bob 1.2s ease-in-out infinite}@keyframes scroll-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}#scrollHint.is-hidden{opacity:0;visibility:hidden}@media (prefers-reduced-motion: reduce){#scrollHint{animation:none}}