:root{--quiz-primary: #00463c;--quiz-primary-light: #317067;--quiz-primary-lighter: #80a29d;--quiz-primary-pale: #d4e6db;--quiz-secondary: #eff8f2;--quiz-text: #161616;--quiz-text-light: #6b7280;--quiz-border: #e5e7eb;--quiz-white: #ffffff;--quiz-bg: #ffffff;--vh: 1vh}nav,#shopify-section-announcement-bar,.header__icons{display:none!important}*{box-sizing:border-box}.metabolic-quiz-wrapper{position:relative;width:100%;min-height:calc(var(--vh, 1vh) * 100);background:var(--quiz-bg);font-family:Inter,sans-serif}.quiz-progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--quiz-border);z-index:1000;display:none}.quiz-progress-fill{height:100%;background:var(--quiz-primary);width:0%;transition:width .3s ease}.quiz-container{padding:40px 16px 20px;max-width:100%;min-height:calc(var(--vh, 1vh) * 100);display:flex;align-items:flex-start;justify-content:center}.quiz-screen{display:none;width:100%;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.quiz-screen.active{display:block;opacity:1;transform:translateY(0)}.quiz-screen.fade-out{opacity:0;transform:translateY(-10px)}.quiz-content{width:100%;max-width:600px;margin:0 auto}.quiz-welcome .quiz-content{text-align:center}.quiz-title{font-size:28px;font-weight:700;color:var(--quiz-text);margin:0 0 16px;line-height:1.3;letter-spacing:-.02em}.quiz-description{font-size:18px;color:var(--quiz-text-light);line-height:1.6;max-width:500px;margin:0 auto 32px}.quiz-gender-selection{max-width:500px;margin:0 auto 32px}.gender-selection-label{font-size:16px;color:var(--quiz-text);margin:0 0 16px;font-weight:500;text-align:center}.gender-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gender-btn{background:var(--quiz-white);border:2px solid var(--quiz-border);border-radius:1rem;padding:20px;min-height:100px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:rgba(0,70,60,.1);user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #0000000a}.gender-btn:hover{border-color:var(--quiz-primary-light);box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.gender-btn:active{transform:scale(.98)}.gender-btn.selected{border-color:var(--quiz-primary);background:var(--quiz-secondary);box-shadow:0 4px 20px #00463c26}.gender-icon{font-size:48px;display:block}.gender-label{font-size:18px;font-weight:600;color:var(--quiz-text)}.gender-btn.selected .gender-label{color:var(--quiz-primary)}.quiz-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.quiz-btn{display:inline-block;padding:16px 32px;font-size:18px;font-weight:600;text-align:center;border:none;border-radius:1rem;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:rgba(0,0,0,.1);user-select:none;-webkit-user-select:none;width:100%;max-width:400px}.quiz-btn-primary{background:var(--quiz-primary);color:var(--quiz-white);box-shadow:0 4px 16px #0000001a}.quiz-btn-primary:hover{background:var(--quiz-primary-light);transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.quiz-btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.quiz-btn-secondary{background:transparent;color:var(--quiz-text-light);border:2px solid var(--quiz-border);margin-top:12px}.quiz-btn-secondary:hover{border-color:var(--quiz-primary);color:var(--quiz-primary)}.quiz-question-number{font-size:14px;color:var(--quiz-text-light);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.quiz-question-text{font-size:24px;font-weight:600;color:var(--quiz-text);margin:0 0 12px;line-height:1.4;letter-spacing:-.01em}.quiz-question-subtitle{font-size:16px;color:var(--quiz-text-light);margin:0 0 24px;line-height:1.5;font-weight:400;display:none}.quiz-back-btn{background:transparent;border:none;color:var(--quiz-primary);font-size:16px;font-weight:500;padding:8px 0;margin-bottom:20px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.quiz-back-btn:hover{color:var(--quiz-primary-light);transform:translate(-4px)}.quiz-back-btn:active{transform:translate(-2px)}.quiz-answers{display:flex;flex-direction:column;gap:16px}.quiz-answer-card{background:var(--quiz-white);border:2px solid var(--quiz-border);border-radius:1rem;padding:20px;min-height:100px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:rgba(0,70,60,.1);user-select:none;-webkit-user-select:none;display:flex;align-items:center;gap:16px;box-shadow:0 4px 16px #0000000a}.quiz-answer-card:hover{border-color:var(--quiz-primary-light);box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.quiz-answer-card:active{transform:scale(.98)}.quiz-answer-card.selected{border-color:var(--quiz-primary-light);background:var(--quiz-secondary);box-shadow:0 4px 20px #00463c26}.quiz-answer-icon{font-size:40px;flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.quiz-answer-icon img{width:100%;height:100%;object-fit:contain}.quiz-answer-text{font-size:18px;color:var(--quiz-text);line-height:1.5;flex-grow:1}.quiz-answer-card.selected .quiz-answer-text{font-weight:600}.quiz-answer-card.quiz-answer-multiple{position:relative}.quiz-answer-checkbox{position:absolute;top:16px;right:16px;width:24px;height:24px;border:2px solid var(--quiz-border);border-radius:6px;background:var(--quiz-white);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.quiz-answer-card.quiz-answer-multiple.selected .quiz-answer-checkbox{background:var(--quiz-primary);border-color:var(--quiz-primary)}.quiz-answer-card.quiz-answer-multiple.selected .quiz-answer-checkbox:after{content:"\2713";color:#fff;font-size:16px;font-weight:700}.quiz-continue-btn{width:100%;max-width:100%;grid-column:1 / -1}.quiz-loading .quiz-content{text-align:center;padding:40px 20px}.loading-spinner{width:60px;height:60px;border:4px solid var(--quiz-border);border-top-color:var(--quiz-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{font-size:18px;color:var(--quiz-text);margin:0 0 24px;min-height:60px;display:flex;align-items:center;justify-content:center}.loading-progress-container{max-width:500px;margin:32px auto 0;padding:0 20px}.loading-progress-bar{width:100%;height:8px;background:#00463c1a;border-radius:100px;overflow:hidden;box-shadow:0 2px 8px #0000000d;position:relative}.loading-progress-fill{height:100%!important;background:linear-gradient(90deg,#00463c,#317067,#00463c)!important;background-size:200% 100%!important;width:0%;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute!important;top:0!important;left:0!important;display:block!important;border-radius:100px;box-shadow:0 0 12px #00463c66!important;animation:shimmer 2s ease-in-out infinite;opacity:1!important;visibility:visible!important}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.quiz-email .quiz-content{text-align:center}.quiz-email-form{display:flex;flex-direction:column;gap:12px;max-width:400px;margin:0 auto}.quiz-email-input{padding:16px;font-size:16px;border:2px solid var(--quiz-border);border-radius:8px;transition:all .2s ease}.quiz-email-input:focus{outline:none;border-color:var(--quiz-primary);box-shadow:0 0 0 3px #4a90e21a}.quiz-email-input::placeholder{color:#999}@media(min-width:768px){.quiz-container{padding:40px}.quiz-title{font-size:36px}.quiz-description{font-size:20px;max-width:600px}.quiz-question-text{font-size:28px}.quiz-btn{width:auto;min-width:280px}.quiz-answers{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quiz-answer-card{min-height:120px}.quiz-answer-card:has(.quiz-answer-text:nth-child(1)){grid-column:span 1}.results-title{font-size:40px}.results-subtitle{font-size:24px}.results-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.results-score-item{flex-direction:column;align-items:flex-start;text-align:center}}@media(min-width:1024px){.quiz-content{max-width:800px}.quiz-answer-card{padding:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.quiz-answer-card:focus-visible,.quiz-btn:focus-visible{outline:3px solid var(--quiz-primary);outline-offset:2px}.quiz-results .quiz-content{max-width:800px}.results-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--quiz-border)}.results-title{font-size:32px;font-weight:700;color:var(--quiz-text);margin:0 0 12px;line-height:1.3;letter-spacing:-.02em}.results-subtitle{font-size:20px;color:var(--quiz-primary);font-weight:600;margin:0}.results-body{display:flex;flex-direction:column;gap:32px}.results-section{background:var(--quiz-white);border:2px solid var(--quiz-border);border-radius:1rem;padding:24px;box-shadow:0 4px 16px #0000000a}.results-section-title{font-size:20px;font-weight:600;color:var(--quiz-text);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--quiz-border)}.results-profile-card{display:flex;flex-direction:column;gap:16px}.results-profile-primary,.results-profile-intensity{font-size:16px;line-height:1.6;color:var(--quiz-text)}.results-profile-primary strong,.results-profile-intensity strong{color:var(--quiz-primary)}.results-scores{display:flex;flex-direction:column;gap:12px}.results-score-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--quiz-secondary);border-radius:8px}.results-score-label{font-weight:600;color:var(--quiz-text)}.results-score-value{font-size:20px;font-weight:700;color:var(--quiz-primary)}.results-responses{display:flex;flex-direction:column;gap:16px}.results-response-item{padding:16px;background:var(--quiz-secondary);border-radius:8px;border-left:4px solid var(--quiz-primary)}.results-response-question{font-size:16px;color:var(--quiz-text);margin-bottom:8px}.results-response-answer{font-size:14px;color:var(--quiz-text-light)}.results-debug{background:#f5f5f5;border-color:#ddd}.results-json{background:#2d2d2d;color:#f8f8f2;padding:16px;border-radius:8px;font-size:13px;line-height:1.5;overflow-x:auto;margin:0;font-family:Monaco,Menlo,Consolas,monospace}.results-actions{margin-top:32px;text-align:center}@media print{.quiz-progress-bar,.quiz-back-btn{display:none}}body{overscroll-behavior-y:contain}select,textarea,input[type=text],input[type=email],input[type=tel],input[type=password]{font-size:16px}.quiz-answer-card,.quiz-btn{-webkit-touch-callout:none}
/*# sourceMappingURL=/cdn/shop/t/20/assets/quiz-metabolic.css.map */