.simplify-calc {font-family: Arial,sans-serif;border: 1px solid #ddd;padding: 20px;border-radius: 12px;max-width: 300px;width: 100%;box-shadow: 0 4px 12px rgba(0,0,0,.1);margin: 20px auto;background: white;}
.sc-fraction-input {display: flex;justify-content: center;align-items: center;gap: 10px;margin-bottom: 20px;}
.sc-whole {width: 50px;height: 50px;font-size: 20px;text-align: center;border: 2px solid #ccc;border-radius: 8px;background-color: #fff;box-sizing: border-box;appearance: textfield;}
.sc-fraction {display: flex;flex-direction: column;align-items: center;}
.sc-fraction input {width: 50px;height: 25px;font-size: 18px;text-align: center;margin: 0;padding: 0;box-sizing: border-box;}
.sc-fraction hr {width: 100%;border: 1px solid black;margin: 2px 0;}
.sc-buttons {display: flex;justify-content: center;gap: 10px;margin-bottom: 20px;}
#sc-calculateBtn {background-color: #4caf50;color: white;border: none;padding: 10px 18px;font-size: 16px;border-radius: 8px;cursor: pointer;}
#sc-clearBtn {background-color: #a6acaf;color: white;border: none;padding: 10px 18px;font-size: 16px;border-radius: 8px;cursor: pointer;}
.sc-result-section {text-align: center;margin-top: 10px;}
#sc-steps {margin-top: 10px;font-size: 14px;}
.sc-tooltip-container {text-align: center;margin-top: 5px;}
.sc-question-mark {font-size: 24px;font-weight: bold;color: #4caf50;margin: 10px 0;}
input.sc-whole::-webkit-outer-spin-button, input.sc-whole::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}