:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10151a;color:#f0f4f6}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:40px 24px}header{padding-bottom:24px}.eyebrow{letter-spacing:.15em;color:#91dda9;font-size:12px;font-weight:800}h1{font-size:clamp(30px,5vw,48px);margin:12px 0}section{background:#192127;border:1px solid #34434b;border-radius:16px;padding:24px;margin:20px 0}section section{background:#121a20}p{line-height:1.6}label{display:block;margin:16px 0}input,textarea{display:block;width:100%;padding:12px;margin-top:8px;background:#10151a;border:1px solid #71818a;border-radius:8px;color:inherit;font:inherit}button{background:#9be7b0;color:#112318;border:0;border-radius:8px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ffd277;outline-offset:3px}.muted{color:#b2bec6;font-size:14px}.row{display:flex;justify-content:space-between;gap:16px;align-items:center}nav{display:flex;gap:12px;flex-wrap:wrap}ul{padding-left:20px}li{padding:8px}#status:not(:empty){padding:16px;border:1px solid #ffd277;border-radius:10px}[hidden]{display:none!important}@media(max-width:600px){main{padding:24px 14px}section{padding:16px}.row{align-items:start;flex-direction:column}}