:root{--bg: #080c18;--bg-2: #0d1326;--surface: #141c33;--surface-2: #1a2440;--surface-3: #212d4d;--inset: #0b1122;--ink: #eef2ff;--ink-2: #c5cee6;--muted: #8a96b8;--faint: #5d678a;--primary: #5b8cff;--primary-2: #7aa6ff;--primary-ink: #f6f9ff;--accent: #8b6cff;--danger: #ff5d6c;--ok: #34d399;--warn: #ffcc66;--line: #283354;--line-2: #344066;--line-strong: #41507d;--grad-brand: linear-gradient(135deg, #5b8cff 0%, #8b6cff 100%);--grad-card: linear-gradient(180deg, var(--surface) 0%, var(--bg-2) 100%);--ring: 0 0 0 3px rgba(91, 140, 255, .32);--shadow-card: 0 28px 70px -12px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .03) inset;--shadow-pop: 0 12px 32px -8px rgba(0, 0, 0, .5);--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 22px;--space: 12px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:Inter var,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--ink);background:radial-gradient(900px 500px at 80% -5%,rgba(139,108,255,.16),transparent 60%),radial-gradient(1100px 600px at 15% -10%,rgba(91,140,255,.18),transparent 55%),var(--bg);background-attachment:fixed;display:flex;justify-content:center;align-items:flex-start;padding:clamp(16px,4vw,48px) 16px;line-height:1.5}.card{position:relative;width:100%;max-width:470px;height:fit-content;background:var(--grad-card);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(22px,4vw,32px);box-shadow:var(--shadow-card);animation:rise .5s cubic-bezier(.16,1,.3,1) both}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;border-radius:var(--r-xl) var(--r-xl) 0 0;background:linear-gradient(90deg,transparent,rgba(122,166,255,.7),transparent)}.brand{text-align:center;margin-bottom:22px}.brand .logo{width:56px;height:56px;margin:0 auto 10px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:var(--grad-brand);box-shadow:0 8px 24px -6px #5b8cff99,0 0 0 1px #ffffff14 inset}.brand h1{margin:0 0 3px;font-size:25px;font-weight:700;letter-spacing:-.02em}.tagline{margin:0;color:var(--muted);font-size:13px;display:flex;gap:8px;align-items:center;justify-content:center}.badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:#5b8cff24;color:var(--primary-2);border:1px solid rgba(91,140,255,.3);white-space:nowrap}.badge.secure{background:#34d39921;color:var(--ok);border-color:#34d3994d}h2{font-size:20px;font-weight:650;letter-spacing:-.01em;margin:4px 0 16px}.muted{color:var(--muted);font-size:13px}.small{font-size:11px}small.muted{font-size:11.5px;line-height:1.45}form{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:550;color:var(--ink-2)}input{background:var(--inset);border:1px solid var(--line);color:var(--ink);border-radius:var(--r);padding:12px 13px;font-size:15px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input::placeholder{color:var(--faint)}input:hover:not(:focus){border-color:var(--line-strong)}input:focus{border-color:var(--primary);box-shadow:var(--ring);background:#0c142a}button{font-family:inherit;font-size:15px;font-weight:600;border-radius:var(--r);padding:12px 16px;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:var(--ring)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--grad-brand);color:var(--primary-ink);width:100%;box-shadow:0 8px 22px -10px #5b8cffcc}.primary:hover:not(:disabled){box-shadow:0 12px 28px -10px #5b8cfff2;filter:brightness(1.06)}.ghost{background:#ffffff06;color:var(--ink);border:1px solid var(--line)}.ghost:hover:not(:disabled){background:#ffffff0f;border-color:var(--line-strong)}.danger{background:transparent;color:var(--danger);border:1px solid rgba(255,93,108,.4);width:100%}.danger:hover:not(:disabled){background:#ff5d6c1a}.linkbtn{background:none;border:none;color:var(--primary-2);cursor:pointer;padding:0;font-size:13px;font-weight:600}.linkbtn:hover{text-decoration:underline}.switch{text-align:center;color:var(--muted);font-size:13px;margin:18px 0 0}.tabs{display:flex;gap:4px;margin:4px 0 18px;padding:4px;background:var(--inset);border:1px solid var(--line);border-radius:var(--r)}.tab{flex:1;font-size:13px;font-weight:600;padding:9px 8px;background:transparent;border:1px solid transparent;color:var(--muted);border-radius:var(--r-sm)}.tab:hover:not(.active){color:var(--ink-2)}.tab.active{background:var(--surface-2);border-color:var(--line-strong);color:var(--ink);box-shadow:var(--shadow-pop)}.alert{background:#ff5d6c1f;border:1px solid rgba(255,93,108,.4);color:#ffd2d6;padding:11px 13px;border-radius:var(--r);font-size:13px;margin-bottom:14px;animation:rise .3s ease both}.alert.ok{background:#34d3991f;border-color:#34d39966;color:#c7f5e3}.warn{background:#ffcc661a;border:1px solid rgba(255,204,102,.32);color:#ffe7b3;padding:12px 14px;border-radius:var(--r);font-size:13px;line-height:1.55}.blob{background:var(--inset);border:1px solid var(--line);border-radius:var(--r);padding:14px;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-size:13px;line-height:1.7;word-break:break-word;-webkit-user-select:all;user-select:all;margin:14px 0}.field{margin-bottom:13px}.field-label{display:block;font-size:12px;font-weight:550;color:var(--muted);margin-bottom:6px}.field-value{display:flex;gap:8px;align-items:center;background:var(--inset);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;transition:border-color .15s ease}.field-value:hover{border-color:var(--line-strong)}.field-value code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;word-break:break-all;flex:1;color:var(--ink-2)}.copy{background:transparent;border:1px solid var(--line);color:var(--muted);padding:5px 10px;font-size:13px;border-radius:var(--r-sm);flex-shrink:0}.copy:hover{color:var(--ink);border-color:var(--line-strong)}.copy.done{color:var(--ok);border-color:#34d39966}.hero{text-align:center;padding:22px 16px;margin-bottom:18px;border-radius:var(--r-lg);background:radial-gradient(120% 120% at 50% 0%,rgba(91,140,255,.12),transparent 70%),var(--inset);border:1px solid var(--line)}.hero .hero-label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.hero .hero-amount{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:6px 0 2px;font-variant-numeric:tabular-nums}.hero .hero-sub{font-size:12.5px;color:var(--faint);font-variant-numeric:tabular-nums}.row{display:flex;gap:8px}.spacer{height:14px}.divider{height:1px;background:var(--line);margin:22px 0;border:0}.check{flex-direction:row!important;align-items:center;gap:10px;font-weight:500;color:var(--ink-2);cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0}.tx{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:13.5px;font-variant-numeric:tabular-nums}.tx:last-child{border-bottom:0}.tx .in{color:var(--ok);font-weight:600}.tx .out{color:var(--warn);font-weight:600}.qr-wrap{display:flex;justify-content:center;margin:14px 0}.qr-wrap img{border-radius:var(--r);border:1px solid var(--line);padding:10px;background:var(--inset)}.approve{text-align:center}.approve .shield{width:52px;height:52px;margin:0 auto 14px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:#5b8cff1f;border:1px solid rgba(91,140,255,.3)}.approve h2{margin-bottom:6px}.approve>p{text-align:center}.approve .scopes{margin:16px 0;display:flex;flex-direction:column;gap:10px;text-align:left;background:var(--inset);border:1px solid var(--line);border-radius:var(--r);padding:14px}.approve .scopes label{font-size:14px;font-weight:500;cursor:pointer;flex-direction:row;align-items:center;gap:10px;color:var(--ink-2)}.approve .scopes input{width:18px;height:18px;accent-color:var(--primary)}.approve .payload{background:var(--inset);border:1px solid var(--line);border-radius:var(--r);padding:12px;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-all;max-height:180px;overflow:auto;text-align:left}.approve .row{margin-top:20px}.approve .row button{flex:1}.foot{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);text-align:center;font-size:11.5px;color:var(--faint);display:flex;gap:7px;justify-content:center;align-items:center;flex-wrap:wrap}.foot a{color:var(--muted);text-decoration:none}.foot a:hover{color:var(--ink-2)}.spinner{width:22px;height:22px;border:2.5px solid var(--line-strong);border-top-color:var(--primary-2);border-radius:50%;animation:spin .7s linear infinite}.loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 0;color:var(--muted);font-size:13px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--surface-3);border:1px solid var(--line-strong);color:var(--ink);padding:11px 18px;border-radius:999px;font-size:13px;font-weight:550;box-shadow:var(--shadow-pop);z-index:50;animation:toastIn .25s cubic-bezier(.16,1,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.view{animation:rise .32s cubic-bezier(.16,1,.3,1) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media(max-width:380px){.brand h1{font-size:22px}.hero .hero-amount{font-size:25px}}
