.quiz-page{min-height:100vh}.quiz-main{padding:6rem 1rem 3rem;display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 4rem)}.quiz-container{width:100%;max-width:36rem;background:var(--color-white);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);padding:2rem 1.5rem}.quiz-progress{width:100%;height:.375rem;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:.5rem}.quiz-progress__bar{height:100%;background:linear-gradient(to right,var(--color-purple-400),var(--color-purple-500));border-radius:var(--radius-full);transition:width .4s ease;width:20%}.quiz-progress__text{font-size:var(--text-sm);color:var(--color-gray-500);text-align:center;margin-bottom:1.5rem}.quiz-content{opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.quiz-content--visible{opacity:1;transform:translateY(0)}.quiz-question{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900);text-align:center;margin-bottom:1.5rem;line-height:1.3}.quiz-options{display:grid;grid-template-columns:1fr;gap:.75rem}.quiz-options--wide{grid-template-columns:1fr 1fr}.quiz-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);font-size:var(--text-base);color:var(--color-gray-800);text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s,transform .15s,box-shadow .2s}.quiz-option:hover{background:var(--color-purple-100);border-color:var(--color-purple-500);transform:translateY(-2px);box-shadow:0 4px 12px #a855f726}.quiz-option:active{transform:translateY(0)}.quiz-option--selected{background:var(--color-purple-100);border-color:var(--color-purple-500);transform:scale(.97);box-shadow:0 0 0 3px #a855f733}.quiz-option__icon{font-size:1.5rem;flex-shrink:0;line-height:1;margin-right:.25rem}.quiz-option__text{line-height:1.3}.quiz-nav{margin-top:1.5rem}.quiz-back{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-sm);color:var(--color-gray-500);cursor:pointer;transition:color .2s}.quiz-back:hover{color:var(--color-gray-700)}.quiz-back svg{flex-shrink:0}.quiz-result{text-align:center;padding:0}.quiz-result__header{margin:-2rem -1.5rem 1.5rem;padding:2rem 1rem;border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.quiz-result__decor{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.quiz-result__emoji{position:relative;font-size:3.5rem;background:#ffffff4d;width:5rem;height:5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.quiz-result__title{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-gray-900);margin-bottom:.25rem}.quiz-result__tagline{font-size:var(--text-sm);color:var(--color-gray-500);font-style:italic;margin-bottom:1rem}.quiz-result__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.25rem}.quiz-result__tag{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:.25rem .75rem;border:1.5px solid;border-radius:var(--radius-full);letter-spacing:.02em}.quiz-result__desc{color:var(--color-gray-600);line-height:1.7;margin-bottom:1.5rem;max-width:28rem;margin-left:auto;margin-right:auto;padding:0 .5rem}.quiz-result__breakdown{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:1.25rem;margin-bottom:1.5rem;text-align:left}.quiz-result__breakdown-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);margin-bottom:.75rem}.quiz-bar{display:grid;grid-template-columns:1fr auto;gap:.25rem .5rem;align-items:center;margin-bottom:.5rem}.quiz-bar:last-child{margin-bottom:0}.quiz-bar__label{font-size:var(--text-xs);color:var(--color-gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-bar__pct{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-gray-700);text-align:right;min-width:2rem}.quiz-bar__track{grid-column:1 / -1;height:.375rem;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.quiz-bar__fill{height:100%;border-radius:var(--radius-full);transition:width .8s cubic-bezier(.22,1,.36,1)}.quiz-result__tips{text-align:left;max-width:24rem;margin:0 auto 2rem;display:flex;flex-direction:column;gap:.625rem}.quiz-result__tips li{position:relative;padding-left:1.75rem;color:var(--color-gray-700);line-height:1.5;font-size:var(--text-sm)}.quiz-result__tips li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:var(--font-bold);font-size:var(--text-base)}.quiz-store-btn{display:inline-flex;align-items:center;gap:.75rem;background:var(--color-black);color:var(--color-white);padding:.875rem 1.75rem;border-radius:var(--radius-2xl);text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-lg);margin-bottom:1.25rem}.quiz-store-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.quiz-store-btn__icon{width:1.75rem;height:1.75rem;flex-shrink:0}.quiz-store-btn__text{text-align:left}.quiz-store-btn__label{display:block;font-size:.7rem;opacity:.8}.quiz-store-btn__name{display:block;font-size:var(--text-lg);font-weight:var(--font-bold)}.quiz-result__blog{display:block;font-size:var(--text-sm);color:var(--color-purple-500);margin-bottom:1.5rem;transition:color .2s}.quiz-result__blog:hover{color:var(--color-purple-400);text-decoration:underline}.quiz-retake{font-size:var(--text-sm);color:var(--color-gray-500);cursor:pointer;transition:color .2s}.quiz-retake:hover{color:var(--color-gray-700)}.quiz-result__more{display:block;font-size:var(--text-sm);color:var(--color-purple-500);margin-top:1rem;font-weight:var(--font-semibold);transition:color .2s}.quiz-result__more:hover{color:var(--color-purple-400);text-decoration:underline}.quiz-dot{display:inline-block;width:1.75rem;height:1.75rem;border-radius:50%;box-shadow:0 1px 4px #00000026;flex-shrink:0}.quiz-swatches{margin-bottom:1.25rem}.quiz-swatches__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);margin-bottom:.75rem}.quiz-swatches__row{display:flex;justify-content:center;gap:.75rem}.quiz-swatch{display:flex;flex-direction:column;align-items:center;gap:.375rem}.quiz-swatch__color{width:2.75rem;height:2.75rem;border-radius:var(--radius-full);box-shadow:0 2px 8px #0000001a}.quiz-swatch__name{font-size:.625rem;color:var(--color-gray-500);font-weight:var(--font-semibold);letter-spacing:.02em}@media(min-width:640px){.quiz-main{padding-top:7rem;align-items:center}.quiz-container{padding:2.5rem}.quiz-question{font-size:var(--text-2xl)}.quiz-options{grid-template-columns:1fr 1fr}.quiz-result__header{margin:-2.5rem -2.5rem 1.5rem}.quiz-result__title{font-size:var(--text-3xl)}}