:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#1d1d1f;background:#f5f7ff;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}main{flex:1;display:grid;place-items:center;min-height:0;padding:40px 5vw}.stage{position:relative;width:100%;height:min(65svh,650px)}.beat{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(100px,21vw,360px);font-weight:800;line-height:.87;letter-spacing:-.075em;opacity:0;transform:translateY(35px) scale(.96);pointer-events:none}.beat-two,.beat-three{display:block;padding-top:2vh;font-size:clamp(90px,17vw,290px)}em{font-style:normal;color:#155bee}.dots{color:#155bee;letter-spacing:-.09em}.beat.is-active{animation:arrive .48s cubic-bezier(.16,1,.3,1) both}.beat.is-leaving{animation:leave .3s cubic-bezier(.6,0,1,.4) both}.beat-two.is-active{animation:offended .65s cubic-bezier(.16,1,.3,1) both}.beat-three.is-active em{display:inline-block;animation:absolutely-not .45s .3s both}.beat-four{font-size:clamp(55px,13.8vw,240px);letter-spacing:-.07em;white-space:nowrap}.correction{display:inline-grid;position:relative;width:.6em}.wrong,.right{grid-area:1/1}.right{opacity:0;color:#155bee}.corrected .wrong{animation:evict .35s both}.corrected .right{animation:correct .5s .16s cubic-bezier(.16,1,.3,1) both}.corrected{color:#155bee}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 5vw 32px;flex:none;color:#54545d}.escape{color:inherit;text-decoration:none;font-size:12px;line-height:1.5}.escape:hover{text-decoration:underline}.escape:focus-visible{outline:2px solid #155bee;outline-offset:6px}.escape span{margin-left:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.fallback{position:relative;font-size:24px}.fallback a{color:#155bee}@keyframes arrive{from{opacity:0;transform:translateY(35px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes leave{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-35px) scale(1.03)}}@keyframes offended{0%{opacity:0;transform:translateY(45px) rotate(-4deg) scale(.93)}65%{opacity:1;transform:translateY(-5px) rotate(1deg) scale(1.01)}100%{opacity:1;transform:none}}@keyframes absolutely-not{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px) rotate(-3deg)}65%{transform:translateX(8px) rotate(2deg)}}@keyframes evict{to{opacity:0;transform:translateY(.7em) rotate(25deg) scale(.2)}}@keyframes correct{from{opacity:0;transform:translateY(-.6em) scale(.5)}to{opacity:1;transform:none}}@media(max-width:600px){main{padding:24px 5vw}.stage{height:55svh}.beat-two,.beat-three{padding-top:8vh}.footer{padding:22px 6vw 26px;align-items:flex-start;gap:20px;flex-direction:column}.escape{font-size:11px}}@media(prefers-reduced-motion:reduce){.beat.is-active,.beat-two.is-active{animation:none;opacity:1;transform:none}.beat.is-leaving{animation:none;opacity:0}.beat-three.is-active em{animation:none}.corrected .wrong{animation:none;opacity:0}.corrected .right{animation:none;opacity:1;transform:none}}