.cat-rail{position:sticky;bottom:calc(var(--bottomnav-h, 0px) + 12px);z-index:40;width:min(760px,100%);margin:28px auto 0;transition:opacity .5s ease}.cat-rail[data-idle]:not(:hover):not(:focus-within){opacity:.55}@media (min-width:768px){.cat-rail{bottom:22px}}.cat-rail-in{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--color-paper) 82%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-ink) 9%,transparent),0 18px 40px -18px rgb(0 0 0/.35)}.cat-rail-step{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:999px;color:var(--color-ink);transition:background .2s}.cat-rail-step:hover{background:color-mix(in srgb,var(--color-ink) 7%,transparent)}.cat-rail-step[data-off]{visibility:hidden}.cat-rail-track{position:relative;flex:1;height:40px;cursor:pointer;touch-action:none;outline:none}.cat-rail-track:focus-visible .cat-rail-knob{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-ink) 25%,transparent)}.cat-rail-line,.cat-rail-read{position:absolute;left:0;top:50%;height:2px;transform:translateY(-50%);border-radius:2px}.cat-rail-line{right:0;background:color-mix(in srgb,var(--color-ink) 14%,transparent)}.cat-rail-read{background:var(--color-ink);transition:width .45s var(--ease-out-expo)}.cat-rail-tick{position:absolute;top:calc(50% + 5px);width:1px;height:5px;background:color-mix(in srgb,var(--color-ink) 22%,transparent)}.cat-rail-bubble,.cat-rail-knob{position:absolute;top:50%;min-width:30px;height:26px;padding:0 8px;border-radius:999px;transform:translate(-50%,-50%);display:grid;place-items:center;font-size:12.5px;font-weight:600;pointer-events:none}.cat-rail-knob{background:var(--color-ink);color:var(--color-paper);transition:left .45s var(--ease-out-expo),transform .2s}.cat-rail-knob[data-drag]{transition:none;transform:translate(-50%,-50%) scale(1.12)}.cat-rail-bubble{top:-14px;background:var(--color-paper);color:var(--color-ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-ink) 16%,transparent),0 8px 18px -8px rgb(0 0 0/.3)}.cat-rail-at{flex:none;margin:0;font-size:13.5px;color:var(--color-ink-secondary)}.cat-rail-at label{display:flex;align-items:center;gap:6px}.cat-rail-at input{height:32px;padding:0 4px;border:1px solid color-mix(in srgb,var(--color-ink) 16%,transparent);border-radius:8px;background:var(--color-paper);color:var(--color-ink);font:inherit;font-weight:600;text-align:center}.cat-rail-at input:focus{outline:2px solid var(--color-ink);outline-offset:1px}@media (max-width:520px){.cat-rail-word:first-child{display:none}}@media (prefers-reduced-motion:reduce){.cat-rail,.cat-rail-knob,.cat-rail-read{transition:none}}.mp-rail{display:contents}