:root{--speed:.25;--blur:4;--ease-in:linear(0 0%,.0039 6.25%,.0156 12.5%,.0352 18.75%,.0625 25%,.0977 31.25%,.1407 37.5%,.1914 43.74%,.2499 49.99%,.3164 56.25%,.3906 62.5%,.5625 75%,.7656 87.5%,1 100%);--ease:ease;--nav:"nav"}@media (prefers-reduced-motion:reduce){:root{--speed:.001;--blur:0}.tip,.tip__track,.tip__track div,.nav,nav,nav a{transition-duration:.01ms!important;animation-duration:.01ms!important}.nav{will-change:auto}}#nav-container{--bottom-nav-bar-offset:var(--ui-space-12);will-change:bottom;transition:bottom var(--ui-motion-duration-medium)var(--ui-motion-ease-nav)}.nav{anchor-name:--my-nav;view-transition-name:--nav}#nav-container.scrolling{transition:none}nav,nav a,nav button{touch-action:manipulation;-webkit-tap-highlight-color:hsl(var(--ui-border-default))}nav a:focus-visible{outline:var(--ui-outline-focus);outline-offset:2px;border-radius:var(--ui-radius-xl)}nav a:focus:not(:focus-visible){outline:none}nav a{cursor:pointer;transition:all var(--ui-motion-duration-normal)var(--ui-motion-ease-standard)}nav a:hover svg{color:#fff;filter:drop-shadow(var(--ui-shadow-focus))}nav li:has([data-disabled=true]){cursor:default}nav li:has([data-disabled=true]):hover svg{color:#525252;filter:none}@media (prefers-reduced-motion:reduce){nav a{transition:none}nav a:hover svg{filter:none}}.nav{box-shadow:0 0 0 1px hsl(var(--ui-border-subtle)),var(--ui-shadow-sm)}::view-transition-group(--nav){z-index:var(--ui-z-index-content)}::view-transition-group(home){z-index:var(--ui-z-index-content)}::view-transition-group(projects){z-index:var(--ui-z-index-content)}::view-transition-group(about){z-index:var(--ui-z-index-content)}::view-transition-group(bookmarks){z-index:var(--ui-z-index-content)}@media (max-width:480px){.nav{--bottom-nav-bar-offset:var(--ui-space-6)}.tip{display:none}}body.disable-scroll .tip{display:none}.tip{position-anchor:--my-nav;bottom:anchor(top);left:anchor(left);height:var(--ui-space-8);background:hsl(var(--ui-color-surface-badge)/.85);width:100px;-webkit-backdrop-filter:var(--ui-backdrop-blur-sm);font-size:var(--ui-font-size-2xs);letter-spacing:var(--ui-letter-spacing-wide);padding-bottom:var(--ui-space-8);color:hsl(var(--ui-color-text-tertiary));font-family:var(--ui-font-family-sans);font-weight:var(--ui-font-weight-medium);border-radius:var(--ui-radius-xl);pointer-events:none;border:1px solid hsl(var(--ui-border-strong));box-shadow:var(--ui-shadow-md);z-index:var(--ui-z-index-maximum);position:fixed;overflow:hidden}.tip__track{height:var(--ui-space-8);display:grid}.tip .tip__track{grid-auto-columns:100%;grid-auto-flow:column}.tip__track div{height:var(--ui-space-8);padding-inline:var(--ui-space-2);place-items:center;display:grid}.tip{position-try-fallbacks:flip-block,flip-inline;transform:translate(calc(-50% + ((var(--tip-x,0) - var(--tip-x-offset,0))*1px)),0);bottom:100px;left:50%}@supports (anchor-name:--my-nav) and (position-anchor:--my-nav){.tip{left:anchor(left);bottom:calc(anchor(top) + 1rem);translate:calc(-25% + (var(--tip-x)*1px));transform:none}}:root:has(nav li:first-of-type:hover){--active:1}:root:has(nav li:first-of-type:hover) .tip__track div:first-of-type{--shown:1}:root:has(nav li:nth-of-type(2):hover){--active:2}:root:has(nav li:nth-of-type(2):hover) .tip__track div:nth-of-type(2){--shown:1}:root:has(nav li:nth-of-type(3):hover){--active:3}:root:has(nav li:nth-of-type(3):hover) .tip__track div:nth-of-type(3){--shown:1}:root:has(nav li:nth-of-type(4):hover){--active:4}:root:has(nav li:nth-of-type(4):hover) .tip__track div:nth-of-type(4){--shown:1}:root:has(nav li:nth-of-type(5):hover){--active:5}:root:has(nav li:nth-of-type(5):hover) .tip__track div:nth-of-type(5){--shown:1}:root:has(nav li:nth-of-type(6):hover){--active:6}:root:has(nav li:nth-of-type(6):hover) .tip__track div:nth-of-type(6){--shown:1}.tip{scale:var(--show,0);filter:blur(calc(var(--blur,0)*1px));transition:scale calc(var(--speed)*1s)var(--ui-motion-ease-standard),filter calc(var(--speed)*1s)var(--ui-motion-ease-standard)}.tip__track{translate:calc((var(--active) - 1)*(-100%))0;transition:translate calc(var(--speed)*1s)calc(var(--speed)*1s)var(--ui-motion-ease-standard)}.tip__track div{filter:blur(calc((var(--blur,0)*1px)*(1 - var(--shown,0))));opacity:var(--shown,0);transition:filter calc(var(--speed)*1s)var(--ui-motion-ease-in),opacity calc(var(--speed)*1s)var(--ui-motion-ease-standard)}:root:has(.nav ul>li:not(:first-child):hover) .tip{--show:1;filter:blur()}:root:has(.nav ul>li:not(:first-child):hover) .tip__track{transition-delay:0s}