:root{color-scheme:light;--paper:#f7f5ef;--ink:#28382e;--accent:#a64f34}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:var(--paper);padding:24px;font-family:"Trebuchet MS",Verdana,sans-serif}form{width:min(100%,680px);display:flex;gap:10px}input{min-width:0;flex:1;height:58px;padding:0 19px;background:#fdfcf9;border:1px solid #cdd1c5;border-radius:5px;color:var(--ink);font:14px "Trebuchet MS",Verdana,sans-serif;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#8b9387}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #a64f3410}input:disabled{opacity:.65}button{min-width:135px;height:58px;padding:0 20px;border:0;border-radius:5px;background:var(--accent);color:#fffaf4;font:13px "Trebuchet MS",Verdana,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s}button:hover{background:#873b26}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.6;cursor:wait}@media(max-width:480px){form{flex-direction:column}button{width:100%}input{flex:auto;width:100%;font-size:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}