.active-success,.active-error,.conversion-result,.conversion-container,.convert-btn,.numeric-base-select,.numeric-input{box-sizing:border-box;appearance:none;border-radius:.5rem}.convert-btn,.numeric-base-select,.numeric-input{width:8rem;margin:clamp(2%,1rem,3%);line-height:1.5rem}.numeric-base-select,.numeric-input{font-weight:400;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.copy-btn,.download-btn,.convert-btn{font-weight:500}.numeric-input :focus{color:#212529;border-color:#86b7fe;outline:none;box-shadow:#2c2c2c 0 1px}.numeric-base-select{padding-right:2rem;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M0 3l5 5 5-5z' fill='%23212529'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.numeric-base-select :focus{border-color:#86b7fe;outline:none;box-shadow:#2c2c2c 0 1px}.convert-btn{background-color:#207235;border:1px solid rgba(27,31,35,.15);box-shadow:#2c2c2c 0 1px;color:#f8f9fa;text-align:center;user-select:none;-webkit-user-select:none;white-space:nowrap;font-size:20px}.conversion-container{width:clamp(10rem,90%,30rem);background-color:#2c2c2c;height:15rem;margin:clamp(2%,1rem,3%)}.conversion-result{color:#f8f9fa;width:100%;height:calc(100% - 2rem);border:none;background-color:transparent;resize:none;outline:none}.copy-result{background-color:#86b7fe;border-top-left-radius:.5rem;border-top-right-radius:.5rem;color:#2c2c2c;height:2rem;width:100%}.copy-icon-container{display:flex;justify-content:center;align-items:center;text-align:center;background-color:#ced4da;width:4rem;height:2rem}.banner-container{display:flex;justify-content:center}.active-error{display:initial;position:fixed;top:clamp(.2rem,1%,3rem);z-index:2;opacity:.85;width:clamp(15rem,60%,25rem);background-color:#b03131;color:#f8f9fa;padding:1rem;text-align:center;box-shadow:#2c2c2c 0 1px}.active-success{display:initial;position:fixed;top:clamp(.2rem,1%,3rem);z-index:2;opacity:.85;width:clamp(15rem,60%,25rem);background-color:#207235;color:#f8f9fa;padding:1rem;text-align:center;box-shadow:#2c2c2c 0 1px}html{background-color:#f8f9fa;font-size:1.2rem;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:#2c2c2c}footer{text-align:center;font-size:.8rem;line-height:1rem}.copy-btn,.download-btn{all:unset;font-size:1.5rem;cursor:pointer;width:2rem;height:100%}body{font-family:Roboto,sans-serif}.numeric-input{width:300px;padding:12px 16px;font-size:1rem;border:2px solid #ccc;border-radius:6px;background-color:#f9f9f9;color:#333;box-shadow:0 2px 4px #0000001a;transition:border-color .3s ease,box-shadow .3s ease}.numeric-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.numeric-base-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f9f9f9;border:2px solid #ccc;border-radius:6px;padding:12px 16px;font-size:1rem;color:#333;cursor:pointer;width:300px;box-shadow:0 2px 4px #0000001a;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23333" class="bi bi-caret-down-fill" viewBox="0 0 16 16"><path d="M7.247 11.14l-4.796-5.481c-.566-.648-.106-1.659.753-1.659h9.592c.86 0 1.319 1.01.753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>');background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}.info-box{background-color:#f9f9f9;border:2px solid #ccc;border-radius:8px;padding:1rem;margin:1.5rem auto;max-width:800px;box-shadow:0 4px 6px #0000001a}.info-list{list-style-type:disc;list-style-position:inside;padding-left:1rem;margin:0;color:#333;font-size:1rem;line-height:1.6}.info-list li{margin-bottom:.5rem;line-height:1.4}.site-footer{background-color:#f8f9fa;padding:1.5rem 1rem;text-align:center;font-size:.95rem;color:#6c757d;border-top:1px solid #dee2e6;margin-top:2rem}.site-footer a{color:#007bff;text-decoration:none;font-weight:500}.site-footer a:hover{text-decoration:underline}.site-footer p{margin:.5rem 0}html,body{height:100%;margin:0}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem;box-sizing:border-box}