body,html{font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.app-container{box-sizing:border-box;min-height:100vh;padding:20px;transition:background-color .3s ease,color .3s ease;width:100%}.app-container.light{background-color:#f9f9f9;color:#333}.app-container.dark{background-color:#333;color:#f9f9f9}header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}header h1{font-size:2.5rem;margin:0}.theme-toggle{background-color:initial;border:2px solid;border-radius:5px;color:inherit;cursor:pointer;font-size:1rem;padding:5px 10px;transition:background-color .3s ease,color .3s ease}.theme-toggle:hover{background-color:currentColor;color:#000}.app-container.dark .theme-toggle:hover{background-color:currentColor;color:#fff}.unit-toggle{background-color:initial;border:2px solid;border-radius:5px;color:inherit;cursor:pointer;font-size:1rem;padding:5px 10px;transition:background-color .3s ease,color .3s ease}.unit-toggle:hover{background-color:currentColor;color:#000}.app-container.dark .unit-toggle:hover{background-color:currentColor;color:#fff}.main-container{display:flex;flex:1 1;gap:20px;justify-content:space-between}.forms-container{display:flex;flex:3 1;gap:20px}.form-visualization{align-items:center;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex:1 1;flex-direction:column;padding:5px 20px 20px}.app-container.dark .form-visualization{background:#444;border:1px solid #555}.visualization{margin-top:20px;width:100%}.info-box{background:#f0f0f0;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex:1 1;flex-direction:column;gap:10px;padding:20px}.app-container.dark .info-box{background:#555;border:1px solid #666}.info-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px;width:100%}.info-button:hover{background-color:#0056b3}.popup{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background:#444;border-radius:10px;box-shadow:0 4px 6px #0003;padding:30px;position:relative;width:600px}.app-container.light .popup-content{color:#f9f9f9}.popup-close{background:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:30px;position:absolute;right:10px;text-align:center;top:10px;width:30px}.popup-close:hover{background:#ff1a1a}.popup-content ul{list-style-type:disc;margin:0;padding-left:20px}.popup-content li{margin-bottom:10px}
/*# sourceMappingURL=main.e7c91a76.css.map*/