@font-face{font-family:Anton;src:url('/anton.ttf') format('truetype');font-display:swap;font-weight:400 900}
:root{color-scheme:light;background:#fff;color:#080808;font-family:Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#fff}body::before{content:"";position:fixed;inset:-20%;background:radial-gradient(ellipse at 25% 60%,#fb1686 0%,transparent 65%),radial-gradient(ellipse at 80% 35%,#4cff72 0%,transparent 65%);opacity:0;pointer-events:none}body.breathe::before{animation:breathe 7s ease-in-out infinite alternate}main{position:relative;z-index:1;mix-blend-mode:multiply;display:flex;flex-direction:column;justify-content:center;min-height:100%;height:100dvh;gap:clamp(24px,7vh,76px);padding-bottom:4vh}#stage{width:100%;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}#stage:active{cursor:grabbing}#stage:focus-visible{box-shadow:inset 0 -1px #08080866}#motion{will-change:transform,opacity}#track{display:flex;width:max-content;will-change:transform;font-family:Impact,Haettenschweiler,Anton,'Arial Narrow Bold','Arial Narrow',sans-serif;font-stretch:condensed;font-size:clamp(180px,38vw,610px);font-weight:400;line-height:1.04;letter-spacing:0}#track span{display:block;white-space:pre;padding-right:.25em}#form{align-self:center;width:min(520px,calc(100vw - 32px));margin:0}input{width:100%;border:0;border-bottom:2px solid #080808b3;border-radius:0;background:transparent;color:#080808;padding:16px 4px;text-align:center;font:600 clamp(16px,1.5vw,20px)/1.4 Arial,sans-serif;outline:none;letter-spacing:0}input::placeholder{color:#303030;opacity:1}input:focus{border-bottom-color:#080808}input.invalid{animation:shake .3s ease}input:disabled{opacity:.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#form[hidden]{display:none}@keyframes breathe{0%{opacity:.16;transform:scale(1) rotate(-8deg)}100%{opacity:.65;transform:scale(1.2) rotate(8deg)}}@keyframes shake{25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px)}}@media(prefers-reduced-motion:reduce){body.breathe::before{animation-duration:15s}}

body::after{content:'';position:fixed;inset:7vh 10vw;background:url('/vanding-mark.jpg') center/contain no-repeat;opacity:.08;mix-blend-mode:multiply;pointer-events:none}#answer-logo{display:block;align-self:center;width:min(240px,55vw);max-height:16vh;object-fit:contain;mix-blend-mode:multiply}#answer-logo[hidden]{display:none}
@media(max-width:360px){#form{width:calc(100vw - 12px)}}
#stage.static{cursor:pointer}#stage.static #track span{padding-right:0}#stage.static #track span:not(:first-child){display:none}