.tabbar { display: flex; gap: 8px; padding: 8px; border-radius: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.06); overflow-x: auto; min-width: 0; max-width: 100%; margin-bottom: 16px; }
.tabbar button, .tabbar a, .tabbar span { flex: 0 0 auto; border: 0; background: transparent; color: var(--muted); white-space: nowrap; border-radius: 13px; padding: 10px 12px; font: inherit; font-size: 14px; line-height: 20px; text-decoration: none; }
.tabbar button, .tabbar a { cursor: pointer; }
.tabbar button:hover, .tabbar a:hover { background: rgba(255,255,255,.08); color: var(--text); }
.tabbar button.active, .tabbar a.active, .tabbar span.active { background: rgba(255,255,255,.12); color: var(--text); }
.tabbar button:focus-visible, .tabbar a:focus-visible { outline: 2px solid var(--text); outline-offset: 2px; }
.tab-content { display: none; }
.tab-content.active { display: block; }