@font-face{font-family:Sora;src:url(/assets/sora-daff7a61.ttf)}.bold{font-weight:700}.active-color{color:#eee}.inactive-color{color:#888}.text-transparent *{color:transparent}.theme-color{color:orange}.hover:hover{background-color:#eee2}.v-hidden{visibility:hidden}*,*:after,*:before{box-sizing:border-box}.debug,.debug *{border:1px solid rgba(255,0,0,.5333333333)}body{position:relative;display:flex;align-items:center;justify-content:center;height:100dvh;margin:0;padding:0;background:url(/assets/bg-light-b582e080.png);background-size:cover;font-family:Sora,Verdana,Geneva,Tahoma,sans-serif}#root{display:flex;align-items:center;justify-content:center;aspect-ratio:1/2;min-height:100%}main{display:grid;grid-template-rows:repeat(2,50%);aspect-ratio:1/2;min-height:90%;background-color:#222;border-radius:1rem}main *{font-family:Sora;font-weight:700}main #Display{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;max-width:100%;max-height:100%;padding:.5rem 1rem;color:#888}main #Display .row{display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:min(20rem,40vmin);cursor:default;text-align:end;transition:all .2s ease;white-space:normal;word-break:break-all}main #Display #Display__Result:before{content:"=";padding-right:.25em}main #Display #Display__Result.visible{display:flex;word-break:break-all;white-space:normal}main #Display .focus{color:#eee;font-size:1.75rem}main #Keypad{display:grid;grid-template-columns:repeat(4,1fr);width:100%;height:100%;border-top:solid 2px #555}main #Keypad *{font-size:1.5rem}main #Keypad>*{display:flex;align-items:center;justify-content:center}main button{background:none;border:none;border-radius:.5rem;-webkit-user-select:none;user-select:none}main button svg{display:flex;align-items:center;justify-content:center}a{display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;gap:.25rem;background-color:#222;border-radius:.5rem;color:#eee;text-decoration:none}button{color:#eee}