@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Quicksand:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&family=Newsreader:opsz,wght@6..72,400;6..72,500&display=swap";*{box-sizing:border-box}html,body,#root{background:#0a0a0b;width:100%;min-height:100dvh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes flashWash{0%{opacity:0}22%{opacity:.55}to{opacity:0}}@keyframes hintNudge{0%,to{opacity:.5;transform:translate(0)}50%{opacity:.9;transform:translate(4px)}}@keyframes hintNudgeL{0%,to{opacity:.5;transform:translate(0)}50%{opacity:.9;transform:translate(-4px)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes squashPop{0%{transform:scale(1)}28%{transform:scale(.8,1.18)}55%{transform:scale(1.15,.86)}78%{transform:scale(.97,1.03)}to{transform:scale(1)}}@keyframes confPop{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}12%{opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--rot)) scale(1);opacity:0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ringPulse{0%{opacity:.35;transform:scale(1)}70%{opacity:0}to{opacity:0;transform:scale(1.75)}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes rippleIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.18)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes postRipple{0%{opacity:.55;transform:translate(-50%,-50%)scale(.12)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes capFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.press{transition:transform .12s,filter .12s,background .2s,color .2s,border-color .2s}.press:active{filter:brightness(1.08);transform:scale(.955)}@keyframes dnqDropFall{0%{opacity:0;transform:translateY(-44px)}18%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes dnqDip{0%,to{transform:translateY(0)}35%{transform:translateY(2px)}}@keyframes dnqRing{0%{opacity:.85;transform:translate(-50%,-50%)scale(.15)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes dnqSettle{0%{opacity:0}to{opacity:1}}.dnq-drop{animation:.42s cubic-bezier(.55,0,1,.45) both dnqDropFall}.dnq-dip{animation:.62s cubic-bezier(.16,.84,.32,1) .42s both dnqDip}.dnq-ring{animation:.62s cubic-bezier(.16,.84,.32,1) both dnqRing}.dnq-rest{animation:.4s .56s both dnqSettle}.dnq-surface{animation:.36s .72s both dnqSettle}.dnq-flip-line{transition:transform .38s cubic-bezier(.16,.84,.32,1),opacity .26s}.dnq-tap-ring{animation:.52s cubic-bezier(.16,.84,.32,1) both dnqRing}.dnq-link{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #f2f0ec59;text-decoration:underline #f2f0ec59}.dnq-link:focus-visible,.dnq-door:focus-visible,.dnq-tap:focus-visible{outline-offset:3px;outline:2px solid #b48cfb}.dnq-door:active{filter:brightness(.88)}.dnq-note:target,.dnq-note.dnq-arrived{box-shadow:-10px 0 0 -8px #ff6a1a}@media (prefers-reduced-motion:reduce){.dnq-drop,.dnq-dip,.dnq-rest,.dnq-surface{animation:none!important}.dnq-ring,.dnq-tap-ring{display:none!important}.dnq-flip-line{transition:none!important}}