@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Inconsolata:wght@500&display=swap";:root{--color-bg:#fff;--color-surface:#f8f9fa;--color-text:#1a1a2e;--color-text-muted:#6c757d;--color-border:#dee2e6;--color-accent:#7b61ff;--color-success:#198754;--color-error:#dc3545;--color-warning:#f0ad4e;--radius:6px;--shadow:0 2px 8px #00000014}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:var(--color-accent)}a:has(button){text-decoration:none}code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;padding:.1em .3em;font-family:Inconsolata,monospace;font-size:.9em}button{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:.4rem .9rem;font-family:inherit;font-size:.9rem}button:hover:not(:disabled){background:var(--color-border)}button:disabled{opacity:.6;cursor:not-allowed}input[type=text],input[type=number],input:not([type]){border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);width:100%;padding:.5rem .75rem;font-family:inherit;font-size:1rem}input:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}dialog{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:400px;padding:1.5rem;box-shadow:0 8px 32px #00000026}dialog::backdrop{background:#0006}.network-pill{color:#4a5362;background-color:#f0f2f5;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:flex}.network-pill--mismatch{cursor:help}.network-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.network-dot--ok{background-color:#2ed06e}.network-dot--mismatch{background-color:#ff3b30}.network-dot--disconnected{background-color:#c1c7d0}.wallet-connected{align-items:center;gap:8px;display:flex}.wallet-balance{color:var(--color-text-muted);font-size:.875rem}.wallet-profile{position:relative}.wallet-warning-badge{cursor:help;color:var(--color-warning);font-size:11px;line-height:1;position:absolute;bottom:-6px;right:-6px}.dialog-actions{gap:8px;display:flex}dialog h3{margin:0 0 .75rem}dialog p{margin:0 0 1rem;font-size:.875rem}dialog code{word-break:break-all}.guess-the-number{margin-bottom:2rem}.guess-the-number form{align-items:stretch;gap:1rem;margin-bottom:1rem;display:flex}.guess-the-number form input{flex:1}.guess-result{padding:.5rem 1rem}.guess-result p{margin:0}.guess-result--success{border-color:var(--color-success);color:var(--color-success)}.guess-result--failure{border-color:var(--color-error);color:var(--color-error)}:root{--bg:#0e0f13;--surface:#15171d;--surface-2:#1b1e26;--line:#ffffff12;--line-2:#ffffff21;--text:#e9eaee;--muted:#9aa0ac;--faint:#666c7a;--accent:#4c8dff;--accent-hover:#6aa0ff;--accent-soft:#4c8dff1f;--accent-ink:#070a11;--neg:#ff6b6b;--neg-soft:#ff6b6b1a;--warn:#e8b15c;--f:"Geist", system-ui, -apple-system, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", monospace;--r:12px;--r-sm:8px;--nav-h:64px;--maxw:960px;--dur:.18s;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--f);-webkit-font-smoothing:antialiased;letter-spacing:-.006em;font-size:15px;line-height:1.5}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.app-shell{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:20;height:var(--nav-h);border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:20px;padding:0 24px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:9px;display:flex}.brand-icon{color:var(--accent);place-items:center;display:grid}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:600}.brand-sub{color:var(--faint);border-left:1px solid var(--line-2);margin-left:3px;padding-left:9px;font-size:13px}.topnav{gap:4px;margin-left:10px;display:flex}.topnav a{color:var(--muted);border-radius:var(--r-sm);transition:color var(--dur), background var(--dur);padding:6px 11px;font-size:14px;font-weight:500}.topnav a:hover,.topnav a.is-active{color:var(--text);background:var(--surface-2)}.topbar-right{margin-left:auto}.main{width:100%;max-width:var(--maxw);flex:1;margin:0 auto;padding:44px 24px 80px}.foot{border-top:1px solid var(--line);color:var(--faint);font-size:12px;font-family:var(--mono);padding:18px 24px}.vhead{margin-bottom:28px}.vhead h1{letter-spacing:-.02em;text-wrap:balance;font-size:26px;font-weight:600}.vhead p{color:var(--muted);max-width:60ch;margin-top:8px;font-size:15px}.stats{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);grid-template-columns:repeat(4,1fr);margin-bottom:24px;display:grid;overflow:hidden}.stat{border-right:1px solid var(--line);padding:18px 20px}.stat:last-child{border-right:none}.stat-k{color:var(--muted);font-size:13px;font-weight:500}.stat-v{margin-top:8px;font-size:22px;font-weight:500}.stat-u{color:var(--faint);font-size:12px;font-family:var(--mono);margin-top:3px}.cols{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:22px}.panel-h{color:var(--text);align-items:center;gap:8px;margin-bottom:18px;font-size:15px;font-weight:600;display:flex}.panel-h svg{color:var(--muted)}.pos-v{letter-spacing:-.02em;font-size:30px;font-weight:600}.pos-rows{margin-top:18px}.pos-row{border-top:1px solid var(--line);justify-content:space-between;padding:11px 0;font-size:14px;display:flex}.pos-row .k{color:var(--muted)}.muted{color:var(--muted);font-size:14px;line-height:1.6}.seg{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);grid-template-columns:1fr 1fr;gap:3px;margin-bottom:20px;padding:3px;display:grid}.seg button{color:var(--muted);font-family:var(--f);cursor:pointer;transition:color var(--dur), background var(--dur);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:14px;font-weight:500;display:flex}.seg button:hover{background:var(--surface-2);color:var(--text)}.seg button.is-active{color:var(--text);background:var(--surface-2)}.field-k{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.inp{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--bg);transition:border-color var(--dur);align-items:center;display:flex}.inp:focus-within{border-color:var(--accent)}.inp input{min-width:0;color:var(--text);font-family:var(--mono);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-size:22px}.inp input::placeholder{color:var(--faint)}.inp .u{color:var(--muted);font-family:var(--mono);padding-right:16px;font-size:14px}.est{color:var(--muted);font-family:var(--mono);margin-top:10px;font-size:13px}.est b{color:var(--accent);font-weight:500}.btn{border-radius:var(--r-sm);background:var(--accent);width:100%;color:var(--accent-ink);font-family:var(--f);cursor:pointer;transition:background var(--dur), transform var(--dur), opacity var(--dur);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:13px 16px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{background:var(--surface-2);color:var(--faint);cursor:not-allowed}.status{font-family:var(--mono);border-radius:var(--r-sm);border:1px solid var(--line);animation:fade var(--dur) var(--ease);align-items:center;gap:8px;margin-top:14px;padding:11px 13px;font-size:13px;display:flex}.status--success{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.status--error{color:var(--neg);border-color:var(--neg-soft);background:var(--neg-soft)}.status--pending{color:var(--warn)}.status .spin{animation:.7s linear infinite spin}@keyframes fade{0%{opacity:0;transform:translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}.faucet{border-top:1px solid var(--line);color:var(--muted);width:100%;transition:color var(--dur);align-items:center;gap:6px;margin-top:18px;padding-top:16px;font-size:13px;display:inline-flex}.faucet:hover{color:var(--accent)}.skel{background:linear-gradient(90deg, var(--surface-2), var(--line-2), var(--surface-2));vertical-align:middle;background-size:200% 100%;border-radius:4px;width:4.5ch;height:.9em;animation:1.3s ease-in-out infinite shimmer;display:inline-block}.skel.w2{width:8ch}@keyframes shimmer{to{background-position:-200% 0}}.connect-account{align-items:center;gap:8px;display:flex}.connect-account button{font-family:var(--f);border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface-2);color:var(--text);cursor:pointer;transition:border-color var(--dur);padding:8px 13px;font-size:14px;font-weight:500}.connect-account button:hover{background:var(--surface);color:var(--text);border-color:var(--accent)}@media (width<=780px){.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:none}.stat:first-child,.stat:nth-child(2){border-bottom:1px solid var(--line)}.cols{grid-template-columns:1fr}.topnav,.brand-sub{display:none}.main{padding:32px 16px 60px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.notification-container{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%)}.notification{border:1px solid var(--color-border);background:var(--color-bg);opacity:1;border-radius:6px;min-width:280px;max-width:400px;padding:.75rem 1rem;font-size:.875rem;transition:transform .3s,opacity .3s;box-shadow:0 2px 8px #0000001f}.notification.slide-in{transform:translateY(0)}.notification.slide-out{opacity:0;transform:translateY(-20px)}.notification-success{border-color:var(--color-success);color:var(--color-success)}.notification-error{border-color:var(--color-error);color:var(--color-error)}.notification-warning{border-color:var(--color-warning);color:var(--color-warning)}