html{background:#090b10}body{min-width:320px;min-height:100vh}#root{min-height:100vh}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app{color:#f7f7fb;background:radial-gradient(circle at 50% 0,#874cff24,#0000 32%),#090b10;min-height:100vh;padding:28px 64px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.navbar{justify-content:space-between;align-items:center;width:min(1180px,100%);margin:0 auto;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#8b5cf6,#c084fc);border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid;box-shadow:0 0 30px #8b5cf640}.brand h1{margin:0;font-size:18px}.brand span{color:#858b99;font-size:12px}.network-badge{color:#b8bdc9;letter-spacing:.08em;border:1px solid #252936;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:700;display:flex}.network-dot{background:#48e0a4;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #48e0a4b3}.hero{text-align:center;max-width:760px;margin:120px auto 48px}.eyebrow{color:#a78bfa;letter-spacing:.16em;margin-bottom:22px;font-size:12px;font-weight:800;display:inline-block}.hero h2{letter-spacing:-.05em;margin:0;font-size:clamp(42px,6vw,72px);line-height:1.02}.hero p{color:#959baa;max-width:580px;margin:26px auto 0;font-size:17px;line-height:1.7}.wallet-card{text-align:center;background:#10131bd1;border:1px solid #242836;border-radius:22px;width:min(480px,100%);margin:0 auto;padding:34px;box-shadow:0 24px 80px #00000059,inset 0 1px #ffffff08}.card-icon{color:#a78bfa;background:#8b5cf61f;border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 20px;font-size:25px;display:grid}.wallet-card h3{margin:0;font-size:22px}.wallet-card p{color:#858b99;margin:12px 0 26px;line-height:1.6}.primary-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border:0;border-radius:12px;width:100%;padding:14px 20px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:block}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #8b5cf64d}.primary-button:disabled{opacity:.6;cursor:wait}.install-link{text-align:center}.secondary-button{color:#b9bec9;cursor:pointer;background:0 0;border:1px solid #343947;border-radius:12px;width:100%;margin-top:12px;padding:12px 20px}.secondary-button:hover{background:#ffffff0a}.connected-status{color:#6ee7b7;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.connected-dot{background:#48e0a4;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #48e0a4b3}.wallet-address{color:#c7cbd4;background:#0c0f16;border:1px solid #2a2f3d;border-radius:12px;flex-direction:column;gap:8px;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;display:flex}.wallet-address-label{color:#686e7c;letter-spacing:.12em;text-transform:uppercase;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;font-weight:700}.wallet-address strong{font-size:14px}.connection-error{color:#fca5a5;background:#f871710d;border:1px solid #f8717140;border-radius:10px;margin-top:16px;padding:12px;font-size:13px;line-height:1.5}.card-note{color:#5f6573;margin-top:16px;font-size:11px;display:block}footer{text-align:center;color:#4e5360;margin:48px auto 20px;font-size:12px}footer a{color:#7c8190}footer a:hover{color:#a78bfa}@media (width<=640px){.app{padding:22px}.hero{margin-top:80px}.wallet-card{padding:26px 22px}.brand span{display:none}}.network-badge-wrong{color:#fca5a5;border-color:#f8717166}.network-dot-wrong{background:#f87171;box-shadow:0 0 12px #f87171b3}.network-panel{text-align:left;border-radius:12px;flex-direction:column;gap:6px;margin-top:16px;padding:15px;display:flex}.network-panel-good{background:#48e0a40d;border:1px solid #48e0a440}.network-panel-wrong{background:#f871710d;border:1px solid #f8717140}.network-panel-label{color:#686e7c;letter-spacing:.12em;font-size:10px;font-weight:700}.network-panel-good strong{color:#6ee7b7}.network-panel-wrong strong{color:#fca5a5}.network-panel span:last-child{color:#858b99;font-size:12px}.disconnect-button{color:#747987;cursor:pointer;background:0 0;border:0;width:100%;margin-top:10px;padding:12px 20px;font-size:12px}.disconnect-button:hover{color:#fca5a5}.balance-panel{text-align:left;background:linear-gradient(135deg,#7c3aed14,#a855f708);border:1px solid #a78bfa40;border-radius:12px;flex-direction:column;gap:7px;margin-top:16px;padding:20px;display:flex}.balance-label{color:#8b91a0;letter-spacing:.12em;font-size:10px;font-weight:700}.balance-value{color:#f7f7fb;letter-spacing:-.03em;font-size:25px}.balance-caption{color:#6f7582;font-size:11px}.balance-refresh{color:#a78bfa;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:8px;padding:0;font-size:12px;font-weight:700}.balance-refresh:hover{color:#c4b5fd}.balance-refresh:disabled{opacity:.5;cursor:wait}.balance-error{text-align:left;background:#fbbf240d;border:1px solid #fbbf2440;border-radius:12px;flex-direction:column;gap:5px;margin-top:16px;padding:14px;display:flex}.balance-error strong{color:#fbbf24;font-size:13px}.balance-error span{color:#989dab;font-size:12px;line-height:1.5}.payment-form{text-align:left;background:#0c0f16;border:1px solid #2a2f3d;border-radius:14px;flex-direction:column;gap:16px;margin-top:18px;padding:20px;display:flex}.payment-heading{margin-bottom:2px}.payment-eyebrow{color:#a78bfa;letter-spacing:.14em;font-size:9px;font-weight:800}.payment-heading h4{color:#f7f7fb;margin:7px 0 5px;font-size:18px}.payment-heading p{color:#747a88;margin:0;font-size:12px}.payment-form label{color:#969caa;letter-spacing:.04em;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.payment-form input{color:#f7f7fb;background:#090c12;border:1px solid #2b303d;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-family:inherit}.payment-form input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.payment-form input::placeholder{color:#4d5360}.amount-input{position:relative}.amount-input input{padding-right:55px}.amount-input span{color:#8c92a0;font-size:11px;font-weight:800;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.transaction-result{text-align:left;border-radius:12px;align-items:flex-start;gap:12px;margin-top:18px;padding:16px;display:flex}.transaction-success{background:#48e0a40f;border:1px solid #48e0a447}.transaction-failure{background:#f871710f;border:1px solid #f8717147}.result-icon{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.transaction-success .result-icon{color:#6ee7b7;background:#48e0a41f}.transaction-failure .result-icon{color:#fca5a5;background:#f871711f}.transaction-result strong{color:#f7f7fb;font-size:13px}.transaction-result p{color:#8d93a1;margin:5px 0 10px;font-size:11px;line-height:1.5}.hash-label{color:#686e7c;letter-spacing:.12em;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.transaction-result code{color:#c4b5fd;margin-bottom:9px;font-size:10px;display:block}.transaction-result a{color:#a78bfa;font-size:11px;font-weight:700;text-decoration:none}.transaction-result a:hover{color:#c4b5fd}.tracker-card{text-align:center;background:#10131bd1;border:1px solid #242836;border-radius:22px;width:min(560px,100%);margin:26px auto 0;padding:34px}.tracker-heading h3{margin:8px 0 6px;font-size:22px}.tracker-heading p{color:#858b99;margin:0 0 18px;font-size:13px;line-height:1.6}.tracker-contract{background:#ffffff05;border:1px solid #242836;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;padding:10px 14px;display:flex}.tracker-contract-label{color:#6b7280;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:800}.tracker-contract code{color:#c4b5fd;font-size:11px}.tracker-contract a{color:#a78bfa;font-size:11px;font-weight:700;text-decoration:none}.tracker-contract a:hover{color:#c4b5fd}.tracker-mode{border:1px solid #242836;border-radius:12px;gap:8px;margin-bottom:18px;padding:4px;display:flex}.tracker-tab{color:#858b99;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:9px 12px;font-size:12px;font-weight:700}.tracker-tab-active{color:#ddd6fe;background:#8b5cf629}.tracker-tab:disabled{cursor:not-allowed;opacity:.6}.tracker-row{margin-bottom:6px;padding-bottom:6px;position:relative}.tracker-remove{color:#858b99;cursor:pointer;background:0 0;border:1px solid #343947;border-radius:8px;width:24px;height:24px;font-size:11px;position:absolute;top:0;right:0}.tracker-remove:hover:not(:disabled){color:#fca5a5;border-color:#f8717166}.tracker-list-heading{justify-content:space-between;align-items:center;margin:28px 0 12px;display:flex}.tracker-list-heading h4{margin:0;font-size:14px}.tracker-empty{color:#6b7280;margin:0 0 8px;font-size:12px}.tracker-list{text-align:left;margin:0;padding:0;list-style:none}.tracker-item{background:#ffffff05;border:1px solid #242836;border-radius:14px;margin-bottom:10px;padding:14px}.tracker-item-main{align-items:center;gap:12px;display:flex}.tracker-id{color:#6b7280;font-size:11px;font-weight:800}.tracker-item-detail{flex-direction:column;flex:1;gap:3px;display:flex}.tracker-item-detail strong{font-size:14px}.tracker-to,.tracker-time{color:#6b7280;font-size:11px}.tracker-to code{color:#9ca3af}.tracker-status{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800}.tracker-status-pending{color:#fcd34d;background:#fbbf241f}.tracker-status-completed{color:#6ee7b7;background:#48e0a41f}.tracker-status-cancelled{color:#fca5a5;background:#f871711f}.tracker-actions{gap:10px;margin-top:12px;display:flex}.tracker-action{margin-top:0;padding:9px 14px;font-size:12px}@media (width<=640px){.tracker-card{padding:24px 18px}.tracker-item-main{flex-wrap:wrap}}.wallet-availability{text-align:left;flex-direction:column;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.wallet-availability li{color:#b9bec9;border:1px solid #242836;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.wallet-availability-dot{background:#4b5563;border-radius:50%;width:7px;height:7px}.wallet-available .wallet-availability-dot{background:#34d399}.wallet-availability em{color:#6ee7b7;letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:10px;font-style:normal;font-weight:700}.wallet-availability a{color:#a78bfa;margin-left:auto;font-size:11px;font-weight:700;text-decoration:none}.wallet-availability a:hover{color:#c4b5fd}.connection-error strong{margin-bottom:4px;display:block}.connection-error p{margin:0}.error-hint{color:#8b90a0!important;margin-top:6px!important;font-size:11px!important}.tx-status{text-align:left;background:#8b5cf60f;border:1px solid #8b5cf64d;border-radius:12px;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;display:flex}.tx-status strong{font-size:13px;display:block}.tx-status a{color:#a78bfa;font-size:11px;font-weight:700;text-decoration:none}.tx-status-spinner{border:2px solid #a78bfa40;border-top-color:#a78bfa;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.9s linear infinite tracker-spin}@keyframes tracker-spin{to{transform:rotate(360deg)}}.tracker-live{color:#6ee7b7;letter-spacing:.12em;align-items:center;gap:5px;margin-left:10px;font-size:9px;font-weight:800;display:inline-flex}.tracker-live-dot{background:#34d399;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite tracker-pulse}@keyframes tracker-pulse{50%{opacity:.35}}.tracker-events{margin-top:26px}.tracker-events-caption{color:#6b7280;font-size:10px}.tracker-event-list{text-align:left;margin:0;padding:0;list-style:none}.tracker-event{border-bottom:1px solid #1c202c;align-items:center;gap:10px;padding:9px 4px;font-size:12px;display:flex}.tracker-event:last-child{border-bottom:0}.tracker-event-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-flex}.tracker-event-payment_created{color:#fcd34d;background:#fbbf241f}.tracker-event-payment_completed{color:#6ee7b7;background:#48e0a41f}.tracker-event-payment_cancelled{color:#fca5a5;background:#f871711f}.tracker-event-tracker_initialized{color:#c4b5fd;background:#8b5cf61f}.tracker-event-detail{flex-direction:column;flex:1;gap:2px;display:flex}.tracker-event-time{color:#6b7280;font-size:10px}.tracker-event a{color:#a78bfa;font-size:11px;font-weight:700;text-decoration:none}.ramp-discovered{color:#6ee7b7;font-size:11px;font-weight:700}.ramp-discovering{color:#858b99;font-size:11px}.ramp-balance{margin-bottom:4px}.ramp-balance-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.ramp-balance-actions .balance-refresh{margin-top:0}.ramp-quote,.ramp-instructions{text-align:left;background:#8b5cf60f;border:1px solid #8b5cf64d;border-radius:12px;padding:14px 16px}.ramp-instructions{margin-top:18px}.ramp-quote-expired{background:#f871710f;border-color:#f8717166}.ramp-quote dl,.ramp-instructions dl{grid-template-columns:1fr;gap:6px;margin:10px 0 0;display:grid}.ramp-quote dl>div,.ramp-instructions dl>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ramp-quote dt,.ramp-instructions dt{color:#858b99;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.ramp-quote dd,.ramp-instructions dd{text-align:right;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:600}.ramp-instructions dd code{color:#c4b5fd;font-size:12px}.ramp-quote-id{color:#6b7280;margin-top:10px;font-size:10px;display:block}.ramp-note{color:#858b99;margin:12px 0 0;font-size:12px;line-height:1.6}.ramp-instructions .tracker-action{margin-top:12px}.ramp-reset{align-self:flex-start}.ramp-timeline{text-align:left;background:#ffffff05;border:1px solid #242836;border-radius:14px;margin-top:14px;padding:14px}.ramp-links{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.ramp-links a{color:#a78bfa;font-size:11px;font-weight:700;text-decoration:none}.ramp-links a:hover{color:#c4b5fd}.ramp-links code{color:#9ca3af}