.calculator-page{min-height:100vh;background:radial-gradient(circle at 12% 18%,#088b7b17,#0000 35%),radial-gradient(circle at 88% 12%,#e67a2914,#0000 26%),#f8fbfa;padding:60px 0}.wizard-container{max-width:1000px;margin:0 auto;padding:0 40px;display:flex;gap:60px;align-items:flex-start}.steps-sidebar{width:240px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:80px}.sidebar-header{margin-bottom:32px}.sidebar-header h1{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:8px;letter-spacing:-.01em}.sidebar-header p{font-size:.875rem;color:#6b7280;line-height:1.5}.steps-list{display:flex;flex-direction:column;gap:0;position:relative}.steps-list:before{content:"";position:absolute;left:15px;top:32px;bottom:16px;width:2px;background:#e5e7eb}.step-item{display:flex;align-items:flex-start;gap:16px;padding:12px 0;cursor:pointer;position:relative}.step-number{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#9ca3af;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.step-item.active .step-number{border-color:#088b7b;color:#088b7b;background:#fff;box-shadow:0 0 0 4px #088b7b1f}.step-item.completed .step-number{border-color:#088b7b;background:#088b7b;color:#fff}.step-info{padding-top:4px}.step-title{font-size:14px;font-weight:600;color:#9ca3af;margin-bottom:2px;transition:color .2s ease}.step-item.active .step-title,.step-item.completed .step-title{color:#374151}.step-subtitle{font-size:12px;color:#9ca3af}.form-panel{flex:1 1;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:48px;box-shadow:0 1px 3px #0000000a,0 14px 36px #0f2f2b1f;border:1px solid #088b7b1f}.calculator-intro{text-align:left;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid #f3f4f6}.calculator-intro h2{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:8px;letter-spacing:-.025em}.calculator-intro p{font-size:1rem;color:#6b7280;line-height:1.6;margin:0}.wizard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #e8f5f3;border-top-color:#088b7b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.wizard-header{margin-bottom:32px}.wizard-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.wizard-header h1{font-size:1.5rem;font-weight:800;color:#111827;margin-bottom:6px;letter-spacing:-.025em}.wizard-header p{font-size:.95rem;color:#6b7280}.step-progress-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#edf8f6;border:1px solid #d9ece8;color:#0a7769;font-size:12px;font-weight:700;white-space:nowrap}.wizard-content{transition:opacity .25s ease,transform .25s ease}.wizard-content.animating{opacity:0;transform:translateY(12px)}.step-content{max-width:100%}.step-question{font-size:1rem;font-weight:700;color:#374151;margin-bottom:20px;text-align:left}.gender-cards{display:flex;gap:12px;width:100%;max-width:460px}.gender-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px 24px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:row;align-items:center;gap:10px;flex:1 1}.gender-card:hover{border-color:#d1d5db;background:#f9fafb}.gender-card.selected{border-color:#088b7b;background:#fff;box-shadow:0 0 0 3px #088b7b14}.gender-card.male.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.gender-card.female.selected{border-color:#ec4899;box-shadow:0 0 0 3px #ec489926}.gender-icon{width:36px;height:36px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:16px;color:#6b7280;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.gender-card:hover .gender-icon{background:#e5e7eb}.gender-card.selected .gender-icon{background:#088b7b;color:#fff}.gender-card.male.selected .gender-icon{background:#3b82f6}.gender-card.female.selected .gender-icon{background:#ec4899}.gender-card span{font-size:14px;font-weight:600;color:#374151}.date-picker{display:flex;gap:8px;width:100%;max-width:520px}.date-field{display:flex;flex-direction:column;gap:6px;flex:1 1}.date-field:first-child{flex:1.3 1}.date-field:nth-child(2){flex:0.9 1}.date-field label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;text-align:center}.date-field select{padding:16px 12px;border:1px solid #e5e7eb;border-radius:12px;font-size:16px;font-weight:600;color:#111827;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;appearance:none;text-align:center;text-align-last:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%239ca3af' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;box-shadow:0 1px 2px #0000000a}.date-field select:hover{border-color:#d1d5db;background-color:#fafafa}.date-field select:focus{outline:none;border-color:#088b7b;box-shadow:0 0 0 3px #088b7b1a,0 1px 2px #0000000a}.date-field select option{font-weight:500}.step-header-with-toggle{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:20px}.step-header-with-toggle .step-question{margin-bottom:0}.unit-toggle{display:inline-flex;gap:0}.unit-btn{padding:4px 8px;border:none;background:#0000;border-radius:4px;font-size:11px;font-weight:500;color:#c4c9d1;cursor:pointer;transition:all .15s ease;white-space:nowrap}.unit-btn:hover:not(.active){color:#9ca3af;background:none}.unit-btn.active{color:#6b7280;font-weight:600}.input-with-unit{display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:4px 4px 4px 20px;width:100%;max-width:340px;transition:all .2s ease}.input-with-unit:hover{border-color:#d1d5db}.input-with-unit:focus-within{border-color:#088b7b;box-shadow:0 0 0 3px #088b7b1a}.input-with-unit input,.input-with-unit select{flex:1 1;border:none;font-size:22px;font-weight:600;color:#111827;background:#0000;min-width:0}.input-with-unit input:focus,.input-with-unit select:focus{outline:none}.input-with-unit input::placeholder{color:#9ca3af;font-weight:400;font-size:16px}.input-with-unit select{cursor:pointer;-webkit-appearance:none;appearance:none;text-align:center;text-align-last:center;padding-left:8px;padding-right:8px;background-image:none}.input-with-unit .unit{background:#f3f4f6;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:600;color:#6b7280;margin-left:8px}.input-with-unit input::-webkit-inner-spin-button,.input-with-unit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-with-unit input[type=number]{-moz-appearance:textfield}.height-imperial{display:flex;gap:12px;width:100%;max-width:520px}.height-imperial .input-with-unit{flex:1 1;max-width:none}.activity-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:620px}.activity-card{display:flex;align-items:center;gap:16px;background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:16px 20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left}.activity-card:hover{border-color:#d1d5db;background:#f9fafb}.activity-card.selected{border-color:#088b7b;background:#fff;box-shadow:0 0 0 3px #088b7b14}.activity-check{width:22px;height:22px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.activity-card:hover .activity-check{border-color:#9ca3af}.activity-card.selected .activity-check{background:#088b7b;border-color:#088b7b}.activity-text{display:flex;flex-direction:column;gap:2px}.activity-emoji{margin-left:auto;font-size:18px;line-height:1;opacity:.85}.activity-label{font-size:15px;font-weight:600;color:#374151}.activity-desc{font-size:13px;color:#6b7280}.goal-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:620px}.goal-card{display:flex;align-items:center;gap:16px;background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:16px 20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left}.goal-card:hover{border-color:#d1d5db;background:#f9fafb}.goal-card.selected{border-color:#088b7b;background:#fff;box-shadow:0 0 0 3px #088b7b14}.goal-check{width:22px;height:22px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.goal-card:hover .goal-check{border-color:#9ca3af}.goal-card.selected .goal-check{background:#088b7b;border-color:#088b7b}.goal-text{display:flex;flex-direction:column;gap:2px}.goal-label{font-size:15px;font-weight:600;color:#374151}.goal-desc{font-size:13px;color:#6b7280}.meals-selector{display:flex;gap:10px;width:100%;max-width:520px}.meals-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;flex:1 1}.meals-card:hover{border-color:#d1d5db;background:#f9fafb}.meals-card.selected{border-color:#088b7b;background:#fff;box-shadow:0 0 0 3px #088b7b14}.meals-number{font-size:22px;font-weight:700;color:#374151;line-height:1}.meals-card.selected .meals-number{color:#088b7b}.meals-label{font-size:11px;color:#6b7280;font-weight:500}.wizard-nav{display:flex;justify-content:center;gap:12px;margin-top:48px}.btn-back{display:flex;align-items:center;gap:8px;padding:14px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-back:hover{border-color:#d1d5db;color:#374151;background:#f9fafb}.btn-next{display:flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#088b7b,#0b6c61);border:none;border-radius:12px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-next:hover:not(.disabled){background:linear-gradient(135deg,#0a7b6d,#0a5d54);transform:translateY(-1px);box-shadow:0 8px 20px #088b7b40}.btn-next.disabled{background:#d1d5db;cursor:not-allowed}.btn-save{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;background:#1e293b;border:none;border-radius:12px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:200px}.btn-save:hover:not(:disabled){background:#334155;transform:translateY(-1px);box-shadow:0 8px 20px #1e293b40}.btn-save:disabled{cursor:not-allowed;opacity:.7}.btn-save.saved{background:#059669}.btn-save.saved:hover{background:#059669;transform:none;box-shadow:none}.health-notice{margin-top:24px;padding:14px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;font-size:13px;color:#dc2626;font-weight:500;text-align:left}.results-content{text-align:center}.result-highlight{padding:32px 0;margin-bottom:32px;border-bottom:1px solid #f3f4f6}.result-highlight .result-label{font-size:12px;font-weight:600;color:#088b7b;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:8px}.result-highlight .result-number{font-size:4.5rem;font-weight:800;color:#088b7b;background:linear-gradient(135deg,#066153,#088b7b);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;line-height:1.1;margin-bottom:8px}.result-highlight .result-unit{font-size:1rem;color:#6b7280;font-weight:500}.result-details-row{display:flex;justify-content:center;gap:48px;padding:8px 0}.result-stat{text-align:center}.result-stat-value{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:2px}.result-stat-label{font-size:13px;color:#6b7280}.result-quick-actions{margin-top:22px}.quick-actions-title{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:10px;text-align:left}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.quick-cap-btn{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;color:#111827;transition:all .18s ease}.quick-cap-btn:hover{border-color:#088b7b;background:#f9fdfc}.quick-cap-btn.primary{border-color:#088b7b;background:#eff8f6}.quick-cap-btn span{font-size:12px;color:#4b5563}.quick-cap-btn strong{font-size:14px;font-weight:700}@media (max-width:900px){.wizard-container{flex-direction:column;gap:32px;padding:0 20px}.steps-sidebar{width:100%;position:static}.steps-list{flex-direction:row;flex-wrap:wrap;gap:8px}.steps-list:before{display:none}.step-item{padding:8px 12px;background:#f9fafb;border-radius:8px;flex:0 0 auto}.step-info{display:none}.step-number{width:28px;height:28px;font-size:12px}.form-panel{padding:32px 24px}}@media (max-width:600px){.calculator-page{padding:32px 0}.wizard-container{padding:0 16px}.sidebar-header h1{font-size:1.1rem}.form-panel{padding:28px 20px;border-radius:16px}.wizard-header h1{font-size:1.25rem}.wizard-header-top{align-items:flex-start;flex-direction:column;gap:8px}.step-progress-chip{font-size:11px}.date-picker,.gender-cards,.height-imperial{max-width:100%}.wizard-nav{flex-direction:column-reverse;gap:10px}.btn-back,.btn-next{width:100%;justify-content:center}.result-details-row{flex-direction:column;gap:20px}.result-highlight .result-number{font-size:3.5rem}.quick-actions-grid{grid-template-columns:1fr}}