:root{--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-out-expo:cubic-bezier(.16,1,.3,1)}@keyframes fx-rise{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes fx-pop{0%{opacity:0;transform:scale(.6) rotate(var(--pop-rotate,-6deg))}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes fx-float{0%,to{transform:translateY(0) rotate(var(--float-rotate,0deg))}50%{transform:translateY(-10px) rotate(var(--float-rotate,0deg))}}@keyframes fx-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate3d(var(--drift-x,40px),var(--drift-y,30px),0) scale(1.15)}}@keyframes fx-pulse-ring{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}@keyframes fx-dart{0%{opacity:0;transform:translate(120%,-120%)rotate(-12deg)}80%{opacity:1;transform:translate(-4%,4%)rotate(0)}to{opacity:1;transform:none}}@keyframes fx-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes fx-confetti{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translate(var(--cx),var(--cy)) rotate(var(--cr)) scale(.8)}}@keyframes fx-marker{0%{background-size:0% 40%}}@keyframes fx-selected{0%{transform:scale(1)}40%{transform:scale(.97)}to{transform:scale(1.01)}}@keyframes fx-spin{to{transform:rotate(360deg)}}@keyframes fx-width{0%{width:0}}@keyframes fx-left{0%{left:0}}@keyframes fx-progress{0%{width:var(--prev,0%)}}@keyframes fx-toast{0%{opacity:0;transform:translate(-50%,16px)scale(.9)}}@keyframes fx-dot{0%{transform:scale(0)}70%{transform:scale(1.5)}to{transform:scale(1)}}.fx-marker{background:linear-gradient(var(--b-yellow),var(--b-yellow)) no-repeat 0 88% / 100% 40%;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:fx-marker .9s var(--ease-out-expo) .45s backwards}.fx-bullseye{flex:none;display:inline-block;position:relative}.fx-bullseye svg{width:100%;height:100%;display:block;position:relative;overflow:visible}.fx-bullseye .board{filter:drop-shadow(3px 3px 0 var(--ink))}.fx-bullseye .ring{border:2px solid var(--c-btn);border-radius:50%;animation:2.4s ease-out infinite fx-pulse-ring;position:absolute;inset:0}.fx-bullseye .ring+.ring{border-color:var(--b-lavender);animation-delay:1.2s}.fx-bullseye .dart{animation:fx-dart .9s var(--ease-out-expo) .5s backwards;position:absolute;inset:0}.fx-bullseye .sweep{background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--ink) 28%, transparent) 50deg, transparent 52deg);border-radius:50%;animation:3.2s linear infinite fx-spin;position:absolute;inset:4%}.fx-confetti{z-index:45;pointer-events:none;width:0;height:0;position:fixed;top:38%;left:50%}.fx-confetti span{border:1px solid var(--ink);animation:fx-confetti 1.6s var(--ease-out-expo) both;position:absolute;top:0;left:0}.fx-backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx-backdrop span{filter:blur(64px);opacity:.32;border-radius:50%;width:22rem;height:22rem;animation:18s ease-in-out infinite alternate fx-drift;position:absolute}.fx-backdrop span:first-child{background:var(--b-yellow);--drift-x:60px;--drift-y:40px;top:-6rem;left:-6rem}.fx-backdrop span:nth-child(2){background:var(--b-lavender);--drift-x:-50px;--drift-y:60px;animation-delay:-6s;top:33%;right:-5rem}.fx-backdrop span:nth-child(3){background:var(--b-pink);--drift-x:40px;--drift-y:-50px;animation-delay:-12s;bottom:-6rem;left:25%}.fx .hero-copy{position:relative}.fx .hero-copy>.fx-bullseye{--float-rotate:6deg;width:72px;height:72px;animation:6s ease-in-out infinite fx-float;position:absolute;top:-12px;right:0}@media (max-width:860px){.fx .hero-copy>.fx-bullseye{width:56px;height:56px;top:-8px}}.fx .hero-tag{animation:fx-pop .5s var(--ease-bounce) backwards;--pop-rotate:-6deg}.fx .hero h1{animation:fx-rise .55s var(--ease-out-expo) 80ms backwards}.fx .hero-sub{animation:fx-rise .55s var(--ease-out-expo) .16s backwards}.fx .hero-cta{animation:fx-rise .55s var(--ease-out-expo) .24s backwards}.fx .hero-note{animation:fx-rise .55s var(--ease-out-expo) .32s backwards}.fx .hero-card{animation:fx-rise .6s var(--ease-out-expo) .3s backwards, fx-float 7s ease-in-out 1.2s infinite}.fx .hero-card .hs-scale i{animation:fx-left 1s var(--ease-out-expo) .55s backwards}.fx .hero-card .hs-fill{animation:fx-width .9s var(--ease-out-expo) backwards}.fx .hero-card .hs-row:first-child .hs-fill{animation-delay:.6s}.fx .hero-card .hs-row:nth-child(2) .hs-fill{animation-delay:.69s}.fx .hero-card .hs-row:nth-child(3) .hs-fill{animation-delay:.78s}.fx .hero-card .hs-row:nth-child(4) .hs-fill{animation-delay:.87s}.fx .hero-card .hs-row:nth-child(5) .hs-fill{animation-delay:.96s}.fx .hero-card .hs-row:nth-child(6) .hs-fill{animation-delay:1.05s}.fx .hero-card .hs-row:nth-child(7) .hs-fill{animation-delay:1.14s}.fx .hs-leak{animation:fx-pop .5s var(--ease-bounce) 1.25s backwards;--pop-rotate:-3deg}.fx .progress-bar span{animation:fx-progress .6s var(--ease-out-expo) backwards}.fx .screen{animation:fx-rise .45s var(--ease-out-expo) backwards}.fx .screen>.eyebrow{transform-origin:0;animation:fx-pop .45s var(--ease-bounce) 50ms backwards;--pop-rotate:-4deg}.fx .screen.center>.eyebrow{transform-origin:50%}.fx .qtext{animation:fx-rise .5s var(--ease-out-expo) 80ms backwards}.fx .screen .muted,.fx .screen.center>.btn{animation:fx-rise .5s var(--ease-out-expo) .2s backwards}.fx .answers>.ans{animation:fx-rise .5s var(--ease-out-expo) backwards}.fx .answers>.ans:first-child{animation-delay:.14s}.fx .answers>.ans:nth-child(2){animation-delay:.2s}.fx .answers>.ans:nth-child(3){animation-delay:.26s}.fx .answers>.ans:nth-child(4){animation-delay:.32s}.fx .answers>.ans:nth-child(5){animation-delay:.38s}.fx .answers>.ans:nth-child(6){animation-delay:.44s}.fx .answers>.ans:nth-child(7){animation-delay:.5s}.fx .answers>.ans:nth-child(8){animation-delay:.56s}.fx .answers>.ans:nth-child(n+9){animation-delay:.62s}.fx .ans{transition:transform .2s var(--ease-bounce), box-shadow .2s var(--ease-bounce), border-color .15s, background .15s}@media (hover:hover) and (pointer:fine){.fx .ans:not(.na):hover{box-shadow:5px 5px 0 0 var(--ink);transform:translate(-1px,-1px)}}.fx .ans:not(.na):active{box-shadow:1px 1px 0 0 var(--ink);transform:translate(2px,2px)}.fx .answers>.ans.sel:nth-child(n){animation:fx-selected .35s var(--ease-bounce)}.fx .screen.center>.fx-bullseye{width:96px;height:96px;animation:fx-pop .5s var(--ease-bounce) backwards;--pop-rotate:0deg}.fx .reveal-list li{transition:opacity .25s, transform .3s var(--ease-bounce)}.fx .reveal-list li:not(.on){transform:translate(-6px)}.fx .reveal-list li.on:before{animation:fx-dot .35s var(--ease-bounce)}.fx .results>.card:first-of-type{animation:fx-rise .55s var(--ease-out-expo) backwards}.fx .results .score{animation:fx-pop .5s var(--ease-bounce) .1s backwards;--pop-rotate:0deg;transform-origin:0 100%}.fx .results .tier h1{animation:fx-pop .5s var(--ease-bounce) .9s backwards;--pop-rotate:-3deg;transform-origin:0}.fx .results .tier .muted{animation:fx-rise .5s var(--ease-out-expo) 1.1s backwards}.fx .results .scale .marker{animation:fx-left 1.3s var(--ease-out-expo) .3s backwards}.fx .results .tier-box,.fx .results .tier-sum,.fx .results .gate-foot{animation:fx-rise .6s var(--ease-out-expo) 1.2s backwards}.fx .leak-tag,.fx .ribbon{animation:2.8s ease-in-out infinite fx-wiggle}.fx .rung.opt.sel{animation:fx-selected .35s var(--ease-bounce)}.fx .unlocked-note{animation:fx-pop .5s var(--ease-bounce) backwards;--pop-rotate:-2deg}.fx .feedback:not([hidden]){animation:fx-rise .4s var(--ease-out-expo)}.toast{animation:fx-toast .3s var(--ease-bounce)}@supports (animation-timeline:view()){.fx .results>.card:not(:first-of-type){animation:linear both fx-rise;animation-timeline:view();animation-range:entry entry 35%}.fx .bar .fill,.fx .scorecard .hs-fill{animation:linear both fx-width;animation-timeline:view();animation-range:entry 20% cover 45%}.fx .scorecard .hs-scale i{animation:linear both fx-left;animation-timeline:view();animation-range:entry 20% cover 45%}.fx .results .pp-pill,.fx .results .leak-name{--pop-rotate:-3deg;transform-origin:0;animation:linear both fx-pop;animation-timeline:view();animation-range:entry 10% entry 60%}}@media (prefers-reduced-motion:reduce){.fx *,.fx :before,.fx :after,.fx-backdrop *,.toast{transition:none!important;animation:none!important}.fx-confetti,.fx-backdrop,.fx-bullseye .ring,.fx-bullseye .sweep{display:none!important}}.fx .ans{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px}.ans-txt{gap:2px;display:grid}.ans-badge{border:1px solid var(--ink);width:38px;height:38px;font:800 15px/1 var(--body);color:var(--ink);box-shadow:2px 2px 0 0 var(--ink);transition:transform .3s var(--ease-bounce), background .2s, color .2s;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.ans-badge[data-c="0"]{background:var(--c-btn)}.ans-badge[data-c="1"]{background:var(--b-cyan)}.ans-badge[data-c="2"]{background:var(--b-lavender)}.ans-badge[data-c="3"]{background:var(--b-green)}.ans-badge[data-c="4"]{background:var(--b-pink)}.ans-badge[data-c="5"]{background:var(--b-yellow)}.ans.na .ans-badge{background:var(--paper);box-shadow:none;border-style:dashed}.ans-badge.emo{font-size:20px}.ans-go{font:800 20px/1 var(--body);opacity:0;transition:opacity .2s, transform .3s var(--ease-bounce);transform:translate(-10px)}@media (hover:hover) and (pointer:fine){.ans:hover .ans-badge{transform:rotate(-10deg)scale(1.12)}.ans:nth-child(2n):hover .ans-badge{transform:rotate(10deg)scale(1.12)}.ans:hover .ans-go{opacity:1;transform:none}}.ans.sel .ans-go{opacity:1;transform:none}.ans.sel .ans-badge{background:var(--ink);color:var(--paper);animation:fx-pop .4s var(--ease-bounce);--pop-rotate:-20deg}.ans.sel .ans-badge:after{content:"";border:2px solid var(--c-btn);opacity:0;border-radius:50%;animation:.7s ease-out forwards fx-pulse-ring;position:absolute;inset:-3px}@media (max-width:520px){.fx .ans{column-gap:12px}.ans-badge{width:34px;height:34px;font-size:14px}.ans-go{display:none}}@media (prefers-reduced-motion:reduce){.ans-badge,.ans-go{transition:none!important;animation:none!important}.ans.sel .ans-badge:after{display:none}}
