:root{color-scheme:dark;font-family:Inter,Arial,Helvetica,sans-serif;color:#f4f3ff;font-synthesis:none}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}
button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.42}
button:focus-visible,input:focus-visible{outline:2px solid #9af4ff;outline-offset:4px}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[hidden]{display:none!important}.app{position:relative;overflow:hidden;height:100dvh}
.meter{display:flex;flex-direction:column;gap:5px;min-width:0;font-variant-numeric:tabular-nums}
.control-area{position:absolute;display:flex;align-items:center;flex-direction:column;justify-content:center;z-index:3;margin:0}








.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.loading{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:#102635ee;color:#d7edfa;font-size:14px}
.loader{width:28px;height:28px;border:2px solid #87d9ff22;border-top-color:#9aefff;border-radius:50%;animation:rotate 1s linear infinite}
.loading button{background:#254664;border:1px solid #7ecfff;border-radius:6px;padding:9px 16px}
@keyframes rotate{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}