:root{--bg:radial-gradient(1200px 600px at 10% 10%,#e6f3ff 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}.nav-pills{border-bottom:2px solid #dee2e6;padding-bottom:8px}.nav-pills .nav-link{font-size:.9rem;padding:.5rem .75rem;white-space:nowrap}.result-box{padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:.5rem;text-align:center;color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1)}.result-main{font-size:2rem;font-weight:700;font-family:'Courier New',monospace}.result-detail{font-size:1rem;margin-top:10px;opacity:.95}@media (max-width:575.98px){.calc-wrap{width:100vw;height:100vh;aspect-ratio:auto}.nav-pills .nav-link{font-size:.8rem;padding:.4rem .6rem}.result-main{font-size:1.5rem}}@media (min-width:576px) and (max-width:991.98px){:root{--calc-ar:6/8}}@media (min-width:992px){:root{--calc-ar:5/7}}