*{box-sizing:border-box}body{margin:0;background:#f5f5ef;color:#243d34;font:17px system-ui,-apple-system,sans-serif}main{max-width:580px;margin:auto;padding:30px 20px 48px}header span{font-size:11px;letter-spacing:.19em;font-weight:750}h1{font-size:38px;letter-spacing:-.05em;margin:12px 0}header p,footer,small{color:#63756c;line-height:1.5}section,form,details{padding:20px;border:1px solid #dfe4db;background:#fff;border-radius:16px;margin:18px 0}.connection{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:14px}.connection span{flex:1;min-width:150px}nav{display:flex;background:#e6eae3;border-radius:14px;padding:5px;gap:4px}nav button{flex:1;border:0;background:transparent}nav .active{background:#214e42;color:white}label{display:block;font-size:14px;font-weight:650;margin-bottom:18px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #d8decc;border-radius:9px;background:#fff9df;color:#243d34;padding:13px;font:inherit;font-size:17px}textarea{resize:vertical}button{font:inherit;border:1px solid #cbd7ca;border-radius:9px;padding:12px 15px;color:#214e42;background:#e5f0e9;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.primary{width:100%;background:#214e42;color:white;border:0;font-weight:700;padding:16px}h2{font-size:18px;margin-top:0}small{display:block;margin-top:6px;font-weight:400}#status{padding:0 5px;line-height:1.5}#status.error{color:#a13926}ul{padding:0;list-style:none}li{padding:12px 0;border-top:1px solid #e3e6df;font-size:14px}li small{font-size:12px}summary{cursor:pointer;margin-bottom:16px}code{font-size:12px;overflow-wrap:anywhere}footer{font-size:13px;padding:0 5px}[hidden]{display:none!important}:focus-visible{outline:3px solid #62a48b;outline-offset:3px}input[type=file]{background:#f1f5f0;font-size:14px}
