*,:before,:after{box-sizing:border-box}body{margin:0;padding:1.5rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1rem;line-height:1.5}#app{flex-direction:column;gap:1rem;width:100%;max-width:24rem;margin:0 auto;display:flex}#app>div{flex-direction:column;gap:.375rem;display:flex}label{font-weight:600}input,select,button{font-family:inherit;font-size:1rem}input,select{width:100%;padding:.5rem}#app>div:has(>button){flex-direction:row;gap:.75rem}button{cursor:pointer;padding:.5rem 1rem}#result-display{word-break:break-word;min-height:1.5em;padding:.75rem}#result-display.is-result{color:#1a7f37}#result-display.is-error{color:#b42318;font-weight:600}