.header-tools{display:flex;gap:10px;align-items:center}.sound-toggle{font:inherit;font-size:12px;border:1px solid #c8c3d2;background:#fff;border-radius:7px;padding:8px 12px;cursor:pointer;white-space:nowrap}.sound-toggle[aria-pressed=false]{color:#8a7a98}.primary,.secondary,.option,.brand-logo{transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.primary:active,.secondary:active{transform:scale(.96)}.option:active{transform:scale(.98)}.option:has(input:checked):not(.feedback-right):not(.feedback-wrong){animation:option-pop .3s ease-out}.option.feedback-right{animation:correct-pop .5s ease-out}.option.feedback-right i:after{content:'✓';display:block;color:#347032;font-style:normal;position:relative;top:-11px;right:-4px;font-size:22px;font-weight:800}.option.feedback-wrong{animation:wrong-shake .4s ease-in-out}.question-enter{animation:question-in .38s cubic-bezier(.2,.8,.2,1)}#progress-fill{transition:width .5s cubic-bezier(.2,.8,.2,1)}.art-front{animation:front-float 5s ease-in-out infinite}.art-back{animation:back-float 6s ease-in-out infinite}.art-sticker{animation:sticker-float 4s ease-in-out infinite}.reveal{opacity:0;transform:translateY(22px);transition:opacity .5s,transform .5s}.reveal.is-visible{opacity:1;transform:none}.steps article:nth-child(2){transition-delay:.08s}.steps article:nth-child(3){transition-delay:.16s}#result-card{animation:result-in .6s cubic-bezier(.2,.8,.2,1)}.confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:10001;overflow:hidden}.confetti-layer i{position:absolute;left:var(--x);top:-25px;width:9px;height:16px;border-radius:2px;animation:confetti-fall 3.3s var(--delay) ease-in forwards}@keyframes question-in{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}@keyframes option-pop{50%{transform:scale(1.025)}}@keyframes correct-pop{40%{transform:translateY(-5px) scale(1.025)}70%{transform:translateY(1px)}}@keyframes wrong-shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes front-float{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-9px)}}@keyframes back-float{0%,100%{transform:rotate(12deg) translateY(0)}50%{transform:rotate(10deg) translateY(8px)}}@keyframes sticker-float{0%,100%{transform:rotate(5deg)}50%{transform:rotate(2deg) translateY(-4px)}}@keyframes result-in{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes confetti-fall{to{transform:translate(var(--drift),110vh) rotate(680deg);opacity:.2}}@media(hover:hover){.option:not(:has(input:disabled)):hover{transform:translateY(-3px);box-shadow:0 6px 16px #6b3df51a}.brand-logo:hover{transform:rotate(-8deg) scale(1.06)}}@media(max-width:650px){.header-tools{gap:6px}.sound-toggle{font-size:10px;padding:7px}.header-tools .language{display:none}}@media(prefers-reduced-motion:reduce){.art-front,.art-back,.art-sticker,.question-enter,.option,#result-card{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.primary,.secondary,.option,.brand-logo,#progress-fill{transition:none}.confetti-layer{display:none}}