:root{color-scheme:light dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow-wrap:anywhere}main{max-width:48rem;margin:auto;padding:1rem}label,input,button{display:block;max-width:100%;min-width:0;font:inherit}label{font-weight:600}input,button{margin:.6rem 0;padding:.7rem}button{min-height:2.75rem;cursor:pointer;white-space:normal;overflow-wrap:anywhere}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:3px solid Highlight;outline-offset:3px}li{margin-block:.8rem}#result{border-inline-start:3px solid currentColor;padding-inline-start:.7rem}#result:empty{display:none}@media(forced-colors:active){button,input{border:1px solid ButtonText}}