*{box-sizing:border-box}body{margin:0;background:#0c1118;color:#edf2f7;
font:16px/1.5 system-ui,sans-serif}main{max-width:740px;margin:4vh auto;padding:20px}
header,section{background:#161e29;border:1px solid #344150;border-radius:14px;
padding:22px;margin-bottom:16px}small{color:#e8ad40;letter-spacing:.13em}
h1{margin:.2em 0}h2{margin:0 0 14px}label{display:block;margin:10px 0 5px}
input,select,textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #607084;
background:#0c1118;color:#fff;font:inherit}button{min-height:44px;padding:10px 15px;
border:0;border-radius:8px;background:#e9ad3c;color:#17120b;font:inherit;font-weight:700;
cursor:pointer;margin-top:12px}button:disabled{opacity:.5}.row{display:flex;align-items:center;
justify-content:space-between;gap:12px}.row button{margin:0}
#exchange,#members{min-height:60px;max-height:360px;overflow:auto;border:1px solid #344150;
border-radius:8px;padding:12px;margin:16px 0;white-space:pre-wrap;overflow-wrap:anywhere}
#members article{border-bottom:1px solid #344150;padding:12px 0}
#members article:last-child{border-bottom:0}#members button{display:block}
#status{min-height:1.5em;color:#e9ad3c}[hidden]{display:none!important}
@media(max-width:500px){main{padding:10px}header,section{padding:16px}}