:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#101317;color:#eceeed;line-height:1.55}
*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:860px;margin:auto;padding:28px clamp(20px,5vw,44px)}
header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333a40}.brand{font-weight:750;letter-spacing:.12em;font-size:.9rem}
.badge,.eyebrow{color:#e0c27b}.badge{border:1px solid #665838;padding:3px 10px;border-radius:20px;font-size:.8rem}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.14em;margin-top:28px}
h1{font-size:clamp(2rem,6vw,3.3rem);letter-spacing:-.04em;line-height:1.1;margin:12px 0 22px}h2{font-size:1.25rem;margin-top:0}p{max-width:620px;color:#b9c1c7}
section{margin:30px 0;padding:26px;border:1px solid #394148;border-radius:12px;background:#191e24}form{display:grid;gap:10px;max-width:450px}label{font-weight:600}input{width:100%;padding:12px;background:#11161b;color:#fff;border:1px solid #62717d;border-radius:5px;font:inherit;margin-bottom:10px}
button{font:inherit;border:1px solid #e0c27b;border-radius:5px;background:#e0c27b;color:#17191d;padding:11px 18px;cursor:pointer;font-weight:650}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;color:#e0c27b;margin-left:8px}nav{display:grid;gap:12px;margin-bottom:25px}.tool{display:flex;justify-content:space-between;padding:16px;border:1px solid #5f6c78;border-radius:7px;color:#f4f4ee;text-decoration:none}.tool:hover{background:#262e36}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f0ca76;outline-offset:4px}footer{font-size:.8rem;color:#8c9ba6;border-top:1px solid #333a40}.skip{position:absolute;top:-100px;left:20px;color:#fff;background:#111;padding:12px}.skip:focus{top:10px}#status,#app-status{min-height:1.5em}[hidden]{display:none!important}@media(max-width:440px){section{padding:20px}.secondary{margin:12px 0 0;display:block}}