@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f4f7fa;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-page,.multi-select-page,.image-grid-page,.image-list-page,.food-select-page,.body-map-page,.input-page,.number-input-page,.height-slider-page,.weight-slider-page{animation:stepFadeIn .35s ease-out}.header{position:relative;z-index:100;background-color:#fff}.logo{display:flex;align-items:center;justify-content:center;padding:14px 16px 10px}.logo-img{height:56px;width:auto;object-fit:contain}.progress-bar{height:6px;background-color:#e6e6e6;width:85%;margin:0 auto 8px;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#008031,#00a63e);border-radius:6px;transition:width .4s ease-in-out}@media(max-width:480px){.logo{padding:10px 16px 8px}.logo-img{height:48px}.progress-bar{height:5px;width:90%;margin-bottom:6px}}.question-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px 30px;background-color:#f4f7fa}.question-content{max-width:500px;width:100%;text-align:center}.question-header-text{font-size:13px;color:#008031;font-style:italic;text-align:center;margin-bottom:16px;line-height:1.4}.question-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.4}.question-subtitle{font-size:14px;color:#666;margin-bottom:24px;line-height:1.5}.options-list{display:flex;flex-direction:column;gap:12px}.option-button{display:flex;align-items:center;width:100%;padding:16px 20px;background:#ffffffd9;border:2px solid #e8e8e8;border-radius:24px;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:0 2px 8px #0000000d}.option-button.centered{justify-content:center;text-align:center}.option-button:hover{border-color:#008031;transform:translateY(-2px);box-shadow:0 4px 15px #00803126}.option-button:active{transform:scale(.98);box-shadow:0 1px 4px #00000014}.option-emoji{font-size:24px;margin-right:12px;flex-shrink:0}.option-text-wrapper{flex:1;display:flex;flex-direction:column;gap:2px}.option-text{flex:1;font-size:15px;font-weight:500;color:#1a1a1a}.option-description{font-size:12px;color:#888;font-weight:400}.option-arrow{width:28px;height:28px;border-radius:50%;background:#f0fdf4;color:#008031;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;margin-left:12px;flex-shrink:0;transition:all .2s ease}.option-button:hover .option-arrow{background:#008031;color:#fff}.option-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;margin-left:12px;flex-shrink:0}.info-text-box{margin-top:16px;padding:14px 18px;background:#fff;border-radius:20px;border-left:4px solid #008031;text-align:left;box-shadow:0 2px 8px #0000000a}.info-text-box p{font-size:13px;color:#555;line-height:1.5;margin:0}.confidential-box{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:20px;text-align:left}.confidential-box .confidential-icon{font-size:18px;flex-shrink:0}.confidential-box p{font-size:12px;color:#166534;margin:0;line-height:1.4}.warning-box{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:16px;background:#fff9e6;border:1px solid #FDE68A;border-radius:20px;text-align:left}.warning-box .warning-icon{font-size:20px;flex-shrink:0}.warning-box strong{color:#92400e;font-size:14px}.warning-box p{font-size:13px;color:#92400e;margin:4px 0 0;line-height:1.5}.bottom-image-container{margin-top:32px}.bottom-image{max-width:100%;height:auto;border-radius:12px}@media(max-width:480px){.question-page{padding:16px 16px 20px;align-items:flex-start}.question-title{font-size:17px;margin-bottom:6px}.question-subtitle{font-size:12px;margin-bottom:14px}.options-list{gap:10px}.option-button{padding:12px 14px;border-radius:20px}.option-emoji{font-size:20px;margin-right:8px}.option-text{font-size:13px}.option-thumb{width:42px;height:42px}.warning-box{margin-top:14px;padding:12px}.warning-box strong{font-size:13px}.warning-box p{font-size:12px}.bottom-image-container{margin-top:20px}}.info-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px 30px;background-color:#f4f7fa}.info-content{max-width:500px;width:100%;text-align:center}.info-logo{display:flex;justify-content:center;margin-bottom:16px}.info-logo-img{height:56px;width:auto;object-fit:contain}.info-title{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:24px;line-height:1.4}.info-text{margin-bottom:24px}.info-text p{font-size:15px;color:#444;line-height:1.7;margin-bottom:16px;text-align:left}.info-text.centered p{text-align:center}.info-text.underline p{text-decoration:underline}.info-text strong{font-weight:600;color:#005c23}.info-text em{font-style:italic;color:#666}.testimonial-carousel{position:relative;margin-bottom:24px;border-radius:12px;overflow:hidden}.carousel-viewport{position:relative}.carousel-item{display:none}.carousel-item.active{display:block}.carousel-full-img{width:100%;height:auto;display:block;border-radius:12px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#00000080;color:#fff;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.carousel-arrow.left{left:8px}.carousel-arrow.right{right:8px}.carousel-indicators{display:flex;justify-content:center;gap:8px;margin-top:12px}.indicator-dot{width:8px;height:8px;border-radius:50%;background:#ccc;cursor:pointer}.indicator-dot.active{background:#008031}.benefits-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;text-align:left;box-shadow:0 4px 20px #0000000d}.benefits-title{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;color:#444}.check-icon{width:20px;height:20px;background:#008031;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.testimonial-image-wrapper{margin-bottom:16px}.testimonial-featured-image{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 20px #0000001a}.testimonial-name{font-size:14px;font-weight:600;color:#008031;margin-bottom:16px;font-style:italic}.info-image-placeholder{margin:20px 0;text-align:center}.info-placeholder-img{max-width:100%;height:auto;border-radius:12px}.info-warning-box{display:flex;align-items:flex-start;gap:10px;margin:16px 0;padding:16px;background:#fff9e6;border:1px solid #FDE68A;border-radius:12px;text-align:left}.info-warning-box .warning-icon{font-size:20px;flex-shrink:0}.info-warning-box p{font-size:13px;color:#92400e;margin:0;line-height:1.5}.dashboard-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #00000014;text-align:left}.dashboard-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 20px;text-align:center}.dashboard-grid{display:flex;flex-direction:column;gap:16px}.dashboard-item{display:flex;flex-direction:column;gap:6px}.dashboard-label{font-size:13px;font-weight:600;color:#555}.dashboard-bar-container{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.dashboard-bar{height:100%;border-radius:4px;transition:width 1s ease-out}.dashboard-bar.high{background:linear-gradient(90deg,#ef4444,#f97316)}.dashboard-bar.medium{background:linear-gradient(90deg,#f59e0b,#eab308)}.dashboard-bar.good{background:linear-gradient(90deg,#008031,#00a63e)}.dashboard-value{font-size:12px;font-weight:700}.dashboard-value.high{color:#dc2626}.dashboard-value.medium{color:#d97706}.dashboard-value.good{color:#008031}.weight-chart{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 20px #0000000d}.weight-chart-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 8px;text-align:left}.weight-chart-svg{width:100%;height:auto;display:block}.continue-button.green{width:100%;padding:18px 32px;background:linear-gradient(135deg,#008031,#00a63e);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:transform .2s,box-shadow .2s}.continue-button.green:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00803166}.continue-button.green.pulse{animation:info-pulse 2s infinite}@keyframes info-pulse{0%{transform:scale(1);box-shadow:0 0 #00803166}50%{transform:scale(1.03);box-shadow:0 0 0 12px #00803100}to{transform:scale(1);box-shadow:0 0 #00803100}}.before-after-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 20px #0000000f}.ba-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;align-items:start}.ba-images-row{grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}.before-after-label{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;border-radius:12px;text-align:center}.before-label{background:#f3f4f6;color:#666}.after-label{background:#f0fdf4;color:#008031}.ba-image-wrapper{margin-bottom:0}.before-after-img{width:100%;height:auto;border-radius:10px}.before-after-img.grayscale{filter:grayscale(100%);opacity:.8}.ba-arrow{font-size:28px;font-weight:800;color:#ccc;line-height:1}.before-after-text{font-size:11px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.3;text-align:center}.ba-progress-bar{position:relative;height:10px;background:#e5e7eb;border-radius:10px;margin-bottom:12px}.ba-progress-fill{height:100%;border-radius:10px}.ba-progress-fill.gray{width:35%;background:#ccc}.ba-progress-fill.green{width:80%;background:#008031}.ba-progress-thumb{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 4px #0003}.ba-progress-thumb.gray{left:35%;background:#ccc}.ba-progress-thumb.green{left:80%;background:#008031}.ba-info-card{border-radius:10px;padding:10px;display:flex;align-items:flex-start;gap:6px;text-align:left}.ba-info-card.gray-card{background:#f3f4f6}.ba-info-card.green-card{background:#f0fdf4}.ba-info-icon{font-size:14px;flex-shrink:0;margin-top:1px}.ba-info-card p{font-size:11px;color:#555;margin:0;line-height:1.4}@media(max-width:480px){.info-page{padding:16px 16px 20px;align-items:flex-start}.info-title{font-size:18px;margin-bottom:12px}.info-text p{font-size:13px;margin-bottom:12px}.benefits-card{padding:18px;margin-bottom:18px}.benefits-title{font-size:15px}.benefits-list li{font-size:13px;padding:6px 0}.dashboard-section{padding:18px}.dashboard-title{font-size:16px;margin-bottom:14px}.weight-chart{padding:16px;margin-bottom:18px}.weight-chart-title{font-size:15px}.info-warning-box{padding:12px}.info-warning-box p{font-size:12px}.before-after-detail{font-size:11px}.continue-button.green{padding:14px 20px;font-size:13px}}.multi-select-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px 30px;background-color:#f4f7fa}.multi-select-content{max-width:500px;width:100%;text-align:center}.multi-select-content .question-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.4}.multi-select-content .question-subtitle{font-size:14px;color:#666;margin-bottom:24px;line-height:1.5}.options-list.multi{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.option-button.multi{display:flex;align-items:center;width:100%;padding:16px 20px;background:#ffffffd9;border:2px solid #e8e8e8;border-radius:24px;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:0 2px 8px #0000000d}.option-button.multi:hover{border-color:#008031;box-shadow:0 4px 15px #00803126}.option-button.multi:active{transform:scale(.98)}.option-button.multi.selected{border-color:#008031;background:#f0fdf4;box-shadow:0 2px 12px #0080311f}.option-button.multi .option-emoji{font-size:24px;margin-right:12px;flex-shrink:0}.option-button.multi .option-text-wrapper{flex:1;display:flex;flex-direction:column;gap:2px}.option-button.multi .option-text{font-size:15px;font-weight:500;color:#1a1a1a}.option-button.multi .option-description{font-size:12px;color:#888;font-weight:400}.checkbox{width:24px;height:24px;border:2px solid #008031;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;transition:all .2s ease}.checkbox.checked{background:#008031}.options-list.multi.grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px}.options-list.multi.grid-layout .option-button.multi{flex-direction:column;text-align:center;padding:16px 12px;min-height:80px;justify-content:center}.options-list.multi.grid-layout .checkbox{border-radius:50%;width:24px;height:24px;margin-bottom:8px}.option-thumb-multi{width:40px;height:40px;object-fit:cover;border-radius:8px;margin-right:12px;flex-shrink:0}.next-button{width:100%;padding:16px 32px;background:linear-gradient(135deg,#008031,#00a63e);color:#fff;border:none;border-radius:16px;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 15px #00803140}.next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00803166}.next-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.multi-select-page{padding:16px 16px 20px;align-items:flex-start}.multi-select-content .question-title{font-size:17px;margin-bottom:8px}.multi-select-content .question-subtitle{font-size:12px;margin-bottom:14px}.options-list.multi{gap:8px;margin-bottom:14px}.option-button.multi{padding:10px 14px;border-radius:20px}.option-button.multi .option-emoji{font-size:20px;margin-right:8px}.option-button.multi .option-text{font-size:13px}.options-list.multi.grid-layout .option-button.multi{min-height:60px}.option-thumb-multi{width:36px;height:36px}.checkbox{width:22px;height:22px}.next-button{padding:14px 20px;font-size:13px}}.height-slider-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px 30px;background-color:#f4f7fa}.height-slider-content{max-width:500px;width:100%;text-align:center}.height-slider-header-text{font-size:13px;color:#008031;font-style:italic;text-align:center;margin-bottom:16px;line-height:1.4}.height-slider-content .question-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.4}.height-slider-content .question-subtitle{font-size:14px;color:#666;margin-bottom:24px}.height-slider-page .unit-toggle{display:inline-flex;background:#e6e6e6;border-radius:30px;padding:4px;margin-bottom:24px}.height-slider-page .unit-btn{padding:10px 24px;border:none;background:transparent;border-radius:26px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.height-slider-page .unit-btn.active{background:#008031;color:#fff}.height-display{margin-bottom:20px}.height-value{font-size:56px;font-weight:700;color:#1a1a1a}.height-unit{font-size:24px;font-weight:500;color:#666;margin-left:4px}.height-slider-page .slider-container{padding:0 20px;margin-bottom:12px}.height-slider{width:100%;height:4px;background:linear-gradient(90deg,#b6e2c8,#008031,#b6e2c8);border-radius:2px;outline:none;-webkit-appearance:none;appearance:none}.height-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:30px;background:#008031;border-radius:4px 4px 50% 50%;cursor:pointer;box-shadow:0 2px 8px #00803166}.height-slider::-moz-range-thumb{width:20px;height:30px;background:#008031;border-radius:4px 4px 50% 50%;cursor:pointer;border:none;box-shadow:0 2px 8px #00803166}.height-slider-page .slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;color:#999}.height-slider-page .slider-labels span:nth-child(2){color:#008031;font-weight:600}.height-slider-page .slider-hint{font-size:13px;color:#999;margin-bottom:24px}.height-slider-page .slider-info-box{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 20px #0000000f;text-align:left}.height-slider-page .slider-info-check{width:24px;height:24px;background:#008031;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;margin-top:2px}.height-slider-page .slider-info-text strong{font-size:15px;font-weight:700;color:#1a1a1a;line-height:1.4;display:block}.height-slider-page .slider-info-text p{font-size:13px;color:#666;line-height:1.6;margin:6px 0 0}.height-slider-page .next-button.green{width:100%;padding:18px 32px;background:linear-gradient(135deg,#008031,#00a63e);color:#fff;border:none;border-radius:16px;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #00803140}.height-slider-page .next-button.green:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00803166}@media(max-width:480px){.height-slider-page{padding:16px 16px 20px}.height-slider-content .question-title{font-size:17px}.height-slider-content .question-subtitle{font-size:13px;margin-bottom:16px}.height-value{font-size:42px}.height-slider-page .next-button.green{padding:14px 20px}}.weight-slider-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px 30px;background-color:#f4f7fa}.weight-slider-content{max-width:500px;width:100%;text-align:center}.weight-slider-content .question-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.4}.weight-slider-content .question-subtitle{font-size:14px;color:#666;margin-bottom:24px;line-height:1.5}.unit-toggle{display:inline-flex;background:#e6e6e6;border-radius:30px;padding:4px;margin-bottom:24px}.unit-btn{padding:10px 24px;border:none;background:transparent;border-radius:26px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.unit-btn.active{background:#008031;color:#fff}.weight-display{margin-bottom:20px}.weight-value{font-size:56px;font-weight:700;color:#1a1a1a}.weight-unit{font-size:24px;font-weight:500;color:#666;margin-left:4px}.slider-container{padding:0 20px;margin-bottom:12px}.weight-slider{width:100%;height:4px;background:linear-gradient(90deg,#b6e2c8,#008031,#b6e2c8);border-radius:2px;outline:none;-webkit-appearance:none;appearance:none}.weight-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:30px;background:#008031;border-radius:4px 4px 50% 50%;cursor:pointer;box-shadow:0 2px 8px #00803166}.weight-slider::-moz-range-thumb{width:20px;height:30px;background:#008031;border-radius:4px 4px 50% 50%;cursor:pointer;border:none;box-shadow:0 2px 8px #00803166}.slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;color:#999}.slider-labels span:nth-child(2){color:#008031;font-weight:600}.slider-hint{font-size:13px;color:#999;margin-bottom:24px}.weight-slider-content .question-subtitle.green{color:#008031}.slider-info-box{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 20px #0000000f;text-align:left}.slider-info-check{width:24px;height:24px;background:#008031;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;margin-top:2px}.slider-info-text strong{font-size:15px;font-weight:700;color:#1a1a1a;line-height:1.4;display:block}.slider-info-text p{font-size:13px;color:#666;line-height:1.6;margin:6px 0 0}.next-button.green{width:100%;padding:18px 32px;background:linear-gradient(135deg,#008031,#00a63e);color:#fff;border:none;border-radius:16px;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #00803140}.next-button.green:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00803166}@media(max-width:480px){.weight-slider-page{padding:16px 16px 20px}.weight-slider-content .question-title{font-size:17px;margin-bottom:8px}.weight-slider-content .question-subtitle{font-size:13px;margin-bottom:16px}.weight-value{font-size:42px}.next-button.green{padding:14px 20px}}.number-input-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px 30px;background-color:#f4f7fa}.number-input-content{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:24px}.number-input-content .question-title{font-size:22px;font-weight:700;color:#1a1a1a;text-align:center;line-height:1.4}.number-input-content .question-subtitle{font-size:14px;color:#666;text-align:center;line-height:1.5}.number-input-wrapper{display:flex;align-items:center;gap:16px;margin:20px 0}.number-btn{width:48px;height:48px;border-radius:50%;border:2px solid #e0e0e0;background:#fff;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#333;box-shadow:0 2px 8px #0000000f}.number-btn:hover{border-color:#008031;color:#008031}.number-btn:active{background:#008031;color:#fff;border-color:#008031}.number-display{display:flex;align-items:baseline;gap:8px}.number-field{width:80px;text-align:center;font-size:48px;font-weight:700;border:none;border-bottom:3px solid #008031;outline:none;background:transparent;color:#333;-moz-appearance:textfield}.number-field::-webkit-outer-spin-button,.number-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-unit{font-size:20px;color:#888;font-weight:500}@media(max-width:480px){.number-input-page{padding:16px 16px 20px}.number-input-content .question-title{font-size:17px}.number-input-content .question-subtitle{font-size:13px}.number-field{font-size:36px}}.loading-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:60px 20px 30px;background-color:#f4f7fa}.loading-content{max-width:440px;width:100%;text-align:center}.loading-title{font-size:22px;font-weight:700;color:#008031;margin-bottom:24px;line-height:1.4;font-style:italic}.loading-subtext{font-size:15px;color:#333;margin-bottom:20px;line-height:1.5;font-weight:500}.loading-progress{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;color:#666}.progress-label{text-align:left;flex:1}.progress-value{font-weight:600;color:#008031}.progress-bar-container{height:6px;background:#e6e6e6;border-radius:3px;overflow:hidden;margin-bottom:24px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#008031,#00a63e);transition:width .12s ease}.carousel-container{margin-top:24px;margin-bottom:8px}.carousel-wrapper{position:relative;min-height:280px}.carousel-slide{display:none}.carousel-slide.active{display:block;animation:fadeIn .5s ease-in-out}.carousel-image{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 15px #00000014}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:#d9d9d9;cursor:pointer;padding:0;transition:background .3s}.carousel-dot.active{background:#008031;width:24px;border-radius:4px}.loading-testimonials{margin-top:24px;position:relative;min-height:100px}.loading-testimonial{display:none;background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 15px #0000000f;text-align:left}.loading-testimonial.active{display:block;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-testimonial-text{font-size:14px;color:#444;line-height:1.6;margin:0 0 8px;font-style:italic}.loading-testimonial-name{font-size:12px;font-weight:600;color:#008031}.loading-faq{margin-top:24px;display:flex;flex-direction:column;gap:16px}.loading-faq-item{background:#fff;border-radius:12px;padding:16px;text-align:left;box-shadow:0 2px 10px #0000000a;opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}.loading-faq-item.visible{opacity:1;transform:translateY(0)}.loading-faq-question{font-size:14px;font-weight:700;color:#005c23;margin:0 0 8px;line-height:1.4}.loading-faq-answer{font-size:13px;color:#555;line-height:1.6;margin:0}@media(max-width:480px){.loading-page{padding:40px 16px 24px}.loading-title{font-size:19px;margin-bottom:16px}.loading-subtext{font-size:13px;margin-bottom:14px}.loading-testimonial{padding:16px}.loading-faq-item{padding:14px}}.simple-loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background-color:#f4f7fa}.simple-loading-content{max-width:400px;width:100%;text-align:center}.simple-loading-spinner{margin-bottom:24px;display:flex;justify-content:center}.spinner-ring{width:50px;height:50px;border:4px solid rgba(0,128,49,.2);border-top-color:#008031;border-radius:50%;animation:spin 1s linear infinite}.simple-loading-title{font-size:24px;font-weight:700;color:#008031;margin-bottom:12px}.simple-loading-subtitle{font-size:15px;color:#555;line-height:1.5;margin-bottom:32px}.simple-progress-container{display:flex;align-items:center;gap:12px}.simple-progress-bar{flex:1;height:8px;background:#e6e6e6;border-radius:4px;overflow:hidden}.simple-progress-fill{height:100%;background:linear-gradient(90deg,#008031,#00a63e);transition:width .05s linear;border-radius:4px}.simple-progress-value{font-size:14px;font-weight:700;color:#008031;min-width:42px}@media(max-width:480px){.simple-loading-title{font-size:18px}.simple-loading-subtitle{font-size:13px}}.sales-page{min-height:100vh;background-color:#f4f7fa;padding-bottom:40px}.sales-content{max-width:500px;margin:0 auto;padding:20px}.sales-logo{display:flex;justify-content:center;padding:8px 0 12px}.sales-logo-img{height:56px;width:auto;object-fit:contain}.sales-hero{text-align:center;margin-bottom:32px}.sales-title{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.4;margin-bottom:16px}.highlight-green{color:#008031}.sales-subtitle{font-size:15px;color:#333;line-height:1.6;margin-bottom:20px}.sales-video-container{margin-bottom:0;border-radius:12px;overflow:hidden}.sales-viewers-gif{display:block;margin:0 auto 24px;max-width:100%;width:400px}.sales-alert-box{background:#fef2f2;border:1px solid #FECACA;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:10px;text-align:left;margin-bottom:16px}.alert-icon{font-size:20px;flex-shrink:0}.sales-alert{font-size:14px;font-weight:500;color:#dc2626;line-height:1.5;margin:0}.metaphor-box{background:#f0fdf4;border-left:4px solid #008031;border-radius:0 12px 12px 0;padding:16px 20px;margin-bottom:16px}.metaphor-text{font-size:14px;font-style:italic;color:#005c23;line-height:1.5;margin:0}.plan-section{text-align:center;margin-bottom:32px}.plan-ready-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:20px;line-height:1.4}.mechanism-section{margin-bottom:32px}.mechanism-text p{font-size:14px;color:#444;line-height:1.7;margin-bottom:14px}.mechanism-text strong{font-weight:700;color:#1a1a1a}.mechanism-text em{font-style:italic;color:#666}.benefits-section{margin-bottom:32px}.section-title{font-size:20px;font-weight:700;color:#1a1a1a;text-align:center;margin-bottom:20px;line-height:1.3}.benefits-checklist{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.benefit-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#333;line-height:1.5}.benefit-item .check-icon{width:22px;height:22px;background:#008031;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;font-weight:700;margin-top:1px}.benefit-text{font-size:14px;color:#333;line-height:1.5}.benefit-text strong{font-weight:700}.plan-section a,.benefits-section a,.urgency-section a,.price-section a,.closing-section a{text-decoration:none;display:block}.cta-button{display:block;width:100%;padding:18px 24px;background:linear-gradient(135deg,#008031,#005c23);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;text-align:center;box-sizing:border-box}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00803166}.cta-button.large{font-size:14px;padding:20px 24px}.cta-button.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #00803166}50%{transform:scale(1.02);box-shadow:0 0 0 10px #00803100}to{transform:scale(1);box-shadow:0 0 #00803100}}.price-section{text-align:center;margin-bottom:32px}.price-card{background:#fff;border-radius:16px;padding:28px 24px;margin-bottom:20px;box-shadow:0 4px 20px #00000014;border:2px solid #008031}.price-from{font-size:14px;color:#888;margin:0 0 4px}.price-strikethrough{text-decoration:line-through;color:#999}.price-now{font-size:16px;color:#555;font-weight:500;margin:0 0 8px}.price-value{font-size:48px;font-weight:800;color:#008031;margin:0 0 8px}.price-detail{font-size:13px;color:#888;margin:0}.delivery-note{font-size:13px;color:#666;margin-top:12px;font-style:italic}.comparison-section{margin-bottom:32px}.comparison-table-wrapper{overflow-x:auto;border-radius:12px;box-shadow:0 4px 15px #0000000d}.comparison-table{width:100%;border-collapse:collapse;background:#fff;font-size:12px}.comparison-table th{background:#005c23;color:#fff;padding:12px 10px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.comparison-table td{padding:12px 10px;border-bottom:1px solid #f0f0f0;color:#555;font-size:12px}.comparison-table .highlight-row{background:#f0fdf4}.comparison-table .highlight-row td{font-weight:600;color:#005c23}.method-name{font-weight:600;color:#1a1a1a}.testimonials-section{margin-bottom:32px}.testimonials-list{display:flex;flex-direction:column;gap:16px}.testimonial-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 15px #0000000d}.testimonial-stars{color:#f59e0b;font-size:16px;margin-bottom:10px;letter-spacing:2px}.testimonial-text{font-size:14px;color:#444;line-height:1.6;font-style:italic;margin:0 0 12px}.testimonial-author{font-size:13px;font-weight:600;color:#008031}.urgency-section{text-align:center;margin-bottom:32px}.urgency-box{background:#fef2f2;border:1px solid #FECACA;border-radius:12px;padding:16px;margin-bottom:16px}.urgency-text{font-size:14px;font-weight:600;color:#dc2626;line-height:1.4;margin:0}.guarantee-section{background:#fff;border-radius:16px;padding:24px;text-align:center;margin-bottom:32px;box-shadow:0 4px 15px #0000000d}.guarantee-badge{font-size:48px;margin-bottom:12px}.guarantee-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.guarantee-description{font-size:14px;color:#666;line-height:1.6;margin:0}.guarantee-description strong{font-weight:700;color:#1a1a1a}.faq-section{margin-bottom:32px}.faq-title{color:#1a1a1a;font-size:22px}.faq-list-open{display:flex;flex-direction:column;gap:24px}.faq-open-item{padding-bottom:20px;border-bottom:1px solid #eee}.faq-open-item:last-child{border-bottom:none;padding-bottom:0}.faq-open-question{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.4}.faq-emoji{margin-right:6px}.faq-open-answer p{margin:0;font-size:14px;color:#444;line-height:1.7}.faq-open-answer strong{font-weight:700;color:#1a1a1a}.closing-section{text-align:center;margin-bottom:24px}.closing-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.4}.closing-text{font-size:14px;color:#555;line-height:1.6;margin-bottom:20px}.trust-badges{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:20px;font-size:12px;color:#888}.legal-text{font-size:11px;color:#999;line-height:1.5;margin-top:16px}.bonus-button{width:100%;padding:16px 24px;background:#fff;color:#008031;border:2px solid #008031;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:12px;text-transform:uppercase;letter-spacing:.5px}.bonus-button:hover{background:#f0fdf4;transform:translateY(-2px);box-shadow:0 4px 15px #00803133}@media(max-width:480px){.sales-content{padding:20px 16px 16px}.sales-title{font-size:18px;margin-bottom:12px}.sales-subtitle{font-size:13px}.plan-ready-title,.section-title{font-size:17px}.price-value{font-size:36px}.price-card{padding:20px 18px}.faq-open-question{font-size:14px}.faq-title{font-size:19px}.closing-title{font-size:17px}.closing-text{font-size:13px}.guarantee-section{padding:18px}.guarantee-title{font-size:16px}.guarantee-description{font-size:13px}.testimonial-card{padding:16px}.testimonial-text{font-size:13px}.cta-button{padding:16px 20px;font-size:12px}.cta-button.large{padding:18px 22px;font-size:13px}.bonus-button{padding:14px 20px;font-size:13px}.comparison-table{font-size:11px}.comparison-table th{font-size:10px;padding:10px 8px}.comparison-table td{padding:10px 8px;font-size:11px}}.video-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:20px 20px 30px;background-color:#f4f7fa}.video-content{max-width:500px;width:100%;text-align:center}.video-logo{display:flex;justify-content:center;padding:10px 0 12px}.video-logo-img{height:56px;width:auto;object-fit:contain}.video-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:20px;line-height:1.4}.video-embed-container{margin-bottom:24px;border-radius:12px;overflow:hidden}.video-continue-btn{width:100%;padding:18px 32px;background:linear-gradient(135deg,#008031,#00a63e);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;animation:fadeInUp .5s ease}.video-continue-btn.pulse{animation:video-pulse 2s infinite}@keyframes video-pulse{0%{transform:scale(1);box-shadow:0 0 #00803166}50%{transform:scale(1.03);box-shadow:0 0 0 12px #00803100}to{transform:scale(1);box-shadow:0 0 #00803100}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.video-page{padding:16px}.video-logo-img{height:48px}.video-title{font-size:17px;margin-bottom:16px}.video-continue-btn{padding:16px 24px;font-size:14px}}.landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 20px;background-color:#fff}.landing-content{max-width:500px;width:100%;text-align:center}.landing-logo-container{margin-bottom:16px}.landing-logo{height:50px;width:auto;object-fit:contain}.landing-hero-container{margin-bottom:16px}.landing-hero-img{max-width:100%;height:auto;border-radius:8px}.landing-subtitle{font-size:18px;color:#333;line-height:1.5;margin-bottom:32px;font-style:italic}.landing-cta-btn{width:100%;padding:22px 32px;background:#008031;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:1px;animation:landing-pulse 2s infinite}@keyframes landing-pulse{0%{transform:scale(1);box-shadow:0 0 #00803166}50%{transform:scale(1.03);box-shadow:0 0 0 12px #00803100}to{transform:scale(1);box-shadow:0 0 #00803100}}@media(max-width:480px){.landing-page{padding:16px}.landing-logo{height:36px}.landing-subtitle{font-size:14px;margin-bottom:20px}.landing-cta-btn{padding:16px 24px;font-size:15px}}.image-grid-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px 30px;background-color:#f4f7fa}.image-grid-content{max-width:500px;width:100%;text-align:center}.image-grid-header-text{font-size:13px;color:#008031;font-style:italic;text-align:center;margin-bottom:16px;line-height:1.4}.image-grid-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.4}.image-grid-subtitle{font-size:14px;color:#666;margin-bottom:24px}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:85%;margin:0 auto}.image-grid-option{background:#ffffffd9;border:2px solid #e8e8e8;border-radius:20px;padding:0;cursor:pointer;transition:all .2s ease;overflow:hidden;text-align:center;box-shadow:0 2px 8px #0000000d}.image-grid-option:hover{border-color:#008031;transform:translateY(-2px);box-shadow:0 4px 15px #00803126}.image-grid-option:active{transform:scale(.97)}.image-grid-img-wrapper{width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:8px}.image-grid-img{width:100%;height:auto;object-fit:contain}.image-grid-label{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;background:#f5f7f5}.image-grid-emoji{font-size:16px}.image-grid-emoji-wrapper{display:flex;align-items:center;justify-content:center;padding:20px 8px}.image-grid-emoji-large{font-size:64px;line-height:1}.image-grid-option.emoji-only{background:#f0fdf4}.image-grid-text{font-size:14px;font-weight:600;color:#1a1a1a}@media(max-width:480px){.image-grid-page{padding:16px 16px 20px;align-items:flex-start}.image-grid-title{font-size:17px}.image-grid-subtitle{font-size:12px;margin-bottom:12px}.image-grid{gap:8px}.image-grid-img-wrapper{padding:6px}.image-grid-label{padding:6px 4px}.image-grid-text{font-size:12px}}.audio-result-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:16px;background-color:#f4f7fa}.audio-result-content{max-width:500px;width:100%;text-align:center}.audio-logo{display:flex;justify-content:center;padding:8px 0 12px}.audio-logo-img{height:56px;width:auto;object-fit:contain}.audio-result-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:20px;line-height:1.4}.audio-player-card{background:#fff;border-radius:16px;padding:14px 16px;margin-bottom:20px;box-shadow:0 2px 10px #0000000f;text-align:left}.audio-nutri-name{font-size:14px;font-weight:700;color:#008031;display:block;margin-bottom:10px}.audio-player-row{display:flex;align-items:center;gap:10px}.audio-toggle-btn{width:36px;height:36px;border-radius:50%;border:none;background:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#1a1a1a}.audio-waveform{display:flex;align-items:center;gap:2px;flex:1;height:32px}.waveform-bar{width:3px;background:#ccc;border-radius:2px;transition:background .3s}.waveform-bar.active{background:#008031;animation:waveAnim .6s ease-in-out infinite alternate}@keyframes waveAnim{0%{transform:scaleY(.6)}to{transform:scaleY(1)}}.audio-dot-indicator{width:10px;height:10px;border-radius:50%;background:#008031;flex-shrink:0}.audio-nutri-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #f0f0f0}.audio-nutri-avatar img{width:100%;height:100%;object-fit:cover}.imc-bar-card{background:linear-gradient(135deg,#1a5c2e,#b91c1c);border-radius:16px;padding:18px 16px;margin-bottom:16px;color:#fff}.imc-bar-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.imc-bar-title{font-size:14px;font-weight:700;line-height:1.3;max-width:60%;text-align:left}.imc-bar-label{font-size:13px;font-weight:500;opacity:.9}.imc-bar-tooltip{display:flex;justify-content:flex-end;margin-bottom:6px}.imc-bar-tooltip span{background:#fff;color:#1a1a1a;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px}.imc-bar-track{position:relative;height:12px;background:linear-gradient(90deg,#008031,#fbbf24,#ef4444);border-radius:6px;margin-bottom:8px}.imc-bar-fill{height:100%;border-radius:6px}.imc-bar-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:#fff;border:3px solid #888;border-radius:50%}.imc-bar-labels{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.imc-label-green{color:#bbf7d0}.imc-label-yellow{color:#fef3c7}.imc-label-red{color:#fecaca}.imc-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.imc-detail-card{background:#fff;border-radius:14px;padding:14px;box-shadow:0 2px 10px #0000000d;text-align:center}.imc-detail-title{font-size:13px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.3}.imc-circular{display:flex;justify-content:center}.imc-svg{width:100px;height:100px}.sobrepeso-card{display:flex;flex-direction:column}.sobrepeso-img-wrapper{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px}.sobrepeso-img{width:100%;height:auto;object-fit:cover;border-radius:10px}.weight-claim-text{font-size:18px;font-weight:700;color:#1a1a1a;line-height:1.4;margin-bottom:20px}.claim-highlight{color:#ef4444}.weight-timeline-card{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border-radius:16px;padding:16px 12px;margin-bottom:24px;box-shadow:0 2px 10px #0000000d}.timeline-col{display:flex;flex-direction:column;align-items:center;gap:4px}.timeline-week-label{font-size:12px;font-weight:700;color:#1a1a1a}.timeline-bar-wrapper{position:relative;width:32px;height:80px;display:flex;align-items:flex-end}.timeline-bar-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#e5e7eb;border-radius:6px}.timeline-bar-fill{position:relative;width:100%;background:#008031;border-radius:6px;display:flex;align-items:flex-start;justify-content:center;z-index:1}.timeline-bar-days{font-size:9px;font-weight:700;color:#fff;padding-top:3px}.timeline-loss-value{font-size:14px;font-weight:800;color:#1a1a1a}.timeline-days-label{font-size:11px;color:#888}.before-after-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.before-after-container{margin-bottom:24px}.before-after-img{max-width:100%;height:auto;border-radius:12px}.audio-result-btn{width:100%;padding:18px 32px;background:linear-gradient(135deg,#008031,#00a63e);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase}.audio-result-btn.pulse{animation:audio-pulse 2s infinite}@keyframes audio-pulse{0%{transform:scale(1);box-shadow:0 0 #00803166}50%{transform:scale(1.03);box-shadow:0 0 0 12px #00803100}to{transform:scale(1);box-shadow:0 0 #00803100}}@media(max-width:480px){.audio-logo-img{height:48px}.audio-result-title{font-size:17px;margin-bottom:16px}.imc-svg{width:90px;height:90px}.weight-claim-text{font-size:16px}.timeline-bar-wrapper{height:70px;width:28px}.audio-result-btn{padding:14px 20px;font-size:14px}}.input-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px 30px;background-color:#f4f7fa}.input-page-content{max-width:500px;width:100%;text-align:center}.input-page-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.4}.input-page-subtitle{font-size:14px;color:#666;margin-bottom:24px;line-height:1.5}.input-page-logo{display:flex;justify-content:center;margin-bottom:24px}.input-page-logo-img{height:56px;width:auto;object-fit:contain}.input-field-wrapper{margin-bottom:24px}.input-field{width:100%;padding:16px 20px;font-size:18px;border:2px solid #e0e0e0;border-radius:20px;outline:none;background:#fff;color:#333;text-align:center;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000a}.input-field:focus{border-color:#008031;box-shadow:0 2px 12px #0080311f}.input-field::placeholder{color:#bbb}.email-input-wrapper{margin-bottom:24px}.email-input-row{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:20px;overflow:hidden;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000a}.email-input-row:focus-within{border-color:#008031;box-shadow:0 2px 12px #0080311f}.email-icon{display:flex;align-items:center;justify-content:center;padding:16px 0 16px 16px;flex-shrink:0}.email-input{flex:1;padding:16px;font-size:16px;border:none;outline:none;background:transparent;color:#333}.email-input::placeholder{color:#bbb}.phone-input-wrapper{position:relative;margin-bottom:24px}.phone-input-row{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:20px;overflow:hidden;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000a}.phone-input-row:focus-within{border-color:#008031;box-shadow:0 2px 12px #0080311f}.country-selector{display:flex;align-items:center;gap:6px;padding:16px 12px 16px 16px;background:none;border:none;border-right:1px solid #e0e0e0;cursor:pointer;flex-shrink:0}.country-flag{font-size:22px;line-height:1}.country-code{font-size:16px;font-weight:600;color:#333}.phone-input{flex:1;padding:16px;font-size:16px;border:none;outline:none;background:transparent;color:#333}.phone-input::placeholder{color:#bbb}.country-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e0e0e0;border-radius:16px;margin-top:4px;max-height:250px;overflow-y:auto;z-index:50;box-shadow:0 8px 24px #0000001f}.country-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;text-align:left;transition:background .15s}.country-option:last-child{border-bottom:none}.country-option:hover{background:#f0fdf4}.country-name{flex:1;font-size:14px;font-weight:500;color:#333}.country-code-option{font-size:14px;color:#888;font-weight:600}.input-submit-btn{width:100%;padding:18px 32px;background:linear-gradient(135deg,#008031,#00a63e);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;text-transform:uppercase;box-shadow:0 4px 15px #00803140}.input-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00803166}.input-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.input-page{padding:16px 16px 20px;align-items:flex-start}.input-page-title{font-size:17px;margin-bottom:20px}.input-page-logo-img{height:48px}.input-field{font-size:15px;padding:14px 16px}.email-input{padding:14px;font-size:15px}.country-selector{padding:14px 10px 14px 14px}.phone-input{padding:14px;font-size:15px}.input-submit-btn{padding:16px 24px;font-size:14px}}.body-map-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px 30px;background-color:#f4f7fa}.body-map-content{max-width:500px;width:100%;text-align:center}.body-map-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.4}.body-map-subtitle{font-size:14px;color:#666;margin-bottom:20px;line-height:1.5}.body-map-columns{display:flex;gap:12px;align-items:stretch;margin-bottom:20px}.body-map-image-container{flex:0 0 50%;display:flex;justify-content:center}.body-map-img{width:100%;height:100%;border-radius:12px;object-fit:cover}.body-parts-grid{flex:1;display:flex;flex-direction:column;gap:6px;justify-content:center}.body-part-btn{padding:10px 14px;background:#ffffffd9;border:2px solid #e8e8e8;border-radius:24px;font-size:13px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s ease;text-align:center;box-shadow:0 1px 4px #0000000a}.body-part-btn:active{transform:scale(.97)}.body-part-btn:hover{border-color:#008031}.body-part-btn.selected{border-color:#008031;background-color:#f0fdf4;color:#005c23;font-weight:600}.body-map-continue{width:100%;padding:18px 32px;background:linear-gradient(135deg,#008031,#00a63e);color:#fff;border:none;border-radius:16px;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #00803140}.body-map-continue:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00803166}@media(max-width:480px){.body-map-page{padding:16px 16px 20px;align-items:flex-start}.body-map-title{font-size:17px;margin-bottom:8px}.body-map-subtitle{font-size:12px;margin-bottom:12px}.body-map-columns{gap:10px;margin-bottom:16px}.body-map-image-container{flex:0 0 48%}.body-parts-grid{gap:5px}.body-part-btn{padding:7px 6px;font-size:11px}.body-map-continue{padding:14px 20px;font-size:13px}}.food-select-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px 30px;background-color:#f4f7fa}.food-select-content{max-width:500px;width:100%;text-align:center}.food-select-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:24px;line-height:1.4}.food-category{margin-bottom:20px;background:#fff;border-radius:16px;padding:18px;box-shadow:0 2px 10px #0000000a}.food-category-name{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:12px;text-align:left}.food-items-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.food-item-btn{padding:10px 14px;background:#f4f7fa;border:2px solid #e0e0e0;border-radius:24px;font-size:13px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 4px #0000000a}.food-item-btn:active{transform:scale(.97)}.food-item-btn:hover{border-color:#008031}.food-item-btn.selected{border-color:#008031;background-color:#f0fdf4;color:#005c23;font-weight:600}.food-continue-btn{width:100%;padding:18px 32px;background:linear-gradient(135deg,#008031,#00a63e);color:#fff;border:none;border-radius:16px;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px;box-shadow:0 4px 15px #00803140}.food-continue-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00803166}@media(max-width:480px){.food-select-page{padding:16px 16px 20px;align-items:flex-start}.food-select-title{font-size:17px;margin-bottom:14px}.food-category{padding:12px;margin-bottom:12px}.food-category-name{font-size:14px;margin-bottom:8px}.food-items-grid{gap:6px}.food-item-btn{padding:8px 12px;font-size:12px}.food-continue-btn{padding:14px 20px;font-size:13px}}.image-list-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px 30px;background-color:#f4f7fa}.image-list-content{max-width:500px;width:100%;text-align:center}.image-list-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.4}.image-list-subtitle{font-size:14px;color:#666;margin-bottom:24px;line-height:1.5}.image-list-options{display:flex;flex-direction:column;gap:12px}.image-list-option{display:flex;align-items:center;width:100%;padding:12px 16px;background:#ffffffd9;border:2px solid #e8e8e8;border-radius:24px;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:0 2px 8px #0000000d}.image-list-option:hover{border-color:#008031;transform:translateY(-2px);box-shadow:0 4px 15px #00803126}.image-list-option:active{transform:scale(.98);box-shadow:0 1px 4px #00000014}.image-list-thumb{width:60px;height:60px;object-fit:cover;border-radius:10px;margin-right:14px;flex-shrink:0}.image-list-text{flex:1;font-size:15px;font-weight:500;color:#1a1a1a}.image-list-arrow{width:28px;height:28px;border-radius:50%;background:#f0fdf4;color:#008031;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;margin-left:12px;flex-shrink:0;transition:all .2s ease}.image-list-option:hover .image-list-arrow{background:#008031;color:#fff}@media(max-width:480px){.image-list-page{padding:16px 16px 20px;align-items:flex-start}.image-list-title{font-size:17px;margin-bottom:8px}.image-list-subtitle{font-size:12px;margin-bottom:14px}.image-list-options{gap:10px}.image-list-option{padding:10px 14px;border-radius:20px}.image-list-thumb{width:50px;height:50px;margin-right:12px}.image-list-text{font-size:13px}}.quiz-container{min-height:100vh;background-color:#f4f7fa}.quiz-main{min-height:100vh}.dash{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0}.dash-inner{max-width:1280px;margin:0 auto;padding:24px 16px}.dash-stack{display:flex;flex-direction:column;gap:24px}.dash-header,.dash-header-top{display:flex;flex-direction:column;gap:16px}.dash-title{font-size:24px;font-weight:700;color:#f1f5f9;margin:0}.dash-quiz-name{font-size:11px;color:#64748b;font-family:monospace;margin-top:2px}.dash-event-count{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:14px;color:#94a3b8}.btn-refresh{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:500;color:#cbd5e1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.btn-refresh:hover:not(:disabled){background:#ffffff1a;color:#f1f5f9}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{width:16px;height:16px}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preset-group{display:flex;flex-wrap:wrap;gap:4px;background:#ffffff0f;border-radius:8px;padding:4px}.preset-btn{padding:6px 12px;font-size:13px;font-weight:500;color:#94a3b8;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.preset-btn:hover{color:#f1f5f9}.preset-btn.active{background:#10b981;color:#fff;box-shadow:0 1px 3px #0000004d}.custom-range{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px}.custom-field{display:flex;align-items:center;gap:8px}.custom-field label{font-size:13px;color:#94a3b8;font-weight:500}.custom-field input{padding:6px 10px;font-size:13px;color:#e2e8f0;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px}.custom-field input::-webkit-calendar-picker-indicator{filter:invert(.7)}.btn-filter{padding:6px 16px;font-size:13px;font-weight:500;color:#fff;background:#10b981;border:none;border-radius:6px;cursor:pointer}.btn-filter:hover{background:#059669}.custom-hint{font-size:12px;color:#64748b}.dash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.spinner{width:48px;height:48px;border:4px solid rgba(16,185,129,.2);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.dash-error{text-align:center;padding:60px 20px;background:#ef444414;border-radius:16px;border:1px solid rgba(239,68,68,.25)}.dash-error h2{color:#ef4444;margin-bottom:10px}.dash-error p{color:#94a3b8;margin-bottom:20px}.dash-error button{padding:10px 24px;border-radius:8px;border:none;background:#ef4444;color:#fff;font-weight:600;cursor:pointer}.card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.card-title{font-size:17px;font-weight:600;color:#f1f5f9;margin:0}.card-subtitle{font-size:12px;color:#64748b;margin:-12px 0 16px}.sales-badge{font-size:12px;padding:2px 10px;background:#10b9811f;color:#34d399;border-radius:20px;font-weight:500}.sales-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.sales-kpi{border-radius:8px;padding:12px;text-align:center}.sales-kpi.green{background:#10b98114}.sales-kpi.blue{background:#3b82f614}.sales-kpi.purple{background:#8b5cf614}.sales-kpi-label{font-size:12px;font-weight:500;margin-bottom:4px}.sales-kpi.green .sales-kpi-label{color:#34d399}.sales-kpi.blue .sales-kpi-label{color:#60a5fa}.sales-kpi.purple .sales-kpi-label{color:#a78bfa}.sales-kpi-value{font-size:20px;font-weight:700;color:#f1f5f9}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.kpi-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.kpi-top{display:flex;align-items:center;gap:8px}.kpi-icon-box{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon-box.blue{background:#3b82f61f}.kpi-icon-box.amber{background:#f59e0b1f}.kpi-icon-box.green{background:#10b9811f}.kpi-icon-box.red{background:#ef44441f}.kpi-icon-box.purple{background:#8b5cf61f}.kpi-svg{width:18px;height:18px}.kpi-icon-box.blue .kpi-svg{color:#60a5fa}.kpi-icon-box.amber .kpi-svg{color:#fbbf24}.kpi-icon-box.green .kpi-svg{color:#34d399}.kpi-icon-box.red .kpi-svg{color:#f87171}.kpi-icon-box.purple .kpi-svg{color:#a78bfa}.kpi-label{font-size:12px;font-weight:500;color:#94a3b8}.kpi-value{font-size:24px;font-weight:700;color:#f1f5f9;margin:0}.kpi-subtitle{font-size:12px;color:#64748b;margin:0}.funnel-legend{display:none;align-items:center;gap:12px;font-size:12px}.legend-item{display:flex;align-items:center;gap:4px;color:#94a3b8}.legend-dot{width:12px;height:12px;border-radius:3px;display:inline-block}.funnel-list{display:flex;flex-direction:column;gap:6px}.funnel-row{display:flex;align-items:center;gap:8px}.funnel-label{width:160px;flex-shrink:0;font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funnel-bar-track{flex:1;height:22px;background:#ffffff0a;border-radius:20px;overflow:hidden}.funnel-bar-fill{height:100%;border-radius:20px;transition:width .5s ease;min-width:4px}.funnel-sessions{width:50px;text-align:right;font-size:12px;font-weight:600;color:#cbd5e1;flex-shrink:0}.funnel-retention{width:40px;text-align:right;font-size:12px;font-weight:600;color:#94a3b8;flex-shrink:0}.table-scroll{overflow-x:auto;margin:0 -16px;padding:0 16px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{text-align:left;padding:8px;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.08)}.data-table tbody td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.04);color:#cbd5e1}.data-table tbody tr:hover{background:#ffffff05}.data-table .font-medium{font-weight:500;color:#f1f5f9}.data-table .font-semibold{font-weight:600;color:#f1f5f9}.data-table .text-muted{color:#94a3b8}.data-table .text-xs{font-size:12px}.data-table .text-green{color:#34d399}.data-table .text-purple{color:#a78bfa}.truncate-cell{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-delete{width:40px;text-align:center}.btn-delete-campaign{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:14px;font-weight:700;color:#94a3b8;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn-delete-campaign:hover:not(:disabled){color:#fca5a5;background:#ef444426;border-color:#ef44444d}.btn-delete-campaign:disabled{opacity:.4;cursor:not-allowed}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover,.sort-active{color:#f1f5f9}.sort-arrow{font-size:10px}.high-dropoff{background:#ef44440f}.high-dropoff td:last-child{color:#f87171;font-weight:600}.conv-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:600}.conv-green{background:#10b9811f;color:#34d399}.conv-amber{background:#f59e0b1f;color:#fbbf24}.conv-red{background:#ef44441f;color:#f87171}.empty-cell{text-align:center;padding:32px 8px;color:#64748b}.empty-text{text-align:center;padding:32px 0;font-size:14px;color:#64748b}.btn-expand{margin-top:12px;font-size:13px;font-weight:500;color:#60a5fa;background:none;border:none;cursor:pointer;padding:0}.btn-expand:hover{color:#93c5fd}.table-footer{font-size:12px;color:#64748b;text-align:center;margin-top:8px}.two-col-grid{display:grid;grid-template-columns:1fr;gap:24px}.donut-container{display:flex;justify-content:center;margin-bottom:16px}.donut-ring{position:relative;width:180px;height:180px;border-radius:50%;overflow:hidden}.donut-segment{position:absolute;inset:0;border-radius:50%}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:#1e293b;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.donut-total{font-size:20px;font-weight:700;color:#f1f5f9}.donut-label{font-size:10px;color:#64748b}.traffic-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}.traffic-legend-item{display:flex;align-items:center;gap:6px;font-size:12px}.traffic-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.traffic-name{color:#94a3b8}.traffic-pct{font-weight:600;color:#f1f5f9}.device-row{margin-bottom:16px}.device-row:last-child{margin-bottom:0}.device-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.device-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#cbd5e1}.device-icon{width:16px;height:16px}.device-stats{font-size:14px}.device-pct{font-weight:600;color:#f1f5f9}.device-count{color:#64748b;margin-left:4px}.progress-track{width:100%;height:10px;background:#ffffff0f;border-radius:20px;overflow:hidden}.progress-fill{height:100%;border-radius:20px;transition:width .7s ease}.conv-source-list{display:flex;flex-direction:column;gap:12px}.conv-source-row{display:flex;align-items:center;gap:12px}.conv-source-info{flex:0 0 140px;min-width:0}.conv-source-name{font-size:14px;font-weight:500;color:#f1f5f9;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-source-meta{font-size:11px;color:#64748b;margin:0}.conv-source-bar-area{flex:1;display:flex;align-items:center;gap:8px}.conv-bar-track{flex:1;height:16px;background:#ffffff0a;border-radius:8px;overflow:hidden}.conv-bar-fill{height:100%;border-radius:8px;transition:width .5s ease;min-width:2px}.dash-footer{text-align:center;font-size:12px;color:#475569;padding-bottom:16px}@media(min-width:640px){.dash-inner{padding:32px 24px}.dash-header-top{flex-direction:row;align-items:center;justify-content:space-between}.funnel-legend{display:flex}.card{padding:24px}.table-scroll{margin:0 -24px;padding:0 24px}}@media(min-width:768px){.two-col-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.kpi-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:639px){.hide-sm{display:none}.funnel-label{width:80px;font-size:10px}.funnel-sessions{width:36px;font-size:11px}.funnel-retention{width:32px;font-size:11px}.kpi-value{font-size:20px}.conv-source-info{flex:0 0 100px}}@media(max-width:767px){.hide-md{display:none}}@media(max-width:1023px){.hide-lg{display:none}}