.calculator{padding:20px;border-radius:8px;width:100%}.calculator.dark{background-color:#1e1e2f;--text-color:#ffffff}.calculator.light{background-color:#efefef;--text-color:#333333}.calculator h1{color:var(--text-color);font-size:24px;margin-bottom:32px;line-height:1.4}.form-row{display:flex;gap:8px;margin-bottom:24px;align-items:center}.form-row .form-group{flex:1;margin-bottom:0}.calculator .form-row input[type=number],.calculator .form-row select{min-width:120px}.calculator .form-row label{display:block;color:var(--text-color);;margin-bottom:8px}.calculator .form-row input[type=number],.calculator .form-row select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;background-color:#fff;font-size:16px;height:48px}.button-group{display:flex;gap:8px;margin-top:24px}.button-group button{line-height:44px}.calculate-btn{padding:8px 24px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color 0.3s}.clear-btn{padding:8px 24px;background-color:#4a4a4a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color 0.3s}.clear-btn:hover{background-color:#5a5a5a}.c-footer{margin-top:25px}.result{color:var(--text-color);font-size:20px}.note{margin-top:5px;font-size:14px;color:#e44e4e}.height-n-width{display:flex;gap:8px}.border-xs,.c-footer{border:2px solid #7d2213;padding:15px}@media (max-width:767px){.form-row{flex-wrap:wrap}.form-row>div{flex:100%}.form-row .form-group{margin-bottom:0}}