.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:var(--topbar-h);background:var(--ink-0);border-bottom:1px solid var(--border)}.topbar-inner{height:100%;padding:0 16px;display:flex;align-items:center;gap:20px}.topbar-brand{display:inline-flex;align-items:center;gap:7px;flex:none}.topbar-brand,.topbar-brand:hover{color:var(--paper)}.topbar-brand:hover .topbar-mark{transform:rotate(-6deg)}.topbar-mark{display:block;transition:transform .16s ease}.topbar-wordmark{display:inline-flex;align-items:baseline;font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:.02em;line-height:1}.topbar-wordmark-sub{margin-left:8px;color:var(--paper-faint);font-family:var(--font-ui);font-weight:550;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.topbar-create,.topbar-create:hover{color:var(--paper)}.topbar-balance{cursor:default}.topbar-balance:hover{background:var(--ink-2);border-color:var(--border)}.topbar-balance .mono{font-size:12.5px}.topbar-dot{width:7px;height:7px;border-radius:50%;background:var(--jade);flex:none}@media (max-width:600px){.topbar-inner{padding:0 10px;gap:8px}.topbar-brand{gap:7px}.topbar-wordmark-sub{display:none}.topbar-right{gap:6px}.topbar-right .btn{padding:7px 9px;font-size:12.5px}.topbar-balance,.topbar-connect-word,.topbar-create-word{display:none}.topbar-wallet .mono{font-size:11px}}.topbar-connect{position:relative}.topbar-wallets{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;padding:4px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-lift);z-index:60}.topbar-wallet-option{text-align:left;padding:7px 10px;border-radius:var(--r-md);font-size:13px;color:var(--paper);transition:background .1s ease}.topbar-wallet-option:hover{background:var(--ink-3)}.topbar-wallet-none{display:block;padding:9px 10px;max-width:230px;font-size:12px;line-height:1.45}