:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f5ef;background:#101310;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{place-items:center;min-height:100vh;padding:2rem;display:grid}section{background:#171c18;border:1px solid #364039;border-radius:1.5rem;max-width:42rem;padding:3rem}h1{margin:.5rem 0 1rem;font-size:clamp(2rem,7vw,4rem);line-height:1}h2{margin:0 0 .5rem}p{color:#bac4bb}nav,.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.button,button{color:#171c18;font:inherit;cursor:pointer;background:#d7b56d;border:1px solid #d7b56d;border-radius:.65rem;justify-content:center;padding:.75rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.button.secondary,button.secondary{color:#f4f5ef;background:0 0}form{gap:1rem;min-width:min(28rem,80vw);display:grid}label{color:#dfe5de;gap:.4rem;display:grid}input,select,textarea{color:#f4f5ef;width:100%;font:inherit;background:#101310;border:1px solid #4b584e;border-radius:.55rem;padding:.75rem}textarea{resize:vertical;min-height:7rem}.error{color:#ffaaa0}.eyebrow{color:#d7b56d;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.connection-card{background:#101310;border:1px solid #364039;border-radius:1rem;gap:.75rem;margin-top:2rem;padding:1.25rem;display:grid}.connection-card p{margin:0}.connection-card button{width:fit-content}.panel-main{display:block}.panel-section{max-width:68rem;margin:0 auto}.stats{color:#d7b56d;flex-wrap:wrap;gap:1rem;margin:1.5rem 0;display:flex}.list,.messages{gap:.75rem;margin-top:1.5rem;display:grid}.list-item,.message{color:inherit;border:1px solid #364039;border-radius:.75rem;gap:.35rem;padding:1rem;text-decoration:none;display:grid}.message.outbound{border-color:#8f7644;margin-left:12%}.message.inbound{margin-right:12%}.message p{white-space:pre-wrap;margin:.25rem 0 0}.compact{margin-bottom:2rem}hr{border:0;border-top:1px solid #364039;margin:2.5rem 0}.checkbox-label{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;display:flex}.checkbox-label input{width:auto}