.topbar-header{z-index:20;position:relative}.topbar-brand{flex-shrink:0}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.topbar-settings{position:relative}.topbar-trigger{display:none}.topbar-panel{align-items:center;gap:8px;display:flex}.topbar-setting{align-items:center;display:flex}.topbar-label{display:none}@media (max-width:639px){.topbar-header{flex-wrap:nowrap;gap:8px}.topbar-brand>span{gap:0}.topbar-brand>span>svg{display:none}.topbar-brand>span>span{font-size:25px}.topbar-trigger{width:44px;height:44px;color:var(--text);border-radius:16px;justify-content:center;align-items:center;display:flex}.topbar-trigger[aria-expanded=true]{border-color:var(--accent);color:var(--accent-text)}.topbar-panel{border:1px solid var(--line);background:var(--card);border-radius:20px;width:248px;padding:16px;display:none;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 14px 40px #0002}.topbar-panel.topbar-open{flex-direction:column;align-items:stretch;gap:14px;display:flex}.topbar-setting{justify-content:space-between;gap:12px}.topbar-label{color:var(--text);font-size:12px;font-weight:600;display:block}.topbar-settings{position:static}}