.tdee-calculator{max-width:900px;margin:0 auto;padding:1.5rem;font-family:system-ui,-apple-system,sans-serif}.tdee-hidden{display:none!important}.tdee-calc-header{text-align:center;margin-bottom:2rem}.tdee-header-accent{width:60px;height:4px;background:linear-gradient(90deg,#10b981,#059669);border-radius:9999px;margin:0 auto 1.5rem}.tdee-calc-title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:#0f172a;margin:0 0 .75rem;line-height:1.2}.tdee-calc-description{font-size:1.1rem;color:#475569;line-height:1.6;max-width:600px;margin:0 auto}.tdee-formula-section{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.tdee-formula-title{font-size:.875rem;font-weight:600;color:#065f46;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem;text-align:center}.tdee-formula-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.tdee-formula-card{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 4px 6px -1px #0000001a;text-align:center;transition:transform .2s,box-shadow .2s}.tdee-formula-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.tdee-formula-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.tdee-formula-card .formula-display{overflow-x:auto;padding:.5rem 0;min-height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:.9rem}.tdee-unit-toggle-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.tdee-unit-toggle{display:flex;position:relative;background:#f1f5f9;border-radius:.75rem;padding:.25rem;gap:.25rem}.tdee-unit-btn{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;z-index:1}.tdee-unit-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a}.tdee-unit-icon{font-size:1.25rem;margin-bottom:.25rem}.tdee-unit-label{font-size:.875rem;font-weight:600;color:#1e293b}.tdee-unit-detail{font-size:.7rem;color:#64748b}.tdee-calc-form{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.tdee-input-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.tdee-input-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.tdee-input-field{display:flex;flex-direction:column;gap:.5rem}.tdee-input-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.875rem;font-weight:600;color:#334155}.tdee-label-unit{font-size:.75rem;font-weight:500;color:#64748b}.tdee-input-wrapper{position:relative;display:flex;align-items:center}.tdee-form-input{width:100%;padding:.75rem 3rem .75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;font-weight:500;color:#0f172a;background:#f8fafc;transition:all .15s;-moz-appearance:textfield}.tdee-form-input::-webkit-outer-spin-button,.tdee-form-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tdee-form-input:hover{border-color:#cbd5e1}.tdee-form-input:focus{outline:none;border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #d1fae5}.tdee-input-suffix{position:absolute;right:1rem;font-size:.875rem;font-weight:500;color:#64748b;pointer-events:none}.tdee-gender-toggle{display:flex;gap:.5rem}.tdee-gender-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s}.tdee-gender-btn:hover{border-color:#10b981;background:#ecfdf5}.tdee-gender-btn.active{border-color:#10b981;background:#ecfdf5;color:#059669}.tdee-gender-icon{font-size:1.25rem}.tdee-activity-field{margin-top:1rem}.tdee-activity-options{display:flex;flex-direction:column;gap:.5rem}.tdee-activity-btn{display:flex;flex-direction:column;align-items:flex-start;padding:.75rem 1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .15s;text-align:left}.tdee-activity-btn:hover,.tdee-activity-btn.active{border-color:#10b981;background:#ecfdf5}.tdee-activity-label{font-size:.9rem;font-weight:600;color:#1e293b}.tdee-activity-desc{font-size:.75rem;color:#64748b;margin-top:2px}.tdee-form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.tdee-btn-calculate{flex:2;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px -3px #10b981}.tdee-btn-calculate:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px -3px #10b981}.tdee-btn-icon{font-size:1.25rem;transition:transform .15s}.tdee-btn-calculate:hover .tdee-btn-icon{transform:translate(4px)}.tdee-btn-reset{flex:1;padding:.875rem 1rem;background:transparent;color:#475569;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .15s}.tdee-btn-reset:hover{background:#f1f5f9;border-color:#cbd5e1}.tdee-results-section{background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #a7f3d0;border-radius:1rem;padding:2rem;margin-bottom:2rem;animation:tdeeSlideUp .5s ease-out}@keyframes tdeeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tdee-results-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem;text-align:center}.tdee-primary-results{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.tdee-result-card{padding:1.25rem;border-radius:.75rem;text-align:center}.tdee-result-bmr{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.tdee-result-tdee{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}.tdee-result-icon{font-size:2rem;margin-bottom:.5rem}.tdee-result-content{display:flex;flex-direction:column;gap:.25rem}.tdee-result-label{font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em}.tdee-result-value{font-size:2rem;font-weight:700;color:#0f172a}.tdee-result-unit{font-size:.75rem;color:#64748b}.tdee-result-desc{font-size:.7rem;color:#64748b;margin-top:.5rem}.tdee-calorie-targets{background:#fff;border-radius:.75rem;padding:1.25rem;border:1px solid #e2e8f0}.tdee-targets-title{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 1rem;text-align:center}.tdee-targets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.tdee-target-card{padding:.75rem;border-radius:.5rem;text-align:center}.tdee-target-loss{background:#fef2f2;border:1px solid #fecaca}.tdee-target-maintain{background:#ecfdf5;border:1px solid #a7f3d0}.tdee-target-gain{background:#eff6ff;border:1px solid #bfdbfe}.tdee-target-label{font-size:.65rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em;display:block}.tdee-target-value{font-size:1.125rem;font-weight:700;color:#0f172a;display:block;margin:.25rem 0}.tdee-target-desc{font-size:.6rem;color:#64748b;display:block}.tdee-content-section{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:2rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.tdee-section-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #a7f3d0}.tdee-section-para{font-size:1rem;color:#475569;line-height:1.8;margin:0 0 1rem}.tdee-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.tdee-feature-card{text-align:center;padding:1.5rem;background:#f8fafc;border-radius:.75rem;transition:all .2s}.tdee-feature-card:hover{transform:translateY(-4px);box-shadow:0 4px 6px -1px #0000001a}.tdee-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.tdee-feature-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.tdee-feature-desc{font-size:.875rem;color:#64748b;line-height:1.5;margin:0}.tdee-tips-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.tdee-tip-card{display:flex;gap:1rem;padding:1rem;background:#f8fafc;border-radius:.5rem;border-left:4px solid #10b981}.tdee-tip-icon{font-size:1.5rem;flex-shrink:0}.tdee-tip-content{flex:1}.tdee-tip-title{font-size:.9rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.tdee-tip-text{font-size:.875rem;color:#475569;line-height:1.5;margin:0}.tdee-table-wrapper{overflow-x:auto;margin-top:1.5rem}.tdee-table{width:100%;border-collapse:collapse;font-size:.875rem}.tdee-table th{background:#f1f5f9;padding:.75rem 1rem;text-align:left;font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0}.tdee-table td{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;color:#475569}.tdee-table-label{font-weight:600;color:#1e293b}.tdee-table-value{font-weight:600;color:#10b981}.tdee-limitations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1.5rem}.tdee-limitation-card{display:flex;gap:1rem;padding:1rem;background:#fef3c7;border-radius:.5rem;border-left:4px solid #f59e0b}.tdee-limitation-icon{font-size:1.5rem;flex-shrink:0}.tdee-limitation-title{font-size:.9rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.tdee-limitation-text{font-size:.875rem;color:#475569;line-height:1.5;margin:0}.tdee-faq-list{margin-top:1rem}.tdee-faq-item{background:#f8fafc;border-radius:.5rem;margin-bottom:.5rem;overflow:hidden}.tdee-faq-question{padding:1rem;font-weight:600;color:#1e293b;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.tdee-faq-question::-webkit-details-marker{display:none}.tdee-faq-question:after{content:"+";font-size:1.25rem;color:#10b981}.tdee-faq-item[open] .tdee-faq-question:after{content:"−"}.tdee-faq-answer{padding:0 1rem 1rem;color:#475569;line-height:1.6;margin:0}@media (max-width: 640px){.tdee-calculator{padding:1rem}.tdee-formula-grid,.tdee-input-row,.tdee-primary-results{grid-template-columns:1fr}.tdee-targets-grid{grid-template-columns:repeat(2,1fr)}.tdee-form-actions{flex-direction:column}.tdee-features-grid,.tdee-limitations-grid{grid-template-columns:1fr}}