@view-transition{navigation:auto}
::view-transition-old(root){animation:site-page-out .14s ease both}
::view-transition-new(root){animation:site-page-in .22s cubic-bezier(.22,.8,.3,1) both}
@keyframes site-page-out{to{opacity:.35}}
@keyframes site-page-in{from{opacity:.25}to{opacity:1}}
.nav-links a[aria-current="page"]{position:relative;color:var(--white)}
.nav-links a[aria-current="page"]::after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:2px;background:var(--purple-2)}

.site-mobile-dock{display:none}
@media(max-width:760px){
  body{padding-bottom:76px}
  .site-mobile-dock{position:fixed;display:flex;align-items:center;left:0;right:0;bottom:0;height:72px;padding:4px 10px 3px;z-index:100;border-top:1px solid rgba(255,255,255,.1);background:#0a090e;box-shadow:0 -10px 30px rgba(0,0,0,.42)}
  .site-dock-item{position:relative;flex:1;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border:0;background:transparent;color:#777184;font:400 10px/1 var(--font-body);text-decoration:none;appearance:none;cursor:pointer}
  .site-dock-item svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}
  .site-dock-item .icon-solid{display:none;fill:var(--purple-2);stroke:none}
  .site-dock-item.active{color:var(--purple-2)}
  .site-dock-item.active .icon-outline{display:none}
  .site-dock-item.active .icon-solid{display:block}
  .site-dock-item.active span{font-weight:500}
  .site-dock-item.active::after{content:'';position:absolute;left:50%;bottom:0;width:28px;height:3px;transform:translateX(-50%);border-radius:3px 3px 0 0;background:var(--purple-2)}
  .site-dock-item[data-tab="more"] .icon-outline{fill:currentColor;stroke:none}
  .site-dock-item[data-tab="more"] .icon-solid{fill:var(--purple-2);stroke:none}
}

@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}