form{display:flex;flex-direction:column;max-width:600px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);background-color:#f9f9f9;box-sizing:border-box}label{margin-bottom:5px;font-weight:700}input,select,textarea{width:calc(100% - 20px);padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);font-size:16px;box-sizing:border-box}textarea{resize:vertical;min-height:100px}.informational{background-color:#e9f7ef;padding:10px;border-radius:5px;margin-bottom:20px}.calculated,pre{background-color:#f4f4f4;padding:10px;border-radius:5px}pre{overflow-x:auto}.error{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:5px;margin-top:10px}.highlight{border-color:red;box-shadow:0 0 5px red}nav ul{list-style-type:none;padding:0}nav ul li{display:inline;margin-right:10px}nav ul li a{text-decoration:none;color:#007bff}nav ul li a:hover{text-decoration:underline}.box{border:1px solid #ccc;padding:10px;border-radius:5px;margin-bottom:20px;position:relative}.box button{position:absolute;top:10px;right:10px;padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.box button:hover{background-color:#0056b3}@media (max-width:768px){form{padding:10px}input,select,textarea{font-size:14px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}