/* Optional motion stays secondary to the quiz. */
.motion-toggle{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:9px;min-height:38px;font-size:11px}.motion-toggle:disabled{opacity:.8;cursor:default}.motion-icon svg{display:block;width:14px;height:14px}.career-art{display:block;width:100%;height:auto;overflow:visible}.result-illustration{width:130px;margin:-9px auto 18px}.report-illustration{width:70px;flex-shrink:0;margin-left:auto}.result-main{overflow:hidden}.compass-art{display:block;width:100%;height:auto}
@keyframes float-gently{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes float-other{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(3px) rotate(2deg)}}@keyframes sparkle-soft{0%,100%{opacity:.65}50%{opacity:1}}@keyframes wheel-gently{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(7deg)}}@keyframes draw-soft{0%,100%{opacity:.55}50%{opacity:1}}@keyframes compass-gently{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
html[data-motion=on] .art-float{animation:float-gently 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}html[data-motion=on] .art-float-alt{animation:float-other 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}html[data-motion=on] .art-pop{animation:sparkle-soft 5s ease-in-out infinite}html[data-motion=on] .art-rotate{animation:wheel-gently 7s ease-in-out infinite;transform-box:fill-box;transform-origin:center}html[data-motion=on] .art-draw{animation:draw-soft 4s ease-in-out infinite}html[data-motion=on] .compass-needle{animation:compass-gently 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:700px){.motion-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.motion-toggle{width:36px;min-height:36px;padding:9px}.result-illustration{width:115px;margin-bottom:14px}.report-illustration{width:58px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.motion-toggle,.question-illustration{display:none!important}.result-illustration{width:90px}*,*::before,*::after{animation:none!important;transition:none!important}}