.topbar{z-index:30;background:var(--bg);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0}.topbar-in{align-items:center;gap:12px;height:60px;display:flex}.topbar-logo{color:var(--text);flex:none;margin-right:12px;display:block}.topbar-nav{gap:4px;font-size:14px;font-weight:500;display:flex}.topbar-nav a{color:var(--muted);border-radius:8px;padding:7px 10px;transition:color .15s}.topbar-nav a:hover,.topbar-nav a[aria-current=page]{color:var(--text)}.topbar-search{flex:1;max-width:400px;margin-left:12px}.topbar-fill{flex:1}.iconbtn.topbar-searchbtn{display:none}.topbar-drawer{padding-bottom:12px}.iconbtn{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--text);border-radius:8px;flex:none;place-items:center;padding:0;display:inline-grid}.iconbtn:hover,.iconbtn[aria-expanded=true]{border-color:color-mix(in srgb,var(--text)30%,var(--line))}.launchbtn{background:var(--accent);height:36px;color:var(--on-accent);clip-path:polygon(0 0,calc(100% - 11px) 0,100% 18px,100% 100%,0 100%);border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 18px 0 12px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.launchbtn:hover{opacity:.9}.topbar-connect{flex:none}.topbar-connect .chipbtn{border:1px solid var(--line);border-radius:8px;height:36px;padding:0 12px}.topbar-connect .chipbtn:hover{border-color:color-mix(in srgb,var(--text)30%,var(--line))}.search{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;height:36px;transition:border-color .15s;display:flex;position:relative}.search:focus-within{border-color:var(--accent)}.search-icon{color:var(--muted);pointer-events:none;position:absolute;left:11px}.search input{all:unset;flex:1;min-width:0;height:100%;padding:0 8px 0 35px;font-size:14px}.search input::placeholder{color:var(--muted)}.search input::-webkit-search-cancel-button{display:none}.search:has(input:focus-visible){outline:none}.search input:focus-visible{outline:none}.search-key{font:inherit;color:var(--muted);border:1px solid var(--line);border-radius:5px;place-items:center;min-width:20px;height:20px;margin-right:8px;font-size:12px;display:grid}.search-clear{color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;margin-right:4px;display:grid}.search-clear:hover{color:var(--text)}.navmenu{flex:none;position:relative}.navmenu-pop{z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:240px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px rgba(0,0,0,.12)}.navmenu-row{border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}a.navmenu-row:hover{background:var(--bg)}@media (max-width:960px){.topbar-search{display:none}}@media (max-width:720px){.topbar-in{gap:8px;height:56px}.topbar-logo{margin-right:0}.topbar-search,.launchbtn{display:none}.iconbtn.topbar-searchbtn{display:inline-grid}.footer{margin-top:40px;padding-bottom:20px}}.tabbar{display:none}@media (max-width:720px){.tabbar{background:var(--bg);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:30;grid-template-columns:repeat(4,1fr);display:grid;position:-webkit-sticky;position:sticky;bottom:0}.tabbar a{color:var(--muted);justify-items:center;gap:2px;padding:4px 0;font-size:11px;font-weight:500;display:grid}.tabbar-icon{place-items:center;width:36px;height:28px;display:grid}.tabbar a[aria-current=page]{color:var(--text)}.tabbar a[data-primary] .tabbar-icon{background:var(--accent);color:var(--on-accent);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 14px,100% 100%,0 100%);border-radius:7px}.tabbar a[data-primary]{color:var(--text)}}.ghostbtn,.iconbtn.ghostbtn{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;transition:color .15s,background .15s;display:inline-grid}.ghostbtn:hover,.iconbtn.ghostbtn:hover{color:var(--text);background:var(--surface)}.navmenu-label{align-items:center;gap:10px;display:inline-flex}.navmenu-row{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}button.navmenu-row:hover{background:var(--bg)}.navmenu-sep{background:var(--line);height:1px;margin:6px 4px}.wallet-dot{background:var(--accent);border-radius:4px;width:8px;height:8px}.topbar-nav{position:relative;top:6px}.ghostbtn.topbar-searchbtn{display:none}@media (max-width:960px){.ghostbtn.topbar-searchbtn{display:inline-grid}}@media (max-width:720px){.topbar-nav{display:none}}