:root{--bg:radial-gradient(1200px 600px at 10% 10%,#f0fff4 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}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px}.preset-buttons button{flex:1 1 calc(33.333% - 8px);min-width:80px}.result-display{min-height:100px;padding:20px;background:#f8f9fa;border-radius:.5rem;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.single-result{width:100%;text-align:center;font-size:4rem;font-weight:700;color:#0d6efd;font-family:'Courier New',monospace}.number-chip{padding:10px 15px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:.375rem;font-weight:600;font-size:1.1rem;font-family:'Courier New',monospace}.stats-box{padding:15px;background:#f8f9fa;border-radius:.375rem;border-left:4px solid #0d6efd}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.stat-grid div{padding:8px;background:#fff;border-radius:.25rem;text-align:center;font-weight:600}@media (max-width:575.98px){.calc-wrap{width:100vw;height:100vh;aspect-ratio:auto}.single-result{font-size:3rem}.number-chip{padding:8px 12px;font-size:1rem}}@media (min-width:576px) and (max-width:991.98px){:root{--calc-ar:6/8}}@media (min-width:992px){:root{--calc-ar:5/7}}