:root{font-family:monospace;line-height:1.6;color-scheme:light dark;--text-color: #fff;--border-color: rgba(255, 255, 255, .2);--border-color-active: rgba(255, 255, 255, .7);--bg-color: #242424;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0}#app{max-width:640px;min-width:320px;margin:0 auto;padding:12px}fieldset{margin-bottom:12px;padding:8px 12px;border:1px solid var(--border-color)}fieldset:has(legend:first-child:last-child){padding-top:0;padding-bottom:0;border:0;margin-bottom:6px}fieldset>div{display:flex;overflow:hidden;gap:12px}fieldset label{flex:1}fieldset input{border:0 solid var(--border-color);border-bottom-width:1px;background:none;outline:none;text-align:right;transition:all .25s}fieldset input:focus{border-color:var(--border-color-active)}fieldset input::-webkit-inner-spin-button{opacity:1;margin-left:2px}@media (prefers-color-scheme: light){:root{--text-color: #213547;--border-color: rgba(0, 0, 0, .15);--border-color-active: rgba(0, 0, 0, .8);--bg-color: #fff}}