.svelte-s1f7b8:export{c-bg:#001727;c-base:#1f1f1f}.slot.svelte-s1f7b8{min-height:64px}.verdict.svelte-s1f7b8{position:relative;display:flex;align-items:center;gap:12px;box-sizing:border-box;min-height:64px;padding:12px 14px;background:linear-gradient(100deg,color-mix(in srgb,var(--verdict-color) 14%,transparent),color-mix(in srgb,var(--verdict-color) 4%,transparent));border:1px solid color-mix(in srgb,var(--verdict-color) 45%,transparent);border-radius:4px;animation:svelte-s1f7b8-verdict-in .25s cubic-bezier(.33,1,.68,1) forwards}.icon.svelte-s1f7b8{display:grid;flex:0 0 34px;place-items:center;width:34px;height:34px;color:var(--verdict-color);border:2px solid currentColor;border-radius:50%}.icon.svelte-s1f7b8 svg:where(.svelte-s1f7b8){width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.verdict--correct.svelte-s1f7b8 .icon:where(.svelte-s1f7b8){animation:svelte-s1f7b8-verdict-pop .42s cubic-bezier(.34,1.56,.64,1)}.verdict--wrong.svelte-s1f7b8 .icon:where(.svelte-s1f7b8){animation:svelte-s1f7b8-verdict-shake .34s cubic-bezier(.33,1,.68,1)}.body.svelte-s1f7b8{min-width:0}.head.svelte-s1f7b8{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0}.head.svelte-s1f7b8 strong:where(.svelte-s1f7b8){font-size:16px;font-weight:700;line-height:1.4;letter-spacing:.04em;font-family:Noto Sans JP,sans-serif;color:#fff}.streak.svelte-s1f7b8{font-size:11px;font-weight:700;line-height:1;letter-spacing:.04em;font-family:din-2014,Noto Sans JP,sans-serif;padding:3px 6px;color:var(--verdict-color);background:color-mix(in srgb,var(--verdict-color) 16%,transparent);border-radius:3px}.detail.svelte-s1f7b8{font-size:12px;font-weight:400;line-height:1.7;letter-spacing:.04em;font-family:Noto Sans JP,sans-serif;margin:2px 0 0;color:#ffffffc4}.confetti.svelte-s1f7b8{position:absolute;top:-96px;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti.svelte-s1f7b8 i:where(.svelte-s1f7b8){position:absolute;bottom:20px;left:50%;width:6px;height:10px;border-radius:1px;opacity:0;animation:svelte-s1f7b8-verdict-confetti .85s cubic-bezier(.33,1,.68,1) forwards}@keyframes svelte-s1f7b8-verdict-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes svelte-s1f7b8-verdict-pop{0%{scale:.6}60%{scale:1.12}to{scale:1}}@keyframes svelte-s1f7b8-verdict-shake{0%,to{translate:0 0}25%{translate:-4px 0}55%{translate:3px 0}80%{translate:-2px 0}}@keyframes svelte-s1f7b8-verdict-confetti{0%{opacity:0;translate:0 0;rotate:0deg}12%{opacity:1}60%{opacity:1;translate:var(--x) var(--y);rotate:var(--rot)}to{opacity:0;translate:var(--x) var(--fall-y);rotate:var(--fall-rot)}}@media screen and (max-width:840px){.slot.svelte-s1f7b8{min-height:60px}.verdict.svelte-s1f7b8{min-height:60px;padding:10px 12px;gap:10px}.icon.svelte-s1f7b8{flex-basis:30px;width:30px;height:30px}.icon.svelte-s1f7b8 svg:where(.svelte-s1f7b8){width:18px;height:18px}.head.svelte-s1f7b8 strong:where(.svelte-s1f7b8){font-size:15px;font-weight:700;line-height:1.4;letter-spacing:.04em}}@media(prefers-reduced-motion:reduce){.verdict.svelte-s1f7b8,.verdict--correct.svelte-s1f7b8 .icon:where(.svelte-s1f7b8),.verdict--wrong.svelte-s1f7b8 .icon:where(.svelte-s1f7b8){animation:none;opacity:1}.confetti.svelte-s1f7b8{display:none}}