:root{color-scheme:dark;font:17px system-ui,sans-serif;background:#081321;color:#e8f1f7}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #284358}h1{color:#4edccc;margin:0;font-size:32px}h2{font-size:27px}h3{font-size:21px}p{line-height:1.5;color:#c2d3df}header p{margin:8px 0}#connection{font-size:14px;font-weight:750;color:#dfbf8a}.online{color:#67e3a7!important}.blocked{color:#ffaaa0!important}nav,.row{display:flex;gap:12px;flex-wrap:wrap;align-items:end}button,.picker,input,select,textarea{font:inherit;border:1px solid #43667e;border-radius:10px;background:#122a3d;color:#f3f7fa;padding:12px;max-width:100%}button,.picker{cursor:pointer}button:hover,.picker:hover{border-color:#4edccc}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4edccc;outline-offset:2px}button:disabled{opacity:.5;cursor:wait}label{display:block;margin:12px 0}label>input,label>select{display:block;width:100%;margin-top:6px}.row>label{flex:1;min-width:200px}.card{background:#101f30;border:1px solid #294457;padding:20px;margin:18px 0;border-radius:16px}.picker{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.picker input{width:100%;font-size:14px;border:0;background:transparent;padding:0}#message:empty{display:none}#message{padding:14px;background:#15394a;border-radius:10px}#message.error{color:#ffb4a9;background:#37242c}code{color:#82e3db;overflow-wrap:anywhere}.file{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #294457}.file:last-child{border-bottom:0}.file>span{flex:1;min-width:200px;overflow-wrap:anywhere}.file button{font-size:14px;padding:9px}#receipt{color:#82e3db}#qr{display:block;margin:15px 0;max-width:100%;height:auto}#qr[hidden],[hidden]{display:none!important}dialog{color:#e8f1f7;background:#101f30;border:1px solid #4edccc;border-radius:15px;width:min(94vw,1000px);padding:24px}dialog::backdrop{background:#000b}textarea{font:14px monospace;width:100%;height:55vh;resize:vertical;white-space:pre}footer{font-size:14px;color:#8da6b7}@media(max-width:600px){header{align-items:flex-start;flex-direction:column;gap:0}header,main,footer{padding:18px}.card{padding:15px}.row>label{min-width:100%}nav button{flex:1}#profile,#recipient,#target{width:100%}}