.support-transfer-overlay{--transfer-progress:0;position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:clamp(12px,3vw,34px);background:rgba(1,3,9,.88);backdrop-filter:blur(24px) saturate(1.25);color:#f4f7ff;isolation:isolate}
.support-transfer-overlay::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 34%,rgba(100,133,255,.18),transparent 43%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);opacity:.9}
.support-transfer-dialog{position:relative;width:min(760px,100%);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:clamp(25px,5vw,52px);border:1px solid rgba(198,214,255,.2);border-radius:clamp(24px,4vw,46px);background:linear-gradient(145deg,rgba(18,24,43,.96),rgba(4,7,15,.98));box-shadow:0 34px 120px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.14);outline:0}
.support-transfer-dialog::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 16%,rgba(136,178,255,.08) 44%,transparent 70%);background-size:240% 100%;animation:support-transfer-scan 2.2s linear infinite}
.support-transfer-close{position:absolute;z-index:4;top:18px;right:18px;min-width:44px;height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.04);color:#aebad0;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;cursor:pointer}
.support-transfer-close:hover,.support-transfer-close:focus-visible,.support-transfer-dismiss:focus-visible{border-color:#9eb7ff;color:#fff;outline:2px solid rgba(119,156,255,.32);outline-offset:3px}
.support-transfer-header{position:relative;z-index:2;padding-right:72px}.support-transfer-eyebrow,.support-transfer-outcome>span{display:block;color:#86a6ff;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase}.support-transfer-header h2{margin:12px 0 10px;font-size:clamp(28px,5vw,52px);line-height:.98;letter-spacing:-.04em}.support-transfer-truth{max-width:600px;margin:0;color:#99a6bc;font-size:13px;line-height:1.65}
.support-transfer-network{position:relative;z-index:2;height:clamp(150px,27vh,220px);margin:34px 0 24px;overflow:hidden;border:1px solid rgba(130,160,222,.13);border-radius:24px;background:radial-gradient(circle at calc(var(--transfer-progress) * 100%) 50%,rgba(102,158,255,.16),transparent 24%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}
.support-transfer-plane{position:absolute;inset:18px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr)}
.support-transfer-node{position:relative;place-self:center;width:4px;height:4px;border-radius:50%;background:#70809b;box-shadow:0 0 0 1px rgba(144,172,232,.14);animation:support-transfer-node 1.7s ease-in-out infinite;animation-delay:calc(var(--node-delay) * -.14s)}
.support-transfer-node::after{content:"";position:absolute;left:4px;top:1px;width:calc((min(760px,100vw) - 100px)/8);height:1px;background:linear-gradient(90deg,rgba(111,141,204,.2),transparent)}
.support-transfer-node:nth-child(8n)::after{display:none}
.support-transfer-packet{position:absolute;left:-10%;top:calc(16% + var(--packet-index) * 21%);width:64px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#a5c7ff 62%,#fff);box-shadow:0 0 14px #6d9dff;animation:support-transfer-packet calc(1.2s + var(--packet-index) * .13s) linear infinite;animation-delay:calc(var(--packet-index) * -.41s)}
.support-transfer-telemetry{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px}.support-transfer-percent{font:clamp(22px,4vw,34px) ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.06em}.support-transfer-rail{height:6px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08)}.support-transfer-rail i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#597dff,#a277ff,#e4bbff);box-shadow:0 0 22px #7c9eff}
.support-transfer-stages{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:24px 0 0;padding:0;list-style:none}.support-transfer-stages li{display:flex;align-items:center;gap:11px;min-width:0;padding:10px 0;color:#68758b;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;transition:color .2s}.support-transfer-stages i{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid rgba(255,255,255,.1);border-radius:50%;font-style:normal;font-size:8px}.support-transfer-stages li.is-active{color:#d9e6ff}.support-transfer-stages li.is-active i{border-color:#87aaff;box-shadow:0 0 18px rgba(109,151,255,.4)}.support-transfer-stages li.is-complete{color:#8195ba}.support-transfer-stages li.is-complete i{background:#92adff;color:#071022;border-color:transparent}
.support-transfer-outcome{position:relative;z-index:3;display:none;margin-top:28px;padding:22px;border:1px solid rgba(255,109,130,.28);border-radius:22px;background:rgba(73,12,26,.22)}.support-transfer-outcome h3{margin:8px 0 6px;color:#ff9bad;font-size:clamp(22px,4vw,34px);letter-spacing:-.025em}.support-transfer-outcome p{margin:0;color:#c8a8af;line-height:1.6}.support-transfer-outcome .support-transfer-slogan{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08);color:#778398;font:9px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.support-transfer-dismiss{margin-top:20px}.support-transfer-overlay[data-state="failed"] .support-transfer-network{filter:saturate(.5);opacity:.5}.support-transfer-overlay[data-state="failed"] .support-transfer-outcome{display:block;animation:support-transfer-failure .45s ease both}.support-transfer-overlay[data-state="failed"] .support-transfer-stages{display:none}
@keyframes support-transfer-packet{to{transform:translateX(850px)}}@keyframes support-transfer-node{50%{background:#a9c8ff;box-shadow:0 0 12px #689dff}}@keyframes support-transfer-scan{to{background-position:-240% 0}}@keyframes support-transfer-failure{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:560px){.support-transfer-overlay{padding:8px}.support-transfer-dialog{max-height:calc(100dvh - 16px);padding:28px 20px 24px;border-radius:25px}.support-transfer-header{padding-right:48px}.support-transfer-close{top:12px;right:12px}.support-transfer-network{margin-top:26px}.support-transfer-stages{grid-template-columns:1fr}.support-transfer-telemetry{gap:12px}.support-transfer-outcome{padding:18px}}
@media(prefers-reduced-motion:reduce){.support-transfer-dialog::before,.support-transfer-node,.support-transfer-packet,.support-transfer-overlay[data-state="failed"] .support-transfer-outcome{animation:none}.support-transfer-rail i,.support-transfer-stages li{transition:none}}
