.hub-tabs{position:relative}.hub-tabs-bar{top:var(--hub-tabs-top,64px);z-index:15;margin:0 0 var(--sp-3);background:linear-gradient(var(--surface-1), var(--surface-1)), var(--bg-1);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.6rem 0 .75rem;display:flex;position:sticky}.hub-tabs-extra{flex:0 18rem;min-width:0}.hub-tablist{flex-wrap:wrap;gap:.5rem;min-width:0;display:flex}.hub-tab{-webkit-appearance:none;appearance:none;font:inherit;cursor:pointer;border:1px solid var(--border-default);background:var(--surface-2);min-height:44px;color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-weight:800;line-height:1.1;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.hub-tab:hover{color:var(--text-1);border-color:var(--text-3)}.hub-tab.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px -8px #7c3aedcc}.hub-tab:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.hub-tab-emoji{font-size:1.1em;line-height:1}.hub-tab-count{font-variant-numeric:tabular-nums;text-align:center;background:#8080802e;border-radius:999px;min-width:1.6em;padding:.12rem .45rem;font-size:.78em}.hub-tab.is-on .hub-tab-count{background:#ffffff3d}.hub-tabs.has-override .hub-tab.is-on{background:var(--surface-2);border-color:var(--border-default);color:var(--text-2);box-shadow:none}.hub-tabs.has-override .hub-tab.is-on .hub-tab-count{background:#8080802e}.hub-tabs-note{margin:0 0 var(--sp-4);color:var(--text-2);font-size:var(--fs-sm)}.hub-tabpanel[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){.hub-tab{transition:none}}@media (max-width:720px){.hub-tabs-bar{margin-inline:calc(var(--panel-pad,var(--gutter)) * -1);padding-block:.5rem .6rem;padding-inline:var(--panel-pad,var(--gutter))}.hub-tabs-extra{flex:100%}.hub-tablist{overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter);flex-wrap:nowrap;flex:100%;overflow-x:auto}.hub-tablist::-webkit-scrollbar{display:none}.hub-tab{min-height:40px;padding:.4rem .85rem}}
