:root{color-scheme:dark;font:15px/1.6 system-ui;color:#e5eeeb;background:#0f1717}*{box-sizing:border-box}main{max-width:640px;margin:0 auto;padding:24px 18px}h1{font-size:25px;line-height:1.3}h2{font-size:17px}p{color:#a5bbb5}a{color:#b5d7c9}section{margin:18px 0;padding:18px;border:1px solid #354943;border-radius:12px;background:#182321}button,input::file-selector-button{background:#ffb26b;color:#182321;border:0;border-radius:7px;padding:12px 15px;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}input{display:block;max-width:100%;margin:8px 0 18px;font:12px system-ui}label{display:block;color:#b5d7c9;font-size:13px}textarea{display:block;width:100%;height:220px;margin:12px 0;padding:12px;resize:vertical;background:#101a18;border:1px solid #456057;border-radius:8px;color:#d4e7df;font:12px/1.6 ui-monospace,monospace}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #ffb26b;outline-offset:4px}