:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans)}@keyframes qnQueen{0%{opacity:0;transform:scale(.2)rotate(-12deg)}60%{transform:scale(1.18)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes qnX{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes qnHintGlow{0%,to{box-shadow:inset 0 0 0 0 var(--accent)}50%{box-shadow:inset 0 0 0 3px var(--accent)}}@keyframes qnHintErr{0%,to{box-shadow:inset 0 0 0 0 var(--error)}50%{box-shadow:inset 0 0 0 3px var(--error)}}@keyframes qnWin{0%{transform:scale(1)}50%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes qnFade{0%{opacity:0}to{opacity:1}}@keyframes qnRise{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes qnToast{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes qnSheen{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes qnSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}