.connect{display:flex;align-items:center;gap:6px;padding:5px 5px 5px 16px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid var(--line-2);min-width:0}
.connect code{flex:1;min-width:0;font-family:var(--f-m);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:all}
.connect code span{color:var(--muted);margin-right:.6em}
.scrim{position:fixed;inset:0;z-index:120;background:rgba(5,6,9,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
.scrim.on{opacity:1;pointer-events:auto}
.modal{position:fixed;left:50%;top:50%;z-index:121;width:min(460px,calc(100% - 32px));max-height:calc(100% - 40px);overflow:auto;background:#151820;border:1px solid var(--line-2);border-radius:20px;padding:24px;box-shadow:0 40px 80px -30px #000;
  transform:translate(-50%,-46%) scale(.96);opacity:0;pointer-events:none;transition:opacity .3s var(--ease),transform .45s var(--ease)}
.modal.on{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}
.m-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.m-h h3{font-size:19px;font-weight:600}
.m-f{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}
.x{width:34px;height:34px;border-radius:10px;border:0;background:none;cursor:pointer;display:grid;place-items:center;color:var(--muted);transition:background .2s,color .2s,transform .4s var(--ease)}
.x:hover{background:rgba(255,255,255,.06);color:#fff;transform:rotate(90deg)}
.x svg{width:14px;height:14px}
.steps{margin:18px 0 0;padding-left:20px;display:grid;gap:8px;color:#bcc3cf;font-size:14px}
.sum{border-radius:14px;border:1px solid var(--line-2);overflow:hidden}
.sum div{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;font-size:14px}
.sum div+div{border-top:1px solid var(--line)}
.sum span{color:var(--muted)}
.sum b{text-align:right}
.sum .pr{color:var(--sky)}
.m-note{color:#b3bac6;font-size:14px;margin:16px 0 0}
.m-tag{display:inline-block;margin-top:14px;font-family:var(--f-m);font-weight:500;color:var(--sky)}
.spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:sp .8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:130;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#1b1f29;border:1px solid var(--line-2);border-radius:12px;padding:12px 18px;font-weight:600;font-size:14px;box-shadow:0 20px 50px -20px #000;transition:opacity .35s,transform .45s var(--ease);max-width:calc(100% - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}