#main{height:100vh;width:100%}#in,#out{width:90%;height:50%;margin:1em auto;display:block}#out{word-wrap:anywhere}html{background:#fff;color:#222}body{background:#fff;color:#222;font-family:system-ui,sans-serif}a{color:#1a73e8}button,input,textarea{background:#f5f5f5;color:#222;border:1px solid #ccc}::selection{background:#b3d4fc;color:#222}@media(prefers-color-scheme:dark){html{background:#181a1b;color:#e0e0e0}body{background:#181a1b;color:#e0e0e0;font-family:system-ui,sans-serif}a{color:#8ab4f8}button,input,textarea{background:#232527;color:#e0e0e0;border:1px solid #444}::selection{background:#333;color:#fff}}