body{background-color:#222;color:#f8f8f8;font-family:Sofia Pro Bold,sans-serif;margin:0;padding:20px;text-align:center}.container{background:#333;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.5);margin:auto auto 20px;padding:25px;width:450px}h2{border-bottom:1px solid #555;color:#f8f8f8;margin-top:20px;padding-bottom:5px}label{display:block;margin-top:15px;text-align:left}input,label,select{color:#f8f8f8;font-size:16px}input,select{background-color:#444;border:1px solid #555;border-radius:5px;box-sizing:border-box;margin-top:5px;padding:8px;width:100%}.btn{background-color:#ffd702;border:none;border-radius:5px;color:#4a4b4c;cursor:pointer;font-size:18px;margin-top:20px;padding:10px;width:100%}.btn:hover{background-color:#e6c200}.result{font-size:14px;margin-top:20px;text-align:left}.summary-container{display:flex;flex-wrap:wrap;justify-content:space-between}.summary-item{font-size:14px;margin-bottom:10px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:48%}.error{border-color:red!important}.error-message{color:red;font-size:12px;margin-top:2px;text-align:left}.logo{margin-bottom:20px;max-width:200px}.two-column{display:flex;justify-content:space-between}.form-group{width:48%}.math-breakdown{margin-top:20px;text-align:left}.math-breakdown p{margin:5px 0}.math-image-container{margin-top:10px}.math-image-container img{border:1px solid #555;border-radius:5px;height:auto;max-width:400px;width:100%}@media (max-width:500px){.container{width:90%}.two-column{flex-direction:column}.form-group{width:100%}}@media print{.btn,.error-message{display:none}body{padding:5px}.container{background:#fff;box-shadow:none;font-size:.9em;margin:0 auto;padding:10px;page-break-inside:avoid;width:100%}.logo{float:left;margin:0 10px 10px 0;max-width:80px}.math-breakdown,.math-image-container,.result,.summary-container{page-break-inside:avoid}.container,.math-breakdown p,.result,.summary-item,body,h2,input,label,select{color:#000!important;-webkit-print-color-adjust:exact}}