.rail.svelte-xuy8as{z-index:40;top:50%;right:max(16px, calc((100vw - var(--maxw)) / 2 - 64px - 6px));flex-direction:column;gap:3px;width:64px;height:min(74vh,560px);display:flex;position:fixed;transform:translateY(-50%)}.rail.svelte-xuy8as .seg:where(.svelte-xuy8as){flex-grow:var(--g,1);cursor:pointer;background:color-mix(in srgb, var(--ac) 30%, var(--paper));border:0;border-radius:7px;justify-content:center;align-items:center;min-height:18px;transition:background .2s,transform .14s;display:flex;position:relative}.rail.svelte-xuy8as .seg:where(.svelte-xuy8as) .rr:where(.svelte-xuy8as){font-family:var(--font-display);color:color-mix(in srgb, var(--ac) 72%, var(--ink));font-size:11px;font-weight:700}.rail.svelte-xuy8as .seg:where(.svelte-xuy8as):hover{background:color-mix(in srgb, var(--ac) 55%, var(--paper));transform:scale(1.03)}.rail.svelte-xuy8as .seg.on:where(.svelte-xuy8as){background:var(--ac);box-shadow:0 6px 18px -6px color-mix(in srgb, var(--ac) 80%, transparent)}.rail.svelte-xuy8as .seg.on:where(.svelte-xuy8as) .rr:where(.svelte-xuy8as){color:#fff}.rail.svelte-xuy8as .seg:where(.svelte-xuy8as):focus-visible{outline:2px solid var(--ink);outline-offset:2px}.rail.svelte-xuy8as .seg:where(.svelte-xuy8as) .tip:where(.svelte-xuy8as){background:var(--ink);color:var(--paper);font-family:var(--font-body);white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:6px 11px;font-size:12px;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)translate(6px);box-shadow:0 8px 22px -8px #00000080}.rail.svelte-xuy8as .seg:where(.svelte-xuy8as) .tip:where(.svelte-xuy8as) b:where(.svelte-xuy8as){font-family:var(--font-mono);color:var(--faint);margin-top:1px;font-size:10.5px;font-weight:400;display:block}.rail.svelte-xuy8as .seg:where(.svelte-xuy8as) .tip:where(.svelte-xuy8as):after{content:"";border:5px solid #0000;border-left-color:var(--ink);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.rail.svelte-xuy8as .seg:where(.svelte-xuy8as):hover .tip:where(.svelte-xuy8as){opacity:1;transform:translateY(-50%)translate(0)}.cap.svelte-xuy8as{font-family:var(--font-mono);letter-spacing:.12em;color:var(--faint);text-align:center;writing-mode:vertical-rl;text-transform:uppercase;font-size:9px;position:absolute;top:50%;left:-15px;transform:rotate(180deg)translateY(-50%)}@media (width<=999px){.rail.svelte-xuy8as{display:none}}.railh.svelte-xuy8as{display:none}@media (width<=999px){.railh.svelte-xuy8as{z-index:35;background:var(--top-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);scrollbar-width:none;gap:6px;padding:9px 22px;display:flex;position:sticky;top:54px;overflow-x:auto}.railh.svelte-xuy8as::-webkit-scrollbar{display:none}.railh.svelte-xuy8as button:where(.svelte-xuy8as){font-family:var(--font-mono);cursor:pointer;border:1px solid var(--line-2);background:var(--card);color:var(--ink-2);border-left:3px solid var(--ac);border-radius:20px;flex:none;padding:5px 11px;font-size:11px;font-weight:700}.railh.svelte-xuy8as button.on:where(.svelte-xuy8as){background:var(--ac);color:#fff;border-color:var(--ac)}}