:root{color-scheme:dark;--bg: #0a0a0a;--panel: #101010;--line: #1d1d1d;--text: #f4f4f4;--muted: #8a8a8a;--neon: #ccff00;--neon-dim: #9bcc00;--danger: #ff5c5c;--ok: #ccff00;--mono: "IBM Plex Mono", "SFMono-Regular", ui-monospace, Menlo, monospace;--sans: "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}body{font-size:15px;line-height:1.45}a{color:var(--neon);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.app{max-width:1180px;margin:0 auto;padding:20px 18px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.16em;font-size:13px;text-transform:uppercase}.brand-mark{width:14px;height:14px;background:var(--neon)}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.btn{border:1px solid var(--neon);background:transparent;color:var(--neon);padding:8px 12px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.btn:hover:not(:disabled){background:var(--neon);color:#0a0a0a}.btn.solid{background:var(--neon);color:#0a0a0a}.btn:disabled{opacity:.4;cursor:not-allowed}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:40px 0 28px;border-bottom:1px solid var(--line)}.hero h1{margin:0 0 16px;font-size:clamp(42px,8vw,78px);line-height:.88;letter-spacing:-.03em;color:var(--neon);text-transform:uppercase}.hero p{margin:0 0 12px;max-width:46ch;color:#d6d6d6}.hero .lede{max-width:52ch;font-size:17px}.inspo{display:grid;gap:16px;margin-top:8px}.inspo h2{margin:0 0 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--neon);font-weight:500}.inspo p{margin:0}.square{width:min(100%,280px);aspect-ratio:1;background:var(--neon);justify-self:end;align-self:center}.grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;padding-top:28px}.panel{background:var(--panel);border:1px solid var(--line);padding:18px}.panel h2{margin:0 0 14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}.label{display:block;margin:12px 0 6px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.field,select.field,textarea.field{width:100%;background:#0a0a0a;border:1px solid #2a2a2a;color:var(--text);padding:10px 12px;font-family:var(--mono);font-size:13px}.row{display:flex;gap:8px;align-items:center}.row .field{flex:1}.status{display:inline-block;margin-top:4px;color:var(--neon);font-size:13px}.mono{font-family:var(--mono);word-break:break-all}.balances{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.balance{border:1px solid var(--line);padding:14px}.balance b{display:block;font-size:28px;line-height:1;margin:8px 0 6px}.balance span,.meta{color:var(--muted);font-size:12px}.notice,.error,.empty{padding:12px;border:1px solid var(--line);color:var(--muted);font-size:13px}.error{border-color:var(--danger);color:var(--danger)}.tabs{display:flex;gap:8px;margin-bottom:12px}.tab{border:1px solid #2a2a2a;background:transparent;color:var(--muted);padding:6px 10px;cursor:pointer;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.tab.active{border-color:var(--neon);color:var(--neon)}.owned{display:flex;flex-direction:column;gap:8px;margin-top:10px}.owned button{text-align:left;background:#0a0a0a;border:1px solid #2a2a2a;color:var(--text);padding:10px;cursor:pointer}.owned button.active,.owned button:hover{border-color:var(--neon)}.config-grid{display:grid;gap:8px}.footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}@media(max-width:860px){.hero,.grid,.balances{grid-template-columns:1fr}.square{width:160px;justify-self:start}.topbar{flex-direction:column;align-items:flex-start}}
