@property --donut-reveal{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.quiz-step--2[data-v-8a6eeb9d]{max-width:800px;margin:0 auto}.metal-grid[data-v-8a6eeb9d]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metal-card[data-v-8a6eeb9d]{display:flex;flex-direction:column;align-items:center;padding:16px 8px;border:2px solid #E0E0E0;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff9}.metal-card[data-v-8a6eeb9d]:hover{border-color:#c5c5c5}.metal-card.is-selected[data-v-8a6eeb9d]{border-color:#75533a}.metal-card__image[data-v-8a6eeb9d]{width:100px;height:75px;margin-bottom:8px}.metal-card__image img[data-v-8a6eeb9d]{width:100%;height:100%;object-fit:contain}.metal-card__name[data-v-8a6eeb9d]{font-size:13px;color:#333;font-weight:500}.metal-details[data-v-8a6eeb9d]{margin-top:8px}.metal-details__desc[data-v-8a6eeb9d]{text-align:center;font-size:13px;line-height:1.6;color:#666;margin-bottom:20px;padding:0 12px}.karat-cards[data-v-8a6eeb9d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.karat-card[data-v-8a6eeb9d]{border:2px solid #E0E0E0;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;background:#ffffffbf}.karat-card[data-v-8a6eeb9d]:hover{border-color:#c5c5c5}.karat-card.is-selected[data-v-8a6eeb9d]{border-color:#75533a}.karat-card__header[data-v-8a6eeb9d]{display:flex;align-items:center;gap:8px;margin-bottom:16px}.karat-card__title[data-v-8a6eeb9d]{font-size:16px;font-weight:600;color:#1a1a1a}.karat-card__badge[data-v-8a6eeb9d]{display:flex;align-items:center;opacity:0;transition:opacity .2s ease}.karat-card__badge.is-visible[data-v-8a6eeb9d]{opacity:1}.karat-card__upgrade[data-v-8a6eeb9d]{font-size:12px;color:#999;border:1px solid #E0E0E0;border-radius:4px;padding:2px 8px;transition:opacity .2s ease}.karat-card__upgrade.is-hidden[data-v-8a6eeb9d]{opacity:0}.karat-card__body[data-v-8a6eeb9d]{display:flex;align-items:center;gap:20px}.detail-fade-enter-active[data-v-8a6eeb9d]{animation:fadeIn-8a6eeb9d .35s ease both}.detail-fade-leave-active[data-v-8a6eeb9d]{animation:fadeIn-8a6eeb9d .2s ease reverse both}@keyframes fadeIn-8a6eeb9d{0%{opacity:0}to{opacity:1}}@keyframes slideUp-8a6eeb9d{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes donutReveal-8a6eeb9d{0%{--donut-reveal: 0deg}to{--donut-reveal: 360deg}}.anim-fade-in[data-v-8a6eeb9d]{opacity:0;animation:fadeIn-8a6eeb9d .45s ease both}.anim-slide-up[data-v-8a6eeb9d]{opacity:0;animation:slideUp-8a6eeb9d .5s cubic-bezier(.22,1,.36,1) both}.donut-chart-wrapper[data-v-8a6eeb9d]{position:relative;width:90px;height:90px;min-width:90px}.donut-chart[data-v-8a6eeb9d]{position:relative;width:90px;height:90px;min-width:90px;border-radius:50%;background:var(--donut-bg)}.donut-chart.donut-anim[data-v-8a6eeb9d]{--donut-reveal: 0deg;-webkit-mask:conic-gradient(#000 0deg,#000 var(--donut-reveal),transparent var(--donut-reveal));mask:conic-gradient(#000 0deg,#000 var(--donut-reveal),transparent var(--donut-reveal));animation:donutReveal-8a6eeb9d 1s cubic-bezier(.22,1,.36,1) both}.donut-chart__hole[data-v-8a6eeb9d]{position:absolute;top:22%;left:22%;width:56%;height:56%;border-radius:50%;background:#fff}.donut-legend[data-v-8a6eeb9d]{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.donut-legend__item[data-v-8a6eeb9d]{display:flex;align-items:center;gap:6px;white-space:nowrap}.donut-legend__dot[data-v-8a6eeb9d]{width:10px;height:10px;min-width:10px;border-radius:50%}.donut-legend__text[data-v-8a6eeb9d]{font-size:12px;color:#555}@media (max-width: 600px){.metal-grid[data-v-8a6eeb9d]{grid-template-columns:repeat(2,1fr)}.karat-cards[data-v-8a6eeb9d]{grid-template-columns:1fr}}.diamond-preview__loading[data-v-47cf99b4]{display:flex;align-items:center;justify-content:center;min-height:200px}.loading-spinner[data-v-47cf99b4]{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#75533a;border-radius:50%;animation:spin-47cf99b4 .8s linear infinite}@keyframes spin-47cf99b4{to{transform:rotate(360deg)}}.diamond-preview__empty[data-v-47cf99b4]{display:flex;align-items:center;justify-content:center;min-height:200px;color:#999;font-size:14px;text-align:center}.diamond-preview__price[data-v-47cf99b4]{text-align:center;font-size:20px;font-weight:700;color:#1a1a1a;margin-top:12px}.quiz-app{min-height:100vh;position:relative}.quiz-bg{position:fixed;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#c4b5a0;z-index:0}.quiz-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 40px;display:flex;flex-direction:column;align-items:center;gap:15px;background:#fff}.quiz-header__logo{text-decoration:none}.quiz-header__logo img{height:30px;width:auto}.quiz-header__logo-text{font-size:24px;font-weight:600;color:#333;letter-spacing:3px}.quiz-progress{position:absolute;bottom:0;left:0;right:0;width:100%;height:4px;background:#e5e5e5;border-radius:0;overflow:hidden}.quiz-progress__bar{height:100%;background:#75533a;border-radius:2px;transition:width .4s ease}.quiz-main{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 20px 100px;min-height:100vh}.quiz-footer{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;padding:20px 30px}.quiz-btn{position:relative;z-index:1;padding:14px 45px;border-radius:30px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.quiz-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-btn--back{background:#ffffff26;border:1px solid #fff;color:#fff}.quiz-btn--back:hover:not(:disabled){background:#ffffff40}.quiz-btn--next{background:#fff;color:#333}.quiz-btn--next:hover:not(:disabled){background:#f5f5f5}.quiz-step{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:500px;width:100%;margin:0 auto}.quiz-step__title{text-align:center;font-size:24px;font-weight:700;color:#fff;margin:0 0 32px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.quiz-step__content{width:100%;background:#fff;border-radius:16px;padding:20px}.quiz-step__content--split{display:flex;flex-direction:column;gap:20px}.style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;background:#fff;order:1}.style-card{background:#f9f9f9;border:2px solid #E0E0E0;border-radius:10px;padding:8px;cursor:pointer;transition:all .3s ease;text-align:center}.style-card:hover{border-color:#c5c5c5}.style-card.is-selected{border-color:#75533a}.style-card__image{aspect-ratio:1 / 1;max-width:140px;margin:0 auto;position:relative}.style-card__carousel{position:relative;width:100%;height:100%}.style-card__carousel img{width:100%;height:100%;object-fit:contain}.style-card__arrow{position:absolute;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:#ffffffd9;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;padding:0;color:#555;transition:background .2s}.style-card__arrow:hover{background:#fff;border-color:#999}.style-card__arrow--left{left:2px}.style-card__arrow--right{right:2px}.style-card__name{font-size:12px;color:#333}.style-details{border-top:1px solid #E0E0E0;padding-top:15px;display:flex;flex-direction:column;gap:10px;order:2}.style-note{font-size:11px;color:#999;text-align:center;margin:0;line-height:1.5;order:3}.style-detail{padding:18px 20px;border:2px solid #E0E0E0;border-radius:8px;cursor:pointer;transition:all .3s ease}.style-detail.is-expanded,.style-detail.is-selected{background:#faf8f5;border-color:#75533a}.style-detail__header{display:flex;justify-content:space-between;align-items:center}.style-detail__name,.style-detail__price{font-size:15px;font-weight:600;color:#333}.style-detail__desc{font-size:13px;color:#666;margin:8px 0 0;line-height:1.6}.metal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.metal-card{background:#fff;border:2px solid #E0E0E0;border-radius:10px;padding:15px;cursor:pointer;transition:all .3s ease;text-align:center}.metal-card:hover{border-color:#c5c5c5}.metal-card.is-selected{border-color:#75533a}.metal-card__image{margin-bottom:4px}.metal-card__image img{width:100%;height:auto;object-fit:contain}.metal-card__name{font-size:12px;color:#333}.metal-details{border-top:1px solid #E0E0E0;padding-top:15px}.metal-details__title{font-size:14px;font-weight:600;color:#333;margin:0 0 12px;display:flex;align-items:center;gap:8px}.metal-details__check{color:#4caf50;font-size:16px}.metal-details__composition{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}.metal-comp{display:flex;align-items:center;gap:6px;font-size:11px;color:#666}.metal-comp__dot{width:10px;height:10px;border-radius:50%}.metal-karat{display:flex;flex-direction:column;gap:10px}.karat-option{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border:2px solid #E0E0E0;border-radius:25px;cursor:pointer;transition:all .3s ease}.karat-option.is-selected{border-color:#75533a;background:#faf8f5}.karat-option__label{font-size:13px;color:#333;display:flex;align-items:center;gap:8px}.karat-option__upgrade{font-size:11px;color:#8b7355}.shape-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shape-card{background:#fff;border:2px solid #E0E0E0;border-radius:10px;padding:15px;cursor:pointer;transition:all .3s ease;text-align:center}.shape-card:hover{border-color:#c5c5c5}.shape-card.is-selected{border-color:#75533a}.shape-card__image{margin-bottom:8px}.shape-card__image img{width:60px;height:60px;object-fit:contain}.shape-card__name{font-size:12px;color:#333}.budget-card{text-align:center}.budget-input-wrapper{margin-bottom:15px;position:relative}.budget-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:500;color:#999;pointer-events:none;transition:all .2s ease}.budget-label.is-active{left:20px;top:10px;transform:translate(0);font-size:11px;color:#999}.budget-input{width:100%;height:80px!important;max-height:80px;padding:15px 20px!important;border:2px solid #E0E0E0!important;border-radius:10px!important;font-size:18px!important;text-align:center;color:#666;outline:none!important;box-shadow:none;transition:border-color .3s ease,color .3s ease,padding .2s ease,box-shadow .3s ease;box-sizing:border-box;-webkit-appearance:none;background:#fff!important}.budget-input.has-value{font-size:28px!important;font-weight:700;color:#333;text-align:center}.budget-input.is-error{border-color:#e74c3c;color:#e74c3c}.budget-input::placeholder{color:#999}.budget-input:focus{border-color:#75533a!important;box-shadow:0 0 0 1px #75533a!important;outline:none!important;color:#333}.budget-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.budget-preset{padding:15px 10px;border:2px solid #E0E0E0;border-radius:10px;background:#fff;font-size:15px;font-weight:500;color:#333;cursor:pointer;transition:all .3s ease}.budget-preset:hover{border-color:#c5c5c5}.budget-preset.is-selected{border-color:#75533a;background:#faf8f5}.budget-note{font-size:12px;color:#666;margin:0}.quality-options{display:flex;flex-direction:column;gap:12px}.quality-card{padding:18px 20px;border:2px solid #E0E0E0;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:center}.quality-card:hover{border-color:#c5c5c5}.quality-card.is-selected{border-color:#75533a;background:#faf8f5}.quality-card__title{font-size:14px;font-weight:600;color:#333;margin:0 0 6px}.quality-card__desc{font-size:11px;color:#666;margin:0;line-height:1.5}.diamond-preview{display:flex;justify-content:center}.diamond-preview__card{width:100%}.diamond-preview__image{display:flex;justify-content:center;margin-bottom:15px}.diamond-preview__image img{max-width:150px;height:auto}.diamond-preview__carousel{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:15px}.carousel-arrow{width:30px;height:30px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;padding:0}.carousel-arrow:hover{color:#000}.carousel-dots{display:flex;gap:6px;align-items:center}.carousel-dot{width:6px;height:6px;border-radius:50%;background:#ccc;cursor:pointer;transition:all .3s ease}.carousel-dot.is-active{background:#333;width:8px;height:8px}.diamond-preview__specs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid #E0E0E0;padding-top:15px}.spec-item{text-align:center}.spec-value{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:3px}.spec-label{display:block;font-size:10px;color:#666}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (min-width: 768px){.quiz-step{max-width:900px}.quiz-step__title{font-size:32px}.quiz-step__content{padding:30px}.quiz-step__content--split{flex-direction:row;gap:30px}.style-grid,.metal-grid{grid-template-columns:repeat(4,1fr)}.quiz-step--1 .quiz-step__content--split{flex-wrap:wrap;align-items:stretch}.quiz-step--1 .style-details{flex:1;border-top:0;padding-top:0;gap:16px;order:1;justify-content:center}.quiz-step--1 .style-grid{flex:1.1;grid-template-columns:repeat(2,1fr);margin-bottom:0;order:2;align-content:center}.quiz-step--1 .style-note{flex-basis:100%;order:3;padding-top:10px}.shape-grid{grid-template-columns:repeat(5,1fr)}.quality-options{flex:1;align-self:center}.diamond-preview{flex:1;align-self:flex-start}.diamond-preview__image img{max-width:250px}.diamond-preview__specs{grid-template-columns:repeat(4,1fr)}}.quiz-intro{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative;z-index:10}.quiz-intro__content{text-align:center;color:#fff}.quiz-intro__brand{font-size:1.1rem;font-weight:300;letter-spacing:.45em;margin-bottom:8px;color:#fff}.quiz-intro__subtitle{font-size:1.4rem;font-weight:300;margin-bottom:16px;color:#fff}.quiz-intro__title{font-size:4.5rem;font-weight:900;line-height:1;margin-bottom:40px;color:#fff;letter-spacing:.02em}.quiz-btn--start{display:inline-block;padding:14px 56px;font-size:1rem;font-weight:600;letter-spacing:.15em;color:#fff;background-color:transparent;border:1.5px solid #fff;cursor:pointer;transition:all .3s ease}.quiz-btn--start:hover{background-color:#fff;color:#8b7355}@media (max-width: 768px){.quiz-intro__brand{font-size:.9rem}.quiz-intro__subtitle{font-size:1.1rem}.quiz-intro__title{font-size:3rem}.quiz-btn--start{padding:12px 44px}}