:root{--quiz-bg-primary: #252239;--quiz-bg-secondary: #1a1a2e;--quiz-bg-dark: #151226;--quiz-scrollbar-thumb: #6b7280;--quiz-scrollbar-hover: #9ca3af;--quiz-text-primary: white;--quiz-text-secondary: rgba(255, 255, 255, .9);--quiz-border-light: rgba(255, 255, 255, .1);--quiz-border-medium: rgba(255, 255, 255, .2);--quiz-shadow-base: 0 10px 30px rgba(0, 0, 0, .4), 0 4px 15px rgba(0, 0, 0, .2);--quiz-shadow-hover: 0 15px 40px rgba(0, 0, 0, .5), 0 6px 20px rgba(0, 0, 0, .3)}.weight-loss-quiz-container{background:radial-gradient(ellipse at center,var(--quiz-bg-primary) 0%,var(--quiz-bg-secondary) 100%);min-height:100vh}.weight-loss-quiz-container header.bg-gray-800{background-color:var(--quiz-bg-dark)!important}.weight-loss-quiz-title{font-size:clamp(28px,5vw,48px);font-weight:700;color:var(--quiz-text-primary);text-align:center;line-height:1.2;margin-bottom:1.5rem}.weight-loss-quiz-text{font-size:clamp(16px,3vw,20px);color:var(--quiz-text-secondary);text-align:center;line-height:1.5}.weight-loss-quiz-subtitle{font-size:clamp(20px,4vw,28px);font-weight:600;color:var(--quiz-text-primary);text-align:center;margin-bottom:1rem}html.weight-loss-quiz-active,body.weight-loss-quiz-active,.weight-loss-quiz-container{scrollbar-width:thin!important;scrollbar-color:var(--quiz-scrollbar-thumb) var(--quiz-bg-primary)!important}.weight-loss-quiz-container *:not(input):not(textarea):not(select){scrollbar-width:thin!important;scrollbar-color:var(--quiz-scrollbar-thumb) var(--quiz-bg-primary)!important}html.weight-loss-quiz-active ::-webkit-scrollbar,body.weight-loss-quiz-active ::-webkit-scrollbar,.weight-loss-quiz-container ::-webkit-scrollbar{width:4px!important;height:4px!important;background:var(--quiz-bg-primary)!important}.weight-loss-quiz-container *:not(input):not(textarea):not(select) ::-webkit-scrollbar{width:4px!important;height:4px!important;background:var(--quiz-bg-primary)!important}html.weight-loss-quiz-active ::-webkit-scrollbar-track,body.weight-loss-quiz-active ::-webkit-scrollbar-track,.weight-loss-quiz-container ::-webkit-scrollbar-track{background:var(--quiz-bg-primary)!important;border-radius:2px!important}.weight-loss-quiz-container *:not(input):not(textarea):not(select) ::-webkit-scrollbar-track{background:var(--quiz-bg-primary)!important;border-radius:2px!important}html.weight-loss-quiz-active ::-webkit-scrollbar-thumb,body.weight-loss-quiz-active ::-webkit-scrollbar-thumb,.weight-loss-quiz-container ::-webkit-scrollbar-thumb{background:var(--quiz-scrollbar-thumb)!important;border-radius:2px!important}.weight-loss-quiz-container *:not(input):not(textarea):not(select) ::-webkit-scrollbar-thumb{background:var(--quiz-scrollbar-thumb)!important;border-radius:2px!important}html.weight-loss-quiz-active ::-webkit-scrollbar-thumb:hover,body.weight-loss-quiz-active ::-webkit-scrollbar-thumb:hover,.weight-loss-quiz-container ::-webkit-scrollbar-thumb:hover{background:var(--quiz-scrollbar-hover)!important}.weight-loss-quiz-container *:not(input):not(textarea):not(select) ::-webkit-scrollbar-thumb:hover{background:var(--quiz-scrollbar-hover)!important}html.weight-loss-quiz-active ::-webkit-scrollbar-corner,body.weight-loss-quiz-active ::-webkit-scrollbar-corner,.weight-loss-quiz-container ::-webkit-scrollbar-corner{background:var(--quiz-bg-primary)!important}.weight-loss-quiz-container *:not(input):not(textarea):not(select) ::-webkit-scrollbar-corner{background:var(--quiz-bg-primary)!important}@media (max-width: 768px){.weight-loss-quiz-title{font-size:clamp(24px,6vw,36px)}}.gender-card{box-shadow:var(--quiz-shadow-base);transition:all .3s ease}.gender-card:hover{box-shadow:var(--quiz-shadow-hover)}.gender-card .bg-gray-800{background-color:var(--quiz-bg-dark)!important}.gender-cta-button{border:none;border-radius:0 0 8px 8px;padding:16px 24px;font-size:18px;font-weight:600;color:var(--quiz-text-primary);transition:all .3s ease;width:100%;display:flex;align-items:center;justify-content:center;margin-top:0}.gender-cta-button.femme{background:linear-gradient(135deg,#ff1493,#e91e63,#c2185b)}.gender-cta-button.homme{background:linear-gradient(135deg,#2196f3,#1976d2,#1565c0)}.gender-cta-button.selected{box-shadow:0 4px 15px #0003}.weight-loss-option-button{background:var(--quiz-bg-dark);border:2px solid var(--quiz-border-light);border-radius:12px;padding:1rem 1.5rem;color:var(--quiz-text-primary);font-weight:500;transition:all .3s ease;cursor:pointer;text-align:left;width:100%;max-width:600px;margin:0 auto}.weight-loss-option-button:hover{border-color:#ff1493;transform:translateY(-2px);box-shadow:0 0 0 1px #ff1493}.weight-loss-option-button:hover.homme{border-color:#2196f3;box-shadow:0 0 0 1px #2196f3}.weight-loss-option-button.selected{background:#ff1493;border-color:#ff1493;box-shadow:0 4px 15px #ff14934d}.weight-loss-option-button.selected.homme{background:#2196f3;border-color:#2196f3;box-shadow:0 4px 15px #2196f34d}.nutrition-option-button{background:var(--quiz-bg-dark);border:2px solid var(--quiz-border-medium);border-radius:12px;padding:1rem 1.5rem;color:var(--quiz-text-primary);font-weight:500;transition:all .3s ease;cursor:pointer;text-align:left;width:100%;max-width:600px;margin:0 auto;position:relative}.nutrition-option-button:hover{border-color:#fff6;transform:translateY(-1px)}.nutrition-option-button.selected{border-color:#ff1493;background:var(--quiz-bg-dark)}.nutrition-option-button.selected.homme{border-color:#2196f3}.nutrition-check-icon{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.nutrition-option-button.selected .nutrition-check-icon{background:#ff1493;border-color:#ff1493}.nutrition-option-button.selected.homme .nutrition-check-icon{background:#2196f3;border-color:#2196f3}.nutrition-check-icon svg{width:12px;height:12px;color:var(--quiz-text-primary);opacity:0;transition:opacity .3s ease}.nutrition-option-button.selected .nutrition-check-icon svg{opacity:1}.food-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin:2rem 0}.food-option-card{background:transparent;border:2px solid var(--quiz-border-medium);border-radius:12px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease}.food-option-card:hover{border-color:#fff6;transform:translateY(-2px)}.food-option-card.selected{background:#ff1493;border-color:#ff1493;box-shadow:0 4px 15px #ff14934d}.food-option-card.selected.homme{background:#2196f3;border-color:#2196f3;box-shadow:0 4px 15px #2196f34d}.food-option-image{width:60px;height:60px;object-fit:contain;margin:0 auto .5rem}.food-option-name{color:var(--quiz-text-primary);font-size:14px;font-weight:500}.weight-loss-nav-button{padding:12px 24px;border-radius:8px;font-weight:600;transition:all .3s ease;cursor:pointer;border:none}.weight-loss-nav-button.primary{background:#ff1493;color:var(--quiz-text-primary);box-shadow:0 4px 15px #ff14934d}.weight-loss-nav-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff149366}.weight-loss-nav-button.primary.homme{background:#2196f3;box-shadow:0 4px 15px #2196f34d}.weight-loss-nav-button.primary.homme:hover{box-shadow:0 6px 20px #2196f366}.weight-loss-nav-button.secondary{background:transparent;color:var(--quiz-text-primary);border:2px solid rgba(255,255,255,.3)}.weight-loss-nav-button.secondary:hover{border-color:#ffffff80}.weight-loss-progress-container{width:100%;max-width:600px;margin:0 auto 2rem}.weight-loss-progress-track{display:flex;align-items:center;justify-content:space-between;position:relative}.weight-loss-progress-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;transition:all .3s ease;z-index:2;position:relative}.weight-loss-progress-dot.filled{background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 0 10px #a855f780}.weight-loss-progress-line{position:absolute;top:50%;left:0;right:0;height:2px;background:#ffffff4d;z-index:1}.weight-loss-progress-line.filled{background:linear-gradient(135deg,#a855f7,#ec4899)}.weight-loss-chart-container{background:#ffffff0d;border-radius:16px;padding:2rem;border:1px solid var(--quiz-border-light)}.weight-loss-chart-svg{width:100%;height:auto;max-height:400px}.percentage-display{font-size:4rem;font-weight:700;color:var(--quiz-text-primary);text-shadow:0 0 20px rgba(255,255,255,.5);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 768px){.food-selection-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.food-option-image{width:50px;height:50px}.gender-button{padding:1.5rem}}.weight-loss-quiz-container .measurements-form-container{background:var(--quiz-bg-dark);border:2px solid var(--quiz-border-light);border-radius:16px;padding:2rem;max-width:500px;margin:0 auto}.weight-loss-quiz-container .measurements-form-container.homme{border-color:#2196f34d}.weight-loss-quiz-container .measurements-form-container.femme{border-color:#ff14934d}.weight-loss-quiz-container .measurements-form-container input{background:#ffffff0d;border:2px solid var(--quiz-border-light);color:var(--quiz-text-primary);border-radius:8px;padding:12px 16px;font-size:16px;width:100%;outline:none;transition:all .3s ease}.weight-loss-quiz-container .measurements-form-container input:focus{border-color:#ff1493;background:#ffffff14;box-shadow:0 0 0 1px #ff149333}.weight-loss-quiz-container .measurements-form-container.homme input:focus{border-color:#2196f3;box-shadow:0 0 0 1px #2196f333}.weight-loss-quiz-container .measurements-form-container.femme input:focus{border-color:#ff1493;box-shadow:0 0 0 1px #ff149333}.weight-loss-quiz-container .measurements-form-container label{color:var(--quiz-text-secondary);font-weight:500;font-size:14px;margin-bottom:.5rem;display:block}.weight-loss-quiz-container .measurements-form-container .unit-indicator{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--quiz-text-secondary);font-size:14px;pointer-events:none}.weight-loss-quiz-container .measurements-form-container .relative{position:relative}.weight-loss-quiz-container input::-webkit-scrollbar,.weight-loss-quiz-container textarea::-webkit-scrollbar,.weight-loss-quiz-container select::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}.weight-loss-quiz-container input,.weight-loss-quiz-container textarea,.weight-loss-quiz-container select{scrollbar-width:none!important;-ms-overflow-style:none!important}.weight-loss-quiz-container input[type=number]{-moz-appearance:textfield}.weight-loss-quiz-container input[type=number]::-webkit-outer-spin-button,.weight-loss-quiz-container input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input-no-scroll::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.form-input-no-scroll{scrollbar-width:none!important;-ms-overflow-style:none!important}@media (max-width: 768px){.weight-loss-quiz-container .measurements-form-container{padding:1.5rem;border-radius:12px}.weight-loss-quiz-container .measurements-form-container input{padding:10px 14px;font-size:16px}}