.section-navigator.svelte-xf5seg{position:fixed;right:var(--space-6);top:50%;transform:translateY(-50%);z-index:1000;opacity:0;transform:translateY(-50%) translate(50px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.section-navigator.visible.svelte-xf5seg{opacity:1;transform:translateY(-50%) translate(0);pointer-events:auto}.navigator-list.svelte-xf5seg{list-style:none;margin:0;padding:var(--space-4);background:#fffffffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;border:1px solid rgba(0,0,0,.08)}.navigator-item.svelte-xf5seg{margin:0}.navigator-button.svelte-xf5seg{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease;text-align:left;min-width:120px}.navigator-button.svelte-xf5seg:hover{background:#0000000d;transform:translate(-2px)}.navigator-button.active.svelte-xf5seg{background:rgba(var(--primary-rgb),.1);border-left:3px solid var(--primary);padding-left:calc(var(--space-4) - 3px)}.navigator-dot.svelte-xf5seg{width:10px;height:10px;border-radius:50%;background:#0000004d;transition:all .2s ease;flex-shrink:0;border:2px solid rgba(255,255,255,.8)}.navigator-button.svelte-xf5seg:hover .navigator-dot:where(.svelte-xf5seg){background:var(--primary);transform:scale(1.2);border-color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.navigator-button.active.svelte-xf5seg .navigator-dot:where(.svelte-xf5seg){background:var(--primary);transform:scale(1.4);border-color:#fff;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.2),0 2px 12px rgba(var(--primary-rgb),.4)}.navigator-label.svelte-xf5seg{font-size:var(--font-size-sm);color:#000000b3;font-weight:var(--fw-medium);transition:color .2s ease;text-shadow:0 1px 2px rgba(255,255,255,.8)}.navigator-button.svelte-xf5seg:hover .navigator-label:where(.svelte-xf5seg){color:#000000e6}.navigator-button.active.svelte-xf5seg .navigator-label:where(.svelte-xf5seg){color:var(--primary);font-weight:var(--fw-semibold);text-shadow:none}@media (max-width: 768px){.section-navigator.svelte-xf5seg{display:none}}@media (max-width: 1024px){.navigator-label.svelte-xf5seg{display:none}.navigator-list.svelte-xf5seg{padding:var(--space-3)}.navigator-button.svelte-xf5seg{min-width:auto;padding:var(--space-2);justify-content:center}}