.oik-tabs{display:flex;gap:2px;box-shadow:inset 0 -1px 0 var(--border-default);overflow-x:auto;overflow-y:hidden;font-family:var(--font-ui)}.oik-tab{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:color .12s ease}.oik-tab:hover{color:var(--ink-900)}.oik-tab.is-active{color:var(--brand)}.oik-tab.is-active:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;background:var(--brand);border-radius:2px}.oik-tab__count{font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--ink-100);color:var(--text-secondary);border-radius:var(--radius-full);padding:1px var(--space-2)}.oik-tab.is-active .oik-tab__count{background:var(--brand-subtle-bg);color:var(--brand-subtle-fg)}.oik-tabs--sliding{position:relative;gap:0}.oik-tabs--sliding:after{content:"";position:absolute;left:0;bottom:0;width:calc(100% / var(--oik-tabs-count));height:2px;background:var(--brand);border-radius:var(--radius-full);pointer-events:none;transform:translateX(calc(var(--oik-tabs-active-index) * 100%));transition:transform .15s ease}.oik-tabs--sliding .oik-tab.is-active:after{content:none}@media(prefers-reduced-motion:reduce){.oik-tabs--sliding:after{transition:none}}