:root{--bg:radial-gradient(1200px 600px at 10% 10%,#f0f9ff 0%,#fff 40%,#fefefe 100%);--calc-ar:5/7}html,body{height:100%}body{background:var(--bg)}html body{padding-top:0}.calc-wrap{aspect-ratio:var(--calc-ar);width:min(100vw,calc(100vh*var(--calc-ar)));height:auto}.card,.card-body{height:100%}.card-body{display:flex;flex-direction:column;overflow-y:auto}.form-container{flex:1}.calorie-results{display:flex;gap:10px}.calorie-card{flex:1;padding:15px;background:#f8f9fa;border-radius:.5rem;text-align:center;border:2px solid #dee2e6}.calorie-card.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none}.calorie-label{font-size:.9rem;font-weight:600;margin-bottom:5px}.calorie-value{font-size:2rem;font-weight:700;font-family:'Courier New',monospace}.calorie-card.primary small{color:rgba(255,255,255,.9)}.goals-box,.macros-box{padding:15px;background:#f8f9fa;border-radius:.375rem;border-left:4px solid #0d6efd}.goal-item,.macro-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #dee2e6}.goal-item:last-child,.macro-item:last-child{border-bottom:none}@media (max-width:575.98px){.calc-wrap{width:100vw;height:100vh;aspect-ratio:auto}.calorie-results{flex-direction:column}.calorie-value{font-size:1.75rem}}@media (min-width:576px) and (max-width:991.98px){:root{--calc-ar:6/8}}@media (min-width:992px){:root{--calc-ar:5/7}}