.quiz-header{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);background:linear-gradient(135deg,var(--color-navy-800) 0%,var(--color-navy-600) 100%);color:#fff;padding:1.5rem 1rem 1.75rem}.quiz-header__inner{max-width:48rem;margin:0 auto}.quiz-header h1{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:#fff;margin:0 0 .5rem;border:none;padding:0;line-height:1.35}@media(min-width:768px){.quiz-header h1{font-size:1.625rem}.quiz-header{padding:2rem 1.5rem 2.25rem}}.quiz-header__sub{color:var(--color-navy-200);font-size:.875rem;margin:0}.quiz-section{padding:1.5rem 1rem 3rem}.quiz-inner{max-width:44rem;margin:0 auto}.prev-result-banner{background:var(--color-amber-50);border:1px solid var(--color-amber-200);border-radius:var(--radius-md);padding:.875rem 1rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.625rem}@media(min-width:540px){.prev-result-banner{flex-direction:row;align-items:center;justify-content:space-between}}.prev-result-text{display:flex;flex-direction:column;gap:.125rem}.prev-result-label{font-weight:800;color:var(--color-amber-700, #b45309);font-size:.875rem}.prev-result-date{color:var(--color-text-muted);font-size:.75rem}.prev-result-actions{display:flex;gap:.5rem}.prev-btn{padding:.5rem .875rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:700;cursor:pointer;min-height:38px;border:1px solid transparent}.prev-btn--primary{background:var(--color-amber-500);color:#fff}.prev-btn--primary:hover{opacity:.9}.prev-btn--ghost{background:#fff;color:var(--color-text-secondary);border-color:var(--color-border)}.prev-btn--ghost:hover{background:var(--color-warm-100)}.progress-bar-wrap{margin-bottom:1.25rem}.progress-bar-track{height:8px;background:var(--color-navy-50);border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-amber-400),var(--color-amber-500));border-radius:9999px;transition:width .4s cubic-bezier(.22,1,.36,1)}.progress-bar-text{margin-top:.5rem;font-size:.75rem;color:var(--color-text-muted);font-weight:700;text-align:right}.quiz-stage{min-height:280px;margin-bottom:1.25rem}.question-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1rem 1rem;box-shadow:var(--shadow-sm)}@media(min-width:640px){.question-card{padding:1.5rem}}.question-title{font-size:1.0625rem;font-weight:800;color:var(--color-navy-800);margin:0 0 .25rem;border:none;padding:0;line-height:1.4}@media(min-width:640px){.question-title{font-size:1.25rem}}.question-sub{font-size:.8125rem;color:var(--color-text-muted);margin:0 0 1rem}.opt-grid{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width:540px){.opt-grid{grid-template-columns:1fr 1fr}}.opt-card{position:relative;display:flex;align-items:center;gap:.625rem;padding:.875rem;background:var(--color-warm-50);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s,transform .05s;min-height:52px;font-size:.9375rem}.opt-card:hover{border-color:var(--color-amber-300);background:#fff}.opt-card:active{transform:scale(.99)}.opt-card input{position:absolute;opacity:0;pointer-events:none}.opt-card-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--color-border);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:background .15s,border-color .15s}.opt-card-check svg{opacity:0;transition:opacity .15s}.opt-card-label{font-weight:700;color:var(--color-navy-800);line-height:1.3}.opt-card--checked{border-color:var(--color-amber-500);background:var(--color-amber-50)}.opt-card--checked .opt-card-check{background:var(--color-amber-500);border-color:var(--color-amber-500)}.opt-card--checked .opt-card-check svg{opacity:1}.opt-grid:not(.opt-grid--multi) .opt-card-check{border-radius:50%}.quiz-nav{display:flex;align-items:center;gap:.5rem}.quiz-nav-spacer{flex:1}.quiz-nav-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-weight:800;font-size:.9375rem;cursor:pointer;min-height:48px;border:1px solid transparent;transition:opacity .15s,background .15s,transform .05s}.quiz-nav-btn:active{transform:scale(.98)}.quiz-nav-btn--ghost{background:#fff;color:var(--color-text-secondary);border-color:var(--color-border)}.quiz-nav-btn--ghost:hover{background:var(--color-warm-100)}.quiz-nav-btn--primary{background:var(--color-amber-500);color:#fff;box-shadow:0 4px 14px #f59e0b4d}.quiz-nav-btn--primary:hover:not(:disabled){background:var(--color-amber-600)}.quiz-nav-btn--primary:disabled{background:var(--color-warm-300);color:#fff;box-shadow:none;cursor:not-allowed}.result-screen{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1rem;box-shadow:var(--shadow-sm)}@media(min-width:640px){.result-screen{padding:1.75rem 1.5rem}}.result-header{text-align:center;margin-bottom:1.25rem}.result-badge{display:inline-block;background:var(--color-amber-100);color:var(--color-amber-700, #b45309);font-size:.6875rem;font-weight:800;letter-spacing:.05em;padding:.25rem .625rem;border-radius:9999px;margin-bottom:.5rem}.result-header h2{font-size:1.25rem;font-weight:800;color:var(--color-navy-800);margin:0 0 .375rem;border:none;padding:0}@media(min-width:640px){.result-header h2{font-size:1.5rem}}.result-sub{font-size:.8125rem;color:var(--color-text-muted);margin:0}.result-cards{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.25rem}.result-card{position:relative;background:linear-gradient(180deg,white 0%,var(--color-warm-50) 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.result-card-rank{display:inline-block;background:var(--color-navy-700);color:#fff;font-size:.6875rem;font-weight:800;padding:.25rem .625rem;border-radius:9999px;margin-bottom:.5rem}.result-card:nth-child(1) .result-card-rank{background:var(--color-amber-500)}.result-card-name{font-size:1rem;font-weight:800;color:var(--color-navy-800);margin:0 0 .375rem;line-height:1.4;border:none;padding:0}.result-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.375rem}.result-card-meta span:not(:last-child):after{content:"・";margin-left:.5rem;color:var(--color-warm-400)}.result-card-price{font-size:.8125rem;color:var(--color-navy-700);font-weight:700;margin-bottom:.625rem}.result-card-reasons{list-style:none;padding:0;margin:0 0 .875rem;display:flex;flex-direction:column;gap:.25rem}.result-card-reasons li{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--color-text-primary);font-weight:600}.result-card-reasons svg{color:var(--color-amber-600);flex-shrink:0}.result-card-actions{display:flex;gap:.5rem}.result-card-btn{flex:1;text-align:center;padding:.625rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:700;text-decoration:none;min-height:42px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s,background .15s}.result-card-btn--primary{background:var(--color-amber-500);color:#fff}.result-card-btn--primary:hover{opacity:.9}.result-card-btn--outline{background:#fff;color:var(--color-navy-700);border:1px solid var(--color-navy-200)}.result-card-btn--outline:hover{background:var(--color-navy-50)}.result-actions{display:flex;flex-direction:column;gap:.5rem}@media(min-width:540px){.result-actions{flex-direction:row}}.result-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:800;font-size:.9375rem;cursor:pointer;min-height:48px;border:1px solid transparent;transition:opacity .15s,background .15s}.result-btn--ghost{background:#fff;color:var(--color-navy-700);border-color:var(--color-navy-200)}.result-btn--ghost:hover{background:var(--color-navy-50)}.result-btn--primary{background:var(--color-amber-500);color:#fff;box-shadow:0 4px 14px #f59e0b4d}.result-btn--primary:hover{background:var(--color-amber-600)}.save-status{margin-top:.625rem;font-size:.75rem;text-align:center;min-height:1.2em}.save-status--ok{color:#047857}.save-status--err{color:#b91c1c}.fade-enter{opacity:0;transform:translateY(8px);transition:opacity .35s ease-out,transform .35s ease-out}.fade-enter-active,.fade-enter.fade-enter-active{opacity:1;transform:translateY(0)}.result-screen.fade-enter{animation:fadeUp .4s ease-out forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}