.quiz-slider{appearance:none;background:linear-gradient(to right, var(--color-border) 0%, var(--color-border) 100%);border-radius:5px;outline:none;height:10px}.quiz-slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;border:3px solid #fff;border-radius:50%;width:28px;height:28px;transition:transform .15s;box-shadow:0 2px 6px #0003}.quiz-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.quiz-slider::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:3px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 6px #0003}.quiz-slider::-moz-range-track{background:var(--color-border);border-radius:5px;height:10px}.quiz-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 30%, transparent), 0 2px 6px #0003}@keyframes hanko-stamp{0%{transform:scale(1.1)rotate(2deg)}30%{transform:scale(.95)rotate(-1deg)}60%{transform:scale(1.02)rotate(.5deg)}to{transform:scale(1)rotate(0)}}.quiz-seigaiha{z-index:0;pointer-events:none;background-image:radial-gradient(circle at 100% 50%, transparent 20%, color-mix(in srgb, var(--color-primary) 6%, transparent) 21%, color-mix(in srgb, var(--color-primary) 6%, transparent) 34%, transparent 35%), radial-gradient(circle at 0% 50%, transparent 20%, color-mix(in srgb, var(--color-primary) 6%, transparent) 21%, color-mix(in srgb, var(--color-primary) 6%, transparent) 34%, transparent 35%);background-size:34px 54px;position:absolute;inset:0;mask-image:linear-gradient(#000000e6,#0000 75%)}.quiz-glow{z-index:0;pointer-events:none;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--color-primary) 9%, transparent), transparent 70%);width:120%;height:70%;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.quiz-card{z-index:1;background:color-mix(in srgb, var(--color-surface) 82%, white);border:1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-border));backdrop-filter:blur(6px);border-radius:1.25rem;position:relative;box-shadow:0 1px 2px #1b49650a,0 12px 32px -12px #1b49652e}.quiz-eyebrow{letter-spacing:.02em;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.quiz-eyebrow:before{content:"";background:var(--color-accent);border-radius:9999px;width:6px;height:6px}.quiz-step{background:color-mix(in srgb, var(--color-surface) 60%, white);border:1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));border-radius:.9rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.quiz-step:hover{border-color:color-mix(in srgb, var(--color-primary) 25%, transparent);transform:translateY(-2px);box-shadow:0 10px 24px -14px #1b49654d}.quiz-step-ico{width:2.5rem;height:2.5rem;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));border-radius:9999px;justify-content:center;align-items:center;display:flex}.quiz-step:nth-child(3) .quiz-step-ico{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface))}.quiz-slider-wrap{padding-top:2.1rem;position:relative}.quiz-bubble{background:var(--color-accent);color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;border-radius:.4rem;padding:.15rem .5rem;font-size:.8rem;font-weight:700;transition:left 80ms linear;position:absolute;top:0;transform:translate(-50%);box-shadow:0 4px 10px -3px #c53d2f80}.quiz-bubble:after{content:"";border:5px solid #0000;border-top-color:var(--color-accent);position:absolute;top:100%;left:50%;transform:translate(-50%)}.quiz-cta{box-shadow:0 10px 28px -10px color-mix(in srgb, var(--color-primary) 60%, transparent)}@keyframes quiz-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz-fade{animation:.45s both quiz-fade-up}@media (prefers-reduced-motion:reduce){.quiz-slider::-webkit-slider-thumb{transition:none}.quiz-step,.quiz-bubble{transition:none}.quiz-fade{animation:none}}