:root{--bg:#060710;--bg-2:#0b1116;--surface: rgba(255,255,255,.02);--card:#071026;--muted:#98a6b0;--accent:#7b61ff;--accent-2:#00f0ff;--accent-3:#ff6ea8;--accent-glow: rgba(123,97,255,.14);--glass: rgba(255,255,255,.018);--glass-2: rgba(255,255,255,.01);--success:#28d07b;--text:#eaf3fb;--glass-blur: 14px;--radius: 14px}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;justify-content:center;padding:52px 20px;position:relative;overflow:hidden}body:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 220px at 10% 20%,rgba(123,97,255,.035),transparent),radial-gradient(600px 180px at 90% 80%,rgba(0,240,255,.02),transparent);pointer-events:none;z-index:0}body:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.002) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.002) 1px,transparent 1px);background-size:4px 4px,4px 4px;opacity:.6;mix-blend-mode:overlay;pointer-events:none}body:after{display:none}.app-shell{width:100%;max-width:980px;position:relative;z-index:1}.container{max-width:400px;margin:40px auto;padding:24px;background:linear-gradient(180deg,#ffffff03,#ffffff02);color:var(--text);border-radius:12px;box-shadow:0 8px 30px #02060c99;border:1px solid rgba(255,255,255,.02)}button{padding:10px 18px;margin-top:12px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#02111a;border:none;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:0 8px 20px #7b61ff1a}button:disabled{background:#ffffff0a;color:var(--muted);cursor:not-allowed;box-shadow:none}.glass-card{background:linear-gradient(180deg,#ffffff03,#ffffff02);border:1px solid var(--glass-2);box-shadow:0 18px 50px #02060cb3;border-radius:var(--radius);overflow:hidden;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:transform .26s cubic-bezier(.2,.9,.2,1),box-shadow .26s ease;position:relative}.glass-card:hover{transform:translateY(-6px);box-shadow:0 30px 80px #02060ccc}.card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--glass-2)}.title{margin:0;font-size:20px;letter-spacing:.8px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;text-transform:uppercase}.header-actions{display:flex;gap:12px;align-items:center}.status-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:#ffffff0f;box-shadow:0 0 10px #0006}.status-pill.connected:before{background:var(--success);box-shadow:0 0 10px #2bd67b2e}.status-pill.connected{color:var(--success);border-color:#2bd67b0f;background:linear-gradient(90deg,rgba(43,214,123,.03),transparent)}.status-pill{padding:8px 12px;border-radius:999px;font-size:12px;color:var(--muted);background:#ffffff03;border:1px solid rgba(255,255,255,.02);display:flex;align-items:center;gap:8px}.status-pill.disconnected{color:var(--muted)}.btn{border:none;padding:10px 14px;border-radius:10px;cursor:pointer;background:transparent;color:inherit;font-weight:700;transition:transform .15s ease,box-shadow .18s ease,opacity .15s ease}.btn.small{padding:8px 12px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.03)}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#02111a;box-shadow:0 10px 30px #7b61ff24;padding:12px 18px;border-radius:12px;position:relative;overflow:visible}.btn.primary:after{content:"";position:absolute;inset:-4px;border-radius:14px;background:linear-gradient(90deg,#7b61ff0f,#00f0ff08);filter:blur(14px);opacity:.6;z-index:-1}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 22px 48px #7b61ff2e}.btn.primary:active{transform:translateY(0)}.btn.primary.loading{opacity:.95}@keyframes pulse{0%{box-shadow:0 8px 30px #6c5ce71f}50%{box-shadow:0 18px 48px #6c5ce733}to{box-shadow:0 8px 30px #6c5ce71f}}.card-body{display:flex;gap:20px;padding:28px;align-items:stretch}.panel{flex:1;min-width:220px}.panel.left{display:flex;flex-direction:column;gap:18px}.balance{padding:20px;background:linear-gradient(180deg,#ffffff02,#ffffff01);border-radius:12px;border:1px solid rgba(255,255,255,.02)}.balance-label{color:var(--muted);font-size:13px}.balance-value{margin-top:10px;font-size:36px;font-weight:900;background:linear-gradient(90deg,var(--accent-3),var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.6px;text-shadow:0 8px 30px rgba(123,97,255,.08)}.balance-value:after{content:" TOKEN";font-size:12px;font-weight:700;color:var(--muted);margin-left:8px;opacity:.92}.balance-value:after{content:" TOKEN";font-size:12px;font-weight:700;color:var(--muted);margin-left:8px;opacity:.9}.mint-actions{display:flex;flex-direction:column;gap:10px}.hint{color:var(--muted);font-size:13px}.card-metrics{display:grid;grid-template-columns:1fr;gap:12px}.metric{padding:12px;border-radius:10px;background:#ffffff02;border:1px solid rgba(255,255,255,.016)}.metric-title{font-size:12px;color:var(--muted)}.metric-value{margin-top:6px;font-weight:700;font-size:16px}.visual{margin-top:16px;display:flex;align-items:center;justify-content:center;height:140px;border-radius:12px;background:linear-gradient(180deg,#ffffff02,#ffffff01);border:1px solid rgba(255,255,255,.02)}.orbit,.planet,.satellite{display:none!important}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-top:1px solid rgba(255,255,255,.02);font-size:13px;color:var(--muted);background:linear-gradient(180deg,#ffffff01,#0000)}.glass-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 200px at 8% 22%,rgba(108,92,231,.03),transparent),radial-gradient(500px 160px at 92% 78%,rgba(0,230,255,.02),transparent);mix-blend-mode:overlay}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace}@media(max-width:720px){.card-body{flex-direction:column}.visual{height:110px}.balance-value{font-size:28px}}@media(prefers-contrast:more){.glass-card{box-shadow:0 20px 60px #000000f2}.balance-value{color:#fff;text-shadow:none}}.btn:focus{outline:3px solid rgba(123,97,255,.12);outline-offset:3px}:root{--bg: #060710;--bg-2: #0b1116;--card: #071026;--muted: #98a6b0;--accent: #7b61ff;--accent-2: #00f0ff;--text: #eaf3fb;--glass: rgba(255,255,255,.02);--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(800px 200px at 10% 20%,rgba(123,97,255,.03),transparent),linear-gradient(180deg,var(--bg),var(--bg-2));min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text)}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.002) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.002) 1px,transparent 1px);background-size:4px 4px,4px 4px;opacity:.5;pointer-events:none}.container{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:var(--radius);padding:2rem;max-width:480px;width:92%;color:var(--text);box-shadow:0 20px 60px #02060cb3;border:1px solid rgba(255,255,255,.03);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1{color:var(--text);margin-bottom:1rem;font-size:1.6rem;letter-spacing:.6px;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}p{margin:.5rem 0 1.25rem;color:var(--muted);line-height:1.45}button{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#02111a;border:none;padding:12px 24px;border-radius:10px;font-size:15px;cursor:pointer;margin:8px;transition:transform .18s ease,box-shadow .22s ease,opacity .18s ease;font-weight:700;box-shadow:0 12px 30px #7b61ff1f}button:hover{transform:translateY(-3px);box-shadow:0 24px 60px #7b61ff2e}button:disabled{background:#ffffff0a;color:var(--muted);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text);padding:10px 16px;border-radius:10px}@media(max-width:520px){.container{padding:1.25rem}h1{font-size:1.3rem}button{width:100%;padding:12px}}