.quiz-slider{-webkit-appearance:none;appearance:none;height:10px;border-radius:5px;background:linear-gradient(to right,var(--color-border) 0%,var(--color-border) 100%);outline:none}.quiz-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0003;transition:transform .15s ease}.quiz-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.quiz-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0003}.quiz-slider::-moz-range-track{height:10px;border-radius:5px;background:var(--color-border)}.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{position:absolute;inset:0;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;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 75%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 75%)}.quiz-glow{position:absolute;z-index:0;pointer-events:none;top:-20%;left:50%;width:120%;height:70%;transform:translate(-50%);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-primary) 9%,transparent),transparent 70%)}.quiz-card{position:relative;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));border-radius:1.25rem;box-shadow:0 1px 2px #1b49650a,0 12px 32px -12px #1b49652e;backdrop-filter:blur(6px)}.quiz-eyebrow{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .85rem;border-radius:9999px;font-size:.75rem;font-weight:600;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)}.quiz-eyebrow:before{content:"";width:6px;height:6px;border-radius:9999px;background:var(--color-accent)}.quiz-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;border-radius:.9rem;background:color-mix(in srgb,var(--color-surface) 60%,white);border:1px solid color-mix(in srgb,var(--color-primary) 10%,var(--color-border));transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.quiz-step:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px #1b49654d;border-color:color-mix(in srgb,var(--color-primary) 25%,transparent)}.quiz-step-ico{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.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{position:relative;padding-top:2.1rem}.quiz-bubble{position:absolute;top:0;transform:translate(-50%);background:var(--color-accent);color:#fff;font-weight:700;font-size:.8rem;font-variant-numeric:tabular-nums;padding:.15rem .5rem;border-radius:.4rem;box-shadow:0 4px 10px -3px #c53d2f80;pointer-events:none;transition:left .08s linear;white-space:nowrap}.quiz-bubble:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-accent)}.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:quiz-fade-up .45s ease both}@media(prefers-reduced-motion:reduce){.quiz-slider::-webkit-slider-thumb{transition:none}.quiz-step,.quiz-bubble{transition:none}.quiz-fade{animation:none}}