:root{--precon-brand-dark: #56473A;--precon-brand-beige: #EFECE4;--precon-accent: #3DADBB;--precon-accent-dark: #2e9aa8;--precon-accent-light: rgba(61,173,187,.1);--precon-white: #FFFFFF;--precon-light-gray: #F7F7F5;--precon-mid-gray: #D8D3CE;--precon-error: #C0392B;--precon-success: #2D692D;--precon-text: #56473A;--precon-text-soft: #8a7b70;--precon-radius: 10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--precon-white);color:var(--precon-text);min-height:100vh}.widget-wrapper{max-width:560px;margin:0 auto;padding:0 0 60px}.widget-header{background:var(--precon-white);padding:36px 28px 20px;text-align:center}.widget-pretitle{font-size:16px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--precon-accent);margin-bottom:10px}.widget-title{font-family:Playfair Display,serif;font-size:clamp(26px,6vw,36px);font-weight:700;color:var(--precon-brand-dark);line-height:1.2;margin-bottom:10px}.widget-subtitle{display:block;color:var(--precon-text-soft);font-weight:400;line-height:1.65;max-width:400px;margin:0 auto}.results-mode .widget-subtitle,.results-mode .widget-pretitle{display:none}.progress-container{background:var(--precon-white);padding:20px 28px 24px;border-bottom:1px solid #eee}.progress-steps{display:flex;align-items:center;gap:0;margin-bottom:10px}.prog-step{width:28px;height:28px;border-radius:50%;border:2px solid var(--precon-mid-gray);background:var(--precon-white);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--precon-mid-gray);flex-shrink:0;transition:all .35s ease;position:relative;z-index:2}.prog-step.active{border-color:var(--precon-accent);color:var(--precon-accent);background:var(--precon-white);box-shadow:0 0 0 3px #3dadbb2e}.prog-step.done{border-color:var(--precon-accent);background:var(--precon-accent);color:var(--precon-white)}.prog-line{flex:1;height:2px;background:var(--precon-mid-gray);transition:background .35s ease;position:relative;z-index:1}.prog-line.done{background:var(--precon-accent)}.progress-labels{display:flex;justify-content:space-between;padding:0 4px}.prog-label{font-size:9.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--precon-mid-gray);text-align:center;flex:1;font-weight:500;transition:color .3s}.prog-label:first-child{text-align:left}.prog-label:last-child{text-align:right}.prog-label.active,.prog-label.done{color:var(--precon-accent)}.step-card{background:var(--precon-white);padding:32px 28px 28px;display:none;animation:slideIn .3s ease forwards}.step-card.visible{display:block}@keyframes slideIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes slideBack{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.step-card.slide-back{animation:slideBack .3s ease forwards}.step-question{font-family:Playfair Display,serif;font-size:clamp(20px,4.5vw,24px);font-weight:600;color:var(--precon-brand-dark);margin-bottom:6px;line-height:1.3}.step-hint{font-size:16px;color:var(--precon-text-soft);font-weight:400;margin-bottom:26px;line-height:1.5}.gender-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:4px}.gender-btn{padding:24px 16px 20px;border:2px solid var(--precon-mid-gray);background:var(--precon-light-gray);cursor:pointer;font-family:DM Sans,sans-serif;font-size:16px;color:var(--precon-text);text-align:center;border-radius:var(--precon-radius);transition:all .2s ease;font-weight:500}.gender-btn:hover{border-color:var(--precon-accent);background:var(--precon-accent-light)}.gender-btn.selected{border-color:var(--precon-accent);background:var(--precon-accent-light);color:var(--precon-accent-dark)}.gender-icon{font-size:34px;display:block;margin-bottom:8px}.field-group{margin-bottom:20px}.field-group:last-of-type{margin-bottom:0}label.field-label{display:block;font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--precon-text-soft);margin-bottom:8px}.input-wrap{position:relative}.input-wrap input{width:100%;padding:15px 52px 15px 16px;border:2px solid var(--precon-mid-gray);background:var(--precon-light-gray);font-family:DM Sans,sans-serif;font-size:18px;font-weight:500;color:var(--precon-text);outline:none;border-radius:var(--precon-radius);transition:all .2s ease;-moz-appearance:textfield}.input-wrap input::-webkit-outer-spin-button,.input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none}.input-wrap input:focus{border-color:var(--precon-accent);background:var(--precon-white);box-shadow:0 0 0 3px #3dadbb1f}.input-wrap input.has-error{border-color:var(--precon-error);background:#c0392b0a}.input-unit{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:16px;font-weight:500;color:var(--precon-text-soft);pointer-events:none}.field-error{font-size:16px;color:var(--precon-error);margin-top:6px;display:none;font-weight:400}.field-error.visible{display:block}.field-note{font-size:16px;color:var(--precon-text-soft);margin-top:5px}.choices{display:flex;flex-direction:column;gap:10px}.choice-btn{padding:15px 18px;border:2px solid var(--precon-mid-gray);background:var(--precon-light-gray);cursor:pointer;font-family:DM Sans,sans-serif;font-size:14.5px;color:var(--precon-text);text-align:left;border-radius:var(--precon-radius);transition:all .2s ease;display:flex;align-items:center;gap:13px;font-weight:400;line-height:1.4}.choice-btn:hover{border-color:var(--precon-accent);background:var(--precon-accent-light)}.choice-btn.selected{border-color:var(--precon-accent);background:var(--precon-accent-light);color:var(--precon-brand-dark);font-weight:500}.choice-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--precon-mid-gray);flex-shrink:0;transition:all .2s;display:flex;align-items:center;justify-content:center}.choice-btn.selected .choice-radio{border-color:var(--precon-accent);background:var(--precon-accent)}.choice-btn.selected .choice-radio:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}.text-input-wrap input{font-size:16px;padding:15px 16px}.text-input-wrap input:focus{border-color:var(--precon-accent);background:var(--precon-white);box-shadow:0 0 0 3px #3dadbb1f}.consent-row{display:flex;gap:14px;align-items:flex-start;padding:16px;background:var(--precon-light-gray);border:2px solid var(--precon-mid-gray);cursor:pointer;border-radius:var(--precon-radius);transition:border-color .2s;margin-top:20px}.consent-row:hover{border-color:var(--precon-accent)}.consent-row.checked{border-color:var(--precon-accent);background:var(--precon-accent-light)}.consent-box-el{width:20px;height:20px;min-width:20px;border-radius:5px;border:2px solid var(--precon-mid-gray);background:var(--precon-white);display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:1px}.consent-row.checked .consent-box-el{background:var(--precon-accent);border-color:var(--precon-accent)}.consent-check{display:none;color:#fff;font-size:12px;font-weight:700}.consent-row.checked .consent-check{display:block}.consent-text{font-size:16px;line-height:1.65;color:var(--precon-text-soft)}.notice-box{padding:14px 16px;border-radius:var(--precon-radius);font-size:16px;line-height:1.65;margin-top:14px;display:none}.notice-box.visible{display:block}.notice-box.warning{background:#3dadbb14;border-left:3px solid var(--precon-accent);color:var(--precon-brand-dark)}.btn-next{width:100%;padding:17px;background:var(--precon-accent);color:var(--precon-white);border:none;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;letter-spacing:.3px;cursor:pointer;border-radius:999px;transition:all .2s ease;margin-top:28px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-next:hover{background:var(--precon-accent-dark);transform:translateY(-1px);box-shadow:0 4px 16px #3dadbb4d}.btn-next:active{transform:translateY(0)}.btn-next svg{width:18px;height:18px}.btn-back{width:100%;background:none;border:none;color:var(--precon-text-soft);font-family:DM Sans,sans-serif;font-size:16px;cursor:pointer;padding:12px;display:block;text-align:center;letter-spacing:.3px;transition:color .2s;margin-top:4px}.btn-back:hover{color:var(--precon-brand-dark)}.results-wrap{padding:28px 28px 0}.results-greeting{font-family:Playfair Display,serif;font-size:clamp(20px,4.5vw,26px);font-weight:700;color:var(--precon-brand-dark);margin-bottom:6px;line-height:1.3}.results-intro{font-size:16px;color:var(--precon-text-soft);font-weight:400;margin-bottom:28px;line-height:1.6}.long-focus-banner{background:#3dadbb1a;border-left:4px solid var(--precon-accent);border-radius:0 var(--precon-radius) var(--precon-radius) 0;padding:14px 16px;font-size:16px;line-height:1.65;color:var(--precon-brand-dark);margin-bottom:22px;display:none}.long-focus-banner.visible{display:block}.result-block{background:var(--precon-light-gray);border-radius:var(--precon-radius);padding:18px 20px;margin-bottom:12px}.result-block.accent-block{background:var(--precon-brand-dark);margin-bottom:12px}.result-block.precon-block{background:var(--precon-accent-light);border:2px solid var(--precon-accent);margin-bottom:12px}.res-label{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--precon-text-soft);margin-bottom:4px}.accent-block .res-label{color:#fff9}.precon-block .res-label{color:var(--precon-accent-dark)}.res-value{font-family:Playfair Display,serif;font-size:32px;font-weight:700;color:var(--precon-brand-dark);line-height:1.1}.accent-block .res-value{color:var(--precon-white);font-size:40px}.precon-block .res-value{color:var(--precon-brand-dark)}.res-unit{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;color:var(--precon-text-soft);margin-left:3px}.accent-block .res-unit{color:#fff9}.res-sub{font-size:16px;color:var(--precon-text-soft);margin-top:3px;font-weight:400}.accent-block .res-sub{color:#ffffff80}.precon-block .res-sub{color:#5a8e95}.bmi-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.bmi-row .result-block{margin-bottom:0}.secondary-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.secondary-row .result-block{margin-bottom:0}.success-check{width:52px;height:52px;background:var(--precon-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:22px;color:#fff}.phase-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.phase-badge{font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;padding:5px 12px;border-radius:999px;text-transform:uppercase}.phase-badge--start,.phase-badge--abnehm,.phase-badge--halte{background:var(--precon-brand-dark);color:#fff}.phase-duration{font-size:14px;color:var(--precon-text-soft);font-weight:400}.info-box{display:flex;gap:10px;background:#3dadbb12;border:1.5px solid rgba(61,173,187,.3);border-radius:var(--precon-radius);padding:14px 16px;margin-top:10px;margin-bottom:32px}.info-box-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--precon-accent);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.info-box-text{font-size:15px;line-height:1.65;color:var(--precon-text-soft)}.btn-next--outline{background:transparent;color:var(--precon-accent);border:2px solid var(--precon-accent)}.btn-next--outline:hover{background:#3dadbb12;transform:translateY(-1px);box-shadow:0 4px 12px #3dadbb26}.btn-next--outline svg{stroke:var(--precon-accent)}.plan-trust-text{font-size:15px;line-height:1.7;color:var(--precon-text-soft);margin:14px 0 0;font-style:italic}.meal-plan-block{background:var(--precon-accent-light);border:2px solid var(--precon-accent);border-radius:var(--precon-radius);padding:18px 20px 16px;margin-bottom:12px}.meal-plan-label{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--precon-accent-dark);margin-bottom:14px}.meal-plan-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px}.meal-tile{border-radius:10px;padding:10px 10px 8px;text-align:center}.meal-tile--precon{background:#3dadbb1f}.meal-tile--cook{background:var(--precon-brand-beige)}.meal-tile-name{font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--precon-accent-dark);margin-bottom:5px;line-height:1.3}.meal-tile--cook .meal-tile-name{color:var(--precon-text-soft)}.meal-tile-value{font-family:Playfair Display,serif;font-size:26px;font-weight:700;color:var(--precon-brand-dark);line-height:1}.meal-tile-approx{font-size:12px;font-weight:500;color:var(--precon-accent);display:block;margin-bottom:1px}.meal-tile--cook .meal-tile-approx{color:var(--precon-text-soft)}.meal-tile-unit{font-size:11px;color:var(--precon-text-soft);margin-top:2px}.meal-plan-total{border-top:1px solid rgba(61,173,187,.25);padding-top:12px;display:flex;align-items:baseline;gap:8px;margin-bottom:12px;flex-wrap:wrap}.meal-plan-total-label{font-size:13px;color:var(--precon-text-soft)}.meal-plan-total-value{font-family:Playfair Display,serif;font-size:26px;font-weight:700;color:var(--precon-brand-dark);line-height:1}.meal-plan-total-unit{font-size:13px;color:var(--precon-text-soft)}.meal-plan-total-badge{font-size:12px;font-weight:600;color:var(--precon-accent-dark);background:#3dadbb1f;border-radius:999px;padding:3px 10px;margin-left:4px}.meal-plan-text{font-size:14px;color:var(--precon-text-soft);line-height:1.65;margin:0}.loading-spinner-wrap{margin:8px 0 32px}.loading-bar-track{width:100%;height:6px;background:var(--precon-mid-gray);border-radius:999px;overflow:hidden}.loading-bar-fill{height:100%;width:0%;background:var(--precon-accent);border-radius:999px;transition:width 8s linear}.loading-title{font-family:Playfair Display,serif;font-size:clamp(22px,5vw,28px);font-weight:700;color:var(--precon-brand-dark);line-height:1.3;margin-bottom:10px}.loading-sub{font-size:16px;color:var(--precon-text-soft);font-weight:400;margin-bottom:36px}.loading-review{background:var(--precon-brand-beige);border-radius:var(--precon-radius);padding:24px 22px;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}.loading-review.visible{opacity:1;transform:translateY(0)}.loading-review-stars{color:#e8892c;font-size:22px;letter-spacing:2px;margin-bottom:14px}.loading-review-quote{font-size:16px;line-height:1.7;color:var(--precon-brand-dark);font-weight:400;margin-bottom:14px}.loading-review-author{font-size:15px;color:var(--precon-text-soft);font-weight:500}.bmi-gauge-wrap{position:relative;margin:0 0 20px}.bmi-gauge-bar{display:flex;height:16px;border-radius:999px;overflow:hidden}.bmi-seg{flex-shrink:0}.bmi-gauge-ticks{position:relative;height:22px;margin-top:4px}.bmi-gauge-ticks span{position:absolute;transform:translate(-50%);font-size:11px;font-weight:600;color:var(--precon-text-soft);white-space:nowrap}.bmi-needle-wrap{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:3}.bmi-needle-dot{width:18px;height:18px;border-radius:50%;background:var(--precon-brand-dark);border:3px solid white;box-shadow:0 1px 8px #0000004d;margin-top:-1px}.bmi-needle-line{width:2px;height:18px;background:var(--precon-brand-dark);opacity:.45}.bmi-labels-wrap{position:relative;height:72px;margin-top:2px}.bmi-label-item{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.bmi-label-item.level-1{top:0}.bmi-label-item.level-2{top:36px}.bmi-label-connector{width:1.5px;background:var(--precon-mid-gray);flex-shrink:0}.level-1 .bmi-label-connector{height:8px}.level-2 .bmi-label-connector{height:44px;margin-top:-44px;order:-1}.bmi-label-text{font-size:11px;color:var(--precon-text-soft);text-align:center;line-height:1.3;white-space:nowrap}.bmi-gauge-bar,.bmi-gauge-ticks,.bmi-labels-wrap{margin-left:2%;margin-right:2%}.plan-intro{font-size:16px;line-height:1.75;color:var(--precon-text);margin-bottom:28px;padding:18px 20px;background:var(--precon-light-gray);border-radius:var(--precon-radius)}.plan-intro.plain{background:none;padding:0;border-radius:0}.plan-intro strong{font-weight:600;color:var(--precon-brand-dark)}.plan-section-title{font-family:Playfair Display,serif;font-size:18px;font-weight:600;color:var(--precon-brand-dark);margin-bottom:16px}.chart-wrap{background:var(--precon-white);border:1.5px solid var(--precon-mid-gray);border-radius:var(--precon-radius);padding:16px 8px 12px;margin-bottom:4px}.footer-note{text-align:center;font-size:11px;color:#b0a49b;line-height:1.7;margin-top:28px;padding:20px 28px 0;border-top:1px solid #eee}@media(min-width:640px){.widget-wrapper{max-width:680px;padding:0 0 80px}.widget-header{padding:48px 48px 24px}.progress-container{padding:22px 48px 26px}.step-card{padding:36px 48px 32px}.results-wrap{padding:32px 48px 0}.footer-note{padding:20px 48px 0}.gender-btn{padding:30px 20px 24px}.gender-icon{font-size:40px}}@media(min-width:900px){body{background:#f5f5f3}.widget-wrapper{margin:40px auto;box-shadow:0 4px 40px #56473a1a;border-radius:16px;overflow:hidden;background:var(--precon-white)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/precon-calculator.css.map */