:root{color-scheme:dark;font:17px/1.65 system-ui,sans-serif;background:#08171b;color:#e9e6db}*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:0 auto;padding:3rem 1.25rem 5rem}a{color:#d7c38b;text-underline-offset:.2em}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.6rem,8vw,4.4rem);line-height:1.08}.eyebrow{letter-spacing:.16em;font-size:.75rem;color:#d7c38b}section{border:1px solid #c7ac683e;border-radius:14px;padding:1.5rem;margin:2rem 0;background:#ffffff04}label{display:block;margin-top:1rem}textarea,input{display:block;width:100%;font:inherit;color:inherit;background:#071215;border:1px solid #71847f;border-radius:6px;padding:.7rem;margin:.5rem 0 1rem}textarea{resize:vertical}button{font:inherit;color:#0d1c20;background:#d7c38b;border:1px solid #d7c38b;border-radius:6px;padding:.6rem 1rem;cursor:pointer;margin:.4rem .4rem .4rem 0}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a7e2df;outline-offset:3px}[hidden]{display:none!important}#status{min-height:3em}#size{font-size:.85rem;color:#bdcbc5}@media(max-width:500px){section{padding:1rem}button{width:100%}}