.orb-rail{top:calc(var(--about-sticky-top,5.5rem) + (clamp(2.5rem, 3vw, 3rem) - clamp(1.75rem, 2vw, 2.25rem)) / 2 + var(--orb-entry-offset,0px));z-index:90;opacity:0;pointer-events:none;will-change:opacity;width:clamp(1.75rem,2vw,2.25rem);height:clamp(1.75rem,2vw,2.25rem);transition:opacity .3s ease-out;display:block;position:fixed;right:calc(3.6875rem - clamp(1.75rem,2vw,2.25rem)/2);transform:translateZ(0)}.orb-rail.is-visible{opacity:1;pointer-events:auto}.orb-rail:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:50%}.orb-core{--orb-size:clamp(1.5rem, 1.75vw, 2rem);width:var(--orb-size);height:var(--orb-size);cursor:default;pointer-events:none;background:var(--background-secondary);-webkit-backdrop-filter:blur(8px);box-shadow: inset 0 0 8px rgb(var(--accent-rgb) / .08),  -3px -3px 8px #ffffffb3,  3px 3px 10px rgb(var(--border-rgb) / .2),  0 4px 12px rgb(var(--border-rgb) / .08);border:none;border-radius:50%;place-items:center;margin:auto;transition:box-shadow .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1),background .2s;display:grid;position:absolute;inset:0}:root.dark .orb-core{box-shadow: inset 0 0 10px rgb(var(--accent-rgb) / .12),  0 0 15px rgb(var(--surface-rgb) / .15),  2px 2px 8px #0006,  0 4px 16px #0003}.orb-core:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);border-radius:50%;position:absolute;inset:2px}:root.dark .orb-core:before{background:linear-gradient(135deg,#ffffff14 0%,#0000 50%)}.orb-rail:hover .orb-core{cursor:pointer;box-shadow: inset 0 0 12px rgb(var(--accent-rgb) / .15),  -4px -4px 12px #fffc,  4px 4px 14px rgb(var(--border-rgb) / .25),  0 8px 20px rgb(var(--border-rgb) / .12);transform:scale(1.06)}:root.dark .orb-rail:hover .orb-core{box-shadow:inset 0 0 14px rgb(var(--accent-rgb) / .2), 0 0 20px rgb(var(--surface-rgb) / .2), 3px 3px 12px #00000080, 0 8px 24px #00000040}.orb-core.is-complete{box-shadow: inset 0 0 12px rgb(var(--accent-rgb) / .2),  0 0 0 2px rgb(var(--accent-rgb) / .15),  0 0 20px rgb(var(--accent-rgb) / .2),  3px 3px 10px rgb(var(--border-rgb) / .15)}:root.dark .orb-core.is-complete{box-shadow:inset 0 0 14px rgb(var(--accent-rgb) / .25), 0 0 0 2px rgb(var(--accent-rgb) / .2), 0 0 25px rgb(var(--accent-rgb) / .25), 2px 2px 8px #0000004d}@supports not ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.orb-core{background:var(--background-secondary)}}@media (prefers-reduced-motion:reduce){.orb-rail,.orb-core{transition:none}.orb-core:before{animation:none}.orb-progress{transition:stroke-dashoffset}}.orb-svg{will-change:transform;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.orb-track,.orb-progress{fill:none;transform-origin:50%}.orb-track{stroke:rgb(var(--border-rgb) / .25);stroke-width:4px}.orb-progress{stroke:var(--accent);stroke-width:5px;stroke-linecap:round;will-change:stroke-dashoffset;transition:stroke-dashoffset .18s cubic-bezier(.22,1,.36,1)}.orb-number{z-index:2;pointer-events:none;font-variant-numeric:tabular-nums;color:var(--foreground);font-family:IBM Plex Mono,SF Mono,ui-monospace,monospace;font-size:var(--typography-micro-font-size,.5rem);letter-spacing:.04em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 .5px 1px rgb(var(--border-rgb) / .12);font-weight:600;position:absolute}.orb-segment{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;position:absolute;inset:0}.orb-segment:after{content:"";border:1.5px solid #0000;border-radius:50%;transition:border-color .18s,box-shadow .18s;position:absolute;inset:clamp(.3125rem,.38vw,.4375rem)}.orb-segment--prev{clip-path:polygon(0 0,100% 0,100% 48%,0 48%)}.orb-segment--next{clip-path:polygon(0 52%,100% 52%,100% 100%,0 100%)}.orb-segment--prev:hover:after,.orb-segment--prev:focus-visible:after{border-top-color:rgb(var(--border-rgb) / .25);box-shadow:inset 0 1px 0 rgb(var(--border-rgb) / .18)}.orb-segment--next:hover:after,.orb-segment--next:focus-visible:after{border-bottom-color:rgb(var(--border-rgb) / .25);box-shadow:inset 0 -1px 0 rgb(var(--border-rgb) / .18)}.orb-segment:disabled{opacity:.32;cursor:not-allowed}.orb-segment:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:1199px){.orb-rail{display:none}}@media (prefers-reduced-motion:reduce){.orb-rail,.orb-progress,.orb-segment:after{transition:none}}
