@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:IBM Plex Sans,ui-sans-serif,system-ui,Segoe UI,Helvetica,sans-serif}*{box-sizing:border-box}body{color:#33445c;background:0 0;margin:0}main{width:min(100%,250px);padding:16px}.calculator{flex-direction:column;gap:10px;display:flex}.calculator-row{align-items:center;gap:8px;display:flex}.slot{color:#0c1521;text-align:center;background:0 0;border:1px solid #d6dce4;border-radius:5px;flex:1;min-width:0;height:36px;padding:0 8px;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;transition:background-color .12s cubic-bezier(.2,0,.38,1),border-color .12s cubic-bezier(.2,0,.38,1),color .12s cubic-bezier(.2,0,.38,1),box-shadow .12s cubic-bezier(.2,0,.38,1)}.slot::-webkit-outer-spin-button{margin:0}.slot::-webkit-inner-spin-button{margin:0}.operator{color:#7b8aa1;flex:none;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.btn-add{color:#fff;cursor:pointer;background:#1b4db3;border:none;border-radius:5px;justify-content:center;align-items:center;width:100%;height:36px;font:400 14px/1.5 IBM Plex Sans,ui-sans-serif,system-ui,Segoe UI,Helvetica,sans-serif;transition:background-color .12s cubic-bezier(.2,0,.38,1),border-color .12s cubic-bezier(.2,0,.38,1),color .12s cubic-bezier(.2,0,.38,1),box-shadow .12s cubic-bezier(.2,0,.38,1);display:flex}.btn-add:hover{background:#153a89}.btn-add:active{background:#0f2a63}.result-row{justify-content:space-between;align-items:baseline;display:flex}.result-label{letter-spacing:.09em;text-transform:uppercase;color:#7b8aa1;font:600 11px/1.2 IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.result-value{color:#0c1521;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:21px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.slot:focus-visible,.btn-add:focus-visible{outline-offset:2px;outline:2px solid #3d7ae4}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}