:root{--color-surface:#fff;--color-surface-sub:#f4f5f7;--color-line:#e1e4ea;--color-ink:#1a1d24;--color-ink-muted:#5b6070;--color-red:#d62d20;--color-blue:#1e6fd9;--color-yellow:#ffc72c;--color-green:#127d3a;--color-red-soft:#fde7e5;--color-blue-soft:#e3eefc;--color-yellow-soft:#fff4d1;--color-green-soft:#e1f5e8;--color-focus:var(--color-blue);--color-blue-hover:#1a5db8;--color-blue-tint:#f8fafe;--color-yellow-deep:#b58a00;--color-yellow-ink:#7a5c00;--color-purple:#7b3fb8;--color-pink:#d63384;--color-orange:#f07a12;--color-brown:#8a5a2b;--color-purple-soft:#f1e8fa;--color-pink-soft:#fce6f0;--color-orange-soft:#feebd9;--color-brown-soft:#f2e8dd;--color-shadow-ink:#1a1d2433;--color-shadow-ink-soft:#1a1d2426;--color-glow-yellow:#ffc72cbf;--color-glow-yellow-0:#ffc72c00;--font-display:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", system-ui, sans-serif;--font-sans:"Noto Sans JP", "Hiragino Sans", system-ui, sans-serif;--type-stage:800 72px/80px var(--font-display);--type-stage-size:72px;--type-question:700 48px/68px var(--font-display);--type-question-size:48px;--type-heading-1:800 32px/40px var(--font-display);--type-heading-1-size:32px;--type-heading-2:700 24px/32px var(--font-display);--type-heading-2-size:24px;--type-button:700 16px/24px var(--font-display);--type-button-size:16px;--type-body:400 16px/26px var(--font-sans);--type-body-size:16px;--type-small:400 13px/20px var(--font-sans);--type-small-size:13px;--space-1:4px;--space-2:8px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:999px;--shadow-press:0 4px 0 #1a1d2433}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-surface);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:var(--color-blue)}a:hover{color:var(--color-blue-hover)}button,input,select,textarea{color:inherit;font-family:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}:root{--ease-pop:cubic-bezier(.3, 1.4, .5, 1);--ease-out:cubic-bezier(.2, .8, .2, 1)}@keyframes qs-up{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}@keyframes qs-down-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(80px)}}@keyframes qs-left{0%{opacity:0;transform:translate(-120px)}to{opacity:1;transform:none}}@keyframes qs-pop{0%{opacity:0;transform:scale(.5)}64%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes qs-stamp{0%{opacity:0;transform:scale(2.4)rotate(-18deg)}67%{opacity:1;transform:scale(.92)rotate(0)}to{opacity:1;transform:scale(1)}}@keyframes qs-shake{0%,to{transform:none}17%{transform:translate(-14px)}33%{transform:translate(12px)}50%{transform:translate(-8px)}67%{transform:translate(6px)}83%{transform:translate(-3px)}}@keyframes qs-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes qs-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes qs-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes qs-glow{0%{box-shadow:0 8px 0 var(--color-shadow-ink), 0 0 0 0 var(--color-glow-yellow)}70%{box-shadow:0 8px 0 var(--color-shadow-ink), 0 0 0 36px var(--color-glow-yellow-0)}to{box-shadow:0 8px 0 var(--color-shadow-ink), 0 0 0 0 var(--color-glow-yellow-0)}}@keyframes qs-fall{0%{transform:translateY(-80px)rotate(0)}to{transform:translateY(110vh)rotate(720deg)}}@keyframes qs-fade{0%{opacity:0}to{opacity:1}}@keyframes qs-screen-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes qs-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes qs-flash{0%{opacity:.9}to{opacity:0}}@keyframes qs-highlight{0%{background-color:var(--color-yellow-soft)}to{background-color:#0000}}.anim-up{animation:qs-up .6s var(--ease-out) both}.anim-left{animation:qs-left .54s var(--ease-out) both}.anim-pop{animation:qs-pop .66s var(--ease-pop) both}.anim-stamp{animation:qs-stamp .54s var(--ease-pop) both}.anim-shake{animation:.6s ease-out both qs-shake}.anim-breathe{animation:1s ease-in-out infinite qs-breathe}.anim-float{animation:1.6s ease-in-out infinite qs-float}.anim-blink{animation:1s step-end infinite qs-blink}.anim-screen{animation:qs-screen-in .3s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.anim-up,.anim-left,.anim-pop,.anim-stamp,.anim-shake,.anim-screen{animation:.3s ease-out both qs-fade!important}.anim-breathe,.anim-float,.anim-blink,.anim-loop{animation:none!important}.confetti{display:none!important}}.calm .anim-up,.calm .anim-left,.calm .anim-pop,.calm .anim-stamp,.calm .anim-shake,.calm .anim-screen{animation:.3s ease-out both qs-fade!important}.calm .anim-breathe,.calm .anim-float,.calm .anim-blink,.calm .anim-loop{animation:none!important}.calm .confetti{display:none!important}