:root{--abyss: #050507;--carbon: #131316;--carbon-2: #19191d;--warm-border: #2a2724;--warm-border-2: #3d3a39;--text: #f2f2f2;--text-dim: #b8b3b0;--text-mute: #8b857f;--purple: #8b5cf6;--purple-bright: #a78bfa;--purple-deep: #6d28d9;--emerald: #00d992;--emerald-dim: #2fd6a1;--amber: #ffba00;--danger: #fb565b;--radius: 8px;--radius-sm: 6px;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--display: "Space Grotesk", system-ui, -apple-system, sans-serif;--body: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--body);background:var(--abyss);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"calt","rlig"}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(139,92,246,.12),transparent 70%),radial-gradient(rgba(139,92,246,.08) 1px,transparent 1px);background-size:100% 100%,28px 28px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,black,transparent 75%);mask-image:radial-gradient(ellipse at 50% 0%,black,transparent 75%)}.app{min-height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.hdr{display:flex;align-items:center;gap:18px;padding:16px 28px;border-bottom:1px solid rgba(139,92,246,.15);position:sticky;top:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050507d1;z-index:20}.brand{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.5px;cursor:pointer;display:flex;align-items:center;gap:9px;color:var(--purple-bright)}.logo{display:inline-grid;place-items:center;width:28px;height:28px;background:linear-gradient(135deg,var(--purple),var(--purple-deep));color:#fff;border-radius:6px;font-size:16px;box-shadow:0 0 18px #8b5cf6a6}.brand .tag{font-family:var(--mono);font-size:10px;color:var(--purple-bright);border:1px solid var(--purple-deep);padding:2px 7px;border-radius:999px;letter-spacing:.5px;background:#8b5cf60f}nav{display:flex;gap:4px;margin-left:10px}.nav{background:transparent;border:1px solid transparent;color:var(--text-mute);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:14px;font-family:var(--body)}.nav.active{color:var(--text);background:var(--carbon-2);border-color:var(--warm-border)}.nav:hover{color:var(--text)}.conn,.primary,.ghost,.chain{border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:14px;font-family:var(--body);padding:10px 16px;border:1px solid var(--warm-border-2)}.conn{background:var(--purple);color:#fff;border:none;margin-left:auto;transition:box-shadow .2s,transform .1s;box-shadow:0 0 #8b5cf600}.conn:hover{box-shadow:0 0 18px #8b5cf680}.wbadge{margin-left:auto;display:flex;align-items:center;gap:10px}.addr{font-family:var(--mono);color:var(--purple-bright);font-size:13px;font-weight:500}.chain.ok{color:var(--emerald);background:transparent;border-color:transparent;font-family:var(--mono);font-size:12px}.chain.bad{color:var(--amber);background:transparent;border-color:var(--amber);font-size:12px}main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:56px 20px 40px}.card{width:100%;max-width:620px;background:var(--carbon);border:1px solid var(--warm-border);border-radius:var(--radius);padding:30px;box-shadow:#8b5cf60f 0 0 32px,#5c58552e 0 0 22px}h2{font-family:var(--display);margin:0 0 8px;font-size:28px;letter-spacing:-.7px;font-weight:700}h3{font-family:var(--display);margin:0 0 12px;font-size:20px;letter-spacing:-.4px;color:var(--purple-bright)}.muted{color:var(--text-mute);font-size:14px;line-height:1.6}label{display:block;margin:20px 0 7px;font-size:12px;color:var(--text-dim);font-weight:600;letter-spacing:.3px;text-transform:uppercase;font-family:var(--mono)}input,textarea{width:100%;padding:13px 14px;border-radius:var(--radius-sm);background:var(--carbon-2);border:1px solid var(--warm-border-2);color:var(--text);font-size:15px;font-family:var(--body);resize:vertical}input:focus,textarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 4px #8b5cf640,0 0 20px #8b5cf61a}textarea{font-family:var(--mono);font-size:14px;line-height:1.55;field-sizing:content;min-height:44px;max-height:60vh;padding:12px}.row{display:flex;gap:8px}.row input{flex:1}button.primary{background:linear-gradient(135deg,var(--purple-deep),var(--purple));color:#fff;border:none;width:100%;margin-top:24px;padding:14px;font-family:var(--mono);font-size:14px;letter-spacing:.4px;transition:box-shadow .25s,filter .25s,transform .12s;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 0 #8b5cf600}button.primary:hover:not(:disabled){box-shadow:0 0 26px #8b5cf680;filter:brightness(1.15);transform:scale(1.015)}button.primary:active:not(:disabled){transform:scale(.99)}button.primary:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.4)}button.ghost{background:transparent;color:var(--text-mute);margin-top:16px;font-family:var(--body)}button.ghost:hover{color:var(--text)}.spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid rgba(167,139,250,.3);border-top-color:var(--purple-bright);animation:spin .7s linear infinite;flex:none}.spinner.lg{width:22px;height:22px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.6s}}.badge{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;font-family:var(--mono);font-size:12px;font-weight:600;border:1px solid transparent}.badge .dot{width:7px;height:7px;border-radius:50%}.badge.idle{color:var(--emerald-dim);background:#00d9920f;border-color:#00d9922e}.badge.pending{color:var(--amber);background:#ffba0014;border-color:#ffba0066}.badge.pending .dot{background:var(--amber);animation:pulse 1.2s ease-in-out infinite}.badge.success{color:var(--emerald);background:#00d99214;border-color:#00d99266}.badge.success .dot{background:var(--emerald);box-shadow:0 0 8px var(--emerald)}.badge.error{color:var(--danger);background:#fb565b14;border-color:#fb565b66}.badge.error .dot{background:var(--danger)}.paywall-card{border:1px solid var(--warm-border);border-radius:var(--radius);background:var(--carbon);transition:border-color .2s}.paywall-card:hover{border-color:#8b5cf62e}.paywall-head{display:flex;align-items:center;gap:14px;padding:22px 24px;border-bottom:1px solid var(--warm-border)}.paywall-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--purple-deep));color:#fff;font-size:20px;box-shadow:0 0 24px #8b5cf680;flex:none}.paywall-head h3{margin:0;font-size:17px}.paywall-head p{margin:2px 0 0;font-size:12.5px;color:var(--text-mute);font-family:var(--mono)}.paywall-body{padding:22px 24px}.pay-details{border:1px solid var(--warm-border);border-radius:var(--radius-sm);background:var(--carbon-2);padding:14px 16px;margin-bottom:18px;font-family:var(--mono);font-size:13px}.pay-details .row{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.pay-details .row+.row{border-top:1px dashed var(--warm-border)}.pay-details .k{color:var(--text-mute)}.pay-details .v{color:var(--text)}.pay-details .v.amt{color:var(--emerald);font-weight:600}.notice{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#8b5cf614,#8b5cf608);border:1px solid rgba(139,92,246,.25);color:var(--text-dim);font-size:12.5px;line-height:1.5}.notice svg{flex:none;margin-top:1px;color:var(--purple-bright)}.success-banner{display:flex;gap:12px;align-items:center;padding:18px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#00d99212,#00d99205);border:1px solid rgba(0,217,146,.4);margin-bottom:18px}.success-banner .ico{width:36px;height:36px;border-radius:50%;background:var(--emerald);color:#04140d;display:grid;place-items:center;flex:none;font-weight:700;font-size:18px;box-shadow:0 0 16px #00d99259}.success-banner b{color:var(--emerald);font-family:var(--mono);font-size:15px}.result-line{font-family:var(--mono);font-size:13px;color:var(--emerald-dim);margin:4px 0 14px}a{color:var(--purple-bright);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);color:var(--purple-bright);font-size:12.5px}.meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.meta div{background:var(--carbon-2);border:1px solid var(--warm-border-2);border-radius:var(--radius-sm);padding:15px 16px;transition:border-color .15s}.meta div:hover{border-color:#8b5cf64d}.meta span{display:block;font-size:11px;color:var(--text-mute);font-family:var(--mono);text-transform:uppercase;letter-spacing:.7px}.meta b{font-size:15px;font-family:var(--mono);color:var(--text)}.paywall p{line-height:1.6;color:var(--text-dim)}.paywall b{color:var(--purple-bright);font-family:var(--mono)}.unlocked{border:1px solid var(--emerald);border-radius:var(--radius-sm);padding:18px;background:linear-gradient(135deg,#00d9920a,#8b5cf60a);box-shadow:0 0 30px #00d9920f}.unlocked h3{color:var(--emerald);margin-top:0;margin-bottom:10px}pre.content{background:var(--carbon-2);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-sm);padding:16px;white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:13.5px;line-height:1.6;color:var(--text);margin:0}.rail{margin:22px 0 4px;border:1px solid var(--warm-border);border-radius:var(--radius-sm);background:var(--carbon-2);padding:18px 16px;font-family:var(--mono);font-size:13px}.rail .rhead{color:var(--text-mute);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.rail .flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rail .node{padding:7px 11px;border-radius:var(--radius-sm);border:1px solid var(--warm-border-2);background:var(--carbon)}.rail .buyer{color:var(--purple-bright)}.rail .creator{color:var(--emerald-dim)}.rail .arrow{color:var(--text-mute);display:flex;align-items:center;gap:4px}.rail .amt{color:var(--emerald);font-weight:600}.rail .pulse{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px var(--emerald);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.ftr{text-align:center;padding:22px;color:var(--text-mute);font-size:12.5px;border-top:1px solid var(--warm-border);font-family:var(--mono)}.ftr a{color:var(--purple-bright)}.status-closed{color:var(--amber);font-family:var(--mono);font-size:13px}.errline{color:var(--danger);font-family:var(--mono);font-size:13px;margin:12px 0 0;background:#fb565b14;border:1px solid rgba(251,86,91,.4);padding:9px 12px;border-radius:var(--radius-sm)}@media (max-width: 560px){.hdr{flex-wrap:wrap;gap:10px;padding:14px 18px}.meta{grid-template-columns:1fr}main{padding:32px 14px}.card{padding:22px}}