@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;min-width:0;min-height:100dvh;margin:0}main{justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:clamp(12px,min(4vw,4vh),40px);display:flex}.calculator{flex-direction:column;gap:clamp(10px,min(2.5vw,2.5vh),24px);width:min(100%,720px);display:flex}.calculator-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,min(2vw,2vh),18px);display:grid}.slot{color:#0c1521;text-align:center;background:0 0;border:1px solid #d6dce4;border-radius:5px;width:100%;min-width:0;height:clamp(44px,min(10vw,10vh),72px);padding:0 clamp(8px,2vw,16px);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(16px,min(3.6vw,3.6vh),24px);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;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(16px,min(3.6vw,3.6vh),24px)}.btn-add{color:#fff;cursor:pointer;background:#1b4db3;border:none;border-radius:5px;justify-content:center;align-items:center;width:100%;height:clamp(44px,min(10vw,10vh),72px);font:400 clamp(16px,min(3.2vw,3.2vh),22px)/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;gap:16px;min-width:0;display:flex}.result-label{letter-spacing:.09em;text-transform:uppercase;color:#7b8aa1;flex:none;font:600 clamp(11px,min(2.5vw,2.5vh),15px)/1.2 IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.result-value{overflow-wrap:anywhere;text-align:right;color:#0c1521;min-width:0;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(21px,min(5vw,5vh),32px)}.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}}