:root[data-theme=light]{--bg: #f6f8fc;--surface: #ffffff;--text: #0b1020;--muted: #5c6b8a;--border: #dbe4f4;--brand: #0b6bcb;--brand-2: #6ee7f9}:root[data-theme=dark],:root:not([data-theme]){--bg: #0b1020;--surface: #141b34;--text: #f8fbff;--muted: #b3c0db;--border: #2a355f;--brand: #6ee7f9;--brand-2: #0b6bcb}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}.skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip:focus{left:1rem;top:1rem;width:auto;height:auto;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);z-index:10}.topbar{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}@media(min-width:960px){.topbar{flex-wrap:nowrap;gap:1.25rem}.topbar nav{flex:1;justify-content:center}}.wallet-btns{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.demo-backdrop{position:fixed;inset:0;border:none;background:#040c188c;z-index:35}.demo-wallet-panel{position:fixed;top:5.5rem;right:1rem;width:min(92vw,420px);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 42px #0000004d;z-index:45;padding:1rem 1.1rem}.demo-wallet-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.demo-wallet-head h2{margin:0;font-size:1.05rem}.demo-mode-badge{font-size:.72rem;font-weight:700;color:var(--brand);border:1px solid var(--border);border-radius:999px;padding:.2rem .5rem;background:var(--bg)}.demo-label{margin:.7rem 0 .3rem;color:var(--muted);font-size:.84rem;font-weight:600}.demo-address{display:block;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.55rem .65rem;font-size:.8rem;word-break:break-all}.demo-balance{margin:0;font-weight:800;color:var(--text)}.demo-token-list{margin:0;padding-left:1.15rem;color:var(--text)}.demo-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.addr-btn{display:inline-flex;align-items:center;gap:.4rem;max-width:min(100%,220px);padding:.4rem .65rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font-size:.85rem;font-weight:600}.wallet-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--brand)}.addr-short{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner{max-width:1100px;margin:0 auto;padding:.65rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);font-size:.9rem}.banner.error{background:#dc50501f;color:var(--text)}.banner p{margin:0}.brand{display:flex;flex-direction:column;gap:.15rem}.brand a{color:var(--text);font-weight:800;text-decoration:none}.tag{font-size:.75rem;color:var(--muted)}nav{display:flex;gap:.75rem;flex-wrap:wrap}nav a{color:var(--brand);text-decoration:none;font-weight:600}.actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:flex-end;width:100%}@media(min-width:960px){.actions{width:auto}}.addr{font-size:.85rem;color:var(--muted)}.btn{border:0;border-radius:10px;padding:.45rem .75rem;font-weight:700;cursor:pointer;background:var(--brand);color:#041018}.btn.secondary{background:transparent;color:var(--brand);border:1px solid var(--border)}.ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.45rem .75rem;cursor:pointer}main{max-width:1100px;margin:0 auto;padding:1.5rem clamp(1rem,4vw,1.5rem) 3rem;width:100%;box-sizing:border-box}.footer{padding:1.5rem;text-align:center;color:var(--muted);border-top:1px solid var(--border);background:var(--surface)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem 1.1rem}h1,h2,h3{margin-top:0}.muted{color:var(--muted)}.backdrop.svelte-wlrh8d{position:fixed;inset:0;border:none;padding:0;cursor:pointer;background:#040c188c;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel.svelte-wlrh8d{position:fixed;top:0;right:0;height:100%;max-width:min(420px,100vw);width:100%;background:var(--surface);border-left:1px solid var(--border);z-index:50;padding:1rem 1.25rem 2rem;box-sizing:border-box;overflow-y:auto;box-shadow:-8px 0 32px #00000040}.panel-head.svelte-wlrh8d{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.panel-head.svelte-wlrh8d h2:where(.svelte-wlrh8d){margin:0;font-size:1.25rem}.close.svelte-wlrh8d{font-size:1.5rem;line-height:1;padding:.15rem .45rem}.small.svelte-wlrh8d{font-size:.85rem}.addr-box.svelte-wlrh8d{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0 1rem}.full-addr.svelte-wlrh8d{display:block;word-break:break-all;font-size:.8rem;padding:.65rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text)}.btn.small.svelte-wlrh8d{align-self:flex-start;padding:.35rem .65rem;font-size:.85rem}.actions-row.svelte-wlrh8d{margin-bottom:1.25rem}.links.svelte-wlrh8d h3:where(.svelte-wlrh8d){font-size:.95rem;margin-bottom:.35rem}.links.svelte-wlrh8d ul:where(.svelte-wlrh8d){margin:0;padding-left:1.1rem;color:var(--muted);font-size:.9rem}.links.svelte-wlrh8d a:where(.svelte-wlrh8d){color:var(--brand);font-weight:600}@media(max-width:520px){.panel.svelte-wlrh8d{max-width:100%}}
