:root{--avril-pink: #e8a4b0;--avril-pink-dark: #d4768a;--avril-cream: #fdf8f5;--avril-text: #2d1b1e;--avril-text-light: #6b4a52;--avril-border: #f0dde3;--avril-white: #ffffff;--avril-shadow: 0 4px 24px rgba(180, 80, 100, .08);--avril-radius: 16px;--avril-radius-sm: 10px}.avril-skin-analyzer{padding:60px 20px;background:var(--avril-cream)}.analyzer-container{max-width:760px;margin:0 auto}.analyzer-header{text-align:center;margin-bottom:40px}.analyzer-title{font-size:clamp(24px,4vw,36px);font-weight:600;color:var(--avril-text);margin:0 0 12px;line-height:1.2}.analyzer-subtitle{font-size:16px;color:var(--avril-text-light);line-height:1.6;max-width:520px;margin:0 auto}.upload-area{background:var(--avril-white);border:2px dashed var(--avril-border);border-radius:var(--avril-radius);padding:48px 32px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.upload-area:hover,.upload-area.drag-over{border-color:var(--avril-pink);background:#fef5f7}.upload-icon{color:var(--avril-pink);margin-bottom:16px}.upload-text{font-size:16px;color:var(--avril-text);margin:0 0 6px;font-weight:500}.upload-hint{font-size:13px;color:var(--avril-text-light);margin:0 0 24px}.btn-upload{display:inline-block;background:var(--avril-pink);color:var(--avril-white);border:none;border-radius:50px;padding:14px 32px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s;font-family:inherit}.btn-upload:hover{background:var(--avril-pink-dark);transform:translateY(-1px)}.btn-analyze{display:flex;align-items:center;gap:10px;margin:20px auto 0;background:var(--avril-text);color:var(--avril-white);border:none;border-radius:50px;padding:16px 40px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s;font-family:inherit}.btn-analyze:hover{background:#1a0a0d;transform:translateY(-1px)}.btn-change-photo{display:flex;align-items:center;gap:6px;background:transparent;color:var(--avril-text-light);border:1px solid var(--avril-border);border-radius:50px;padding:8px 18px;font-size:13px;cursor:pointer;margin:12px auto 0;font-family:inherit;transition:border-color .2s}.btn-change-photo:hover{border-color:var(--avril-pink);color:var(--avril-pink-dark)}.btn-shop{display:inline-block;background:var(--avril-pink);color:var(--avril-white);text-decoration:none;border-radius:50px;padding:16px 36px;font-size:15px;font-weight:500;transition:background .2s,transform .1s}.btn-shop:hover{background:var(--avril-pink-dark);transform:translateY(-1px)}.btn-restart{background:transparent;color:var(--avril-text-light);border:1px solid var(--avril-border);border-radius:50px;padding:14px 28px;font-size:14px;cursor:pointer;font-family:inherit;transition:border-color .2s}.btn-restart:hover{border-color:var(--avril-pink);color:var(--avril-pink-dark)}.photo-preview{text-align:center}.photo-preview img{width:180px;height:180px;object-fit:cover;border-radius:50%;border:3px solid var(--avril-border);display:block;margin:0 auto}.step-loading{text-align:center;padding:60px 20px}.loading-dots{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.loading-dots span{width:12px;height:12px;border-radius:50%;background:var(--avril-pink);animation:loading-bounce 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce{0%,80%,to{transform:scale(0);opacity:.4}40%{transform:scale(1);opacity:1}}.loading-text{color:var(--avril-text-light);font-size:15px;margin:0;font-style:italic}.step-results{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-header{text-align:center;margin-bottom:28px}.results-header h3{font-size:22px;color:var(--avril-text);margin:0;font-weight:600}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.result-card{background:var(--avril-white);border-radius:var(--avril-radius-sm);padding:24px;box-shadow:var(--avril-shadow);border:1px solid var(--avril-border)}.result-card--wide{grid-column:1 / -1}.result-icon{font-size:24px;margin-bottom:10px}.result-card h4{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--avril-text-light);margin:0 0 8px;font-weight:600}.result-card p{font-size:15px;color:var(--avril-text);margin:0;line-height:1.6}.results-cta{display:flex;flex-direction:column;align-items:center;gap:12px}.step-error{text-align:center;padding:48px 20px}.error-icon{font-size:40px;margin-bottom:16px}.error-content p{color:var(--avril-text-light);font-size:15px;margin:0 0 20px}.hidden{display:none!important}@media(max-width:480px){.avril-skin-analyzer{padding:40px 16px}.upload-area{padding:32px 20px}.results-grid{grid-template-columns:1fr}.result-card--wide{grid-column:auto}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/skin-analyzer.css.map */