:root{--nav-edge:clamp(14px,1.2vw,20px);--nav-glow:#ff5a2f;--nav-cyan:#75e6ff}
.site-header.nav-system-shell{position:fixed;z-index:100;left:var(--nav-edge);right:var(--nav-edge);top:12px;height:64px;padding:0 18px;display:grid;grid-template-columns:minmax(112px,1fr) auto minmax(112px,1fr);align-items:center;gap:18px;border:1px solid rgba(255,255,255,.64);border-radius:22px;color:#111;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.34));backdrop-filter:blur(28px) saturate(185%);box-shadow:inset 0 1px 0 rgba(255,255,255,.94),inset 0 -1px 0 rgba(255,255,255,.26),0 15px 42px rgba(20,20,20,.1);transition:color .35s,background .35s,border-color .35s;isolation:isolate}
.site-header.nav-system-shell::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(112deg,transparent 8%,rgba(255,255,255,.5) 42%,transparent 72%);opacity:.5}
.site-header.nav-system-shell[data-tone="dark"]{color:#fff;border-color:rgba(255,255,255,.24);background:linear-gradient(135deg,rgba(18,18,18,.68),rgba(18,18,18,.3))}
.site-header.nav-system-shell[data-tone="dark"] .logo img{filter:invert(1)}
.site-header.nav-system-shell .logo{position:relative;z-index:2;display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:15px;font-weight:850;letter-spacing:-.02em}
.site-header.nav-system-shell .logo img{width:29px;height:29px;object-fit:contain;transition:filter .35s}
.site-header.nav-system-shell .phase{justify-self:end;white-space:nowrap;font-size:8px;font-weight:700;letter-spacing:.13em}
.site-header .nav-system{min-width:0;display:flex;justify-content:center;align-items:center;gap:clamp(2px,.42vw,7px);font-size:inherit;letter-spacing:normal}
.site-header .nav-system__item{position:relative;isolation:isolate;min-height:44px;padding:0 clamp(5px,.48vw,8px);border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;color:inherit;text-decoration:none;outline:none;transition:color .25s,background .25s,transform .25s}
.site-header .nav-system__item::before{content:"";position:absolute;z-index:-2;inset:3px -2px;border-radius:14px;background:radial-gradient(ellipse at 32% 60%,rgba(115,214,255,.28),transparent 62%),radial-gradient(ellipse at 72% 38%,rgba(181,157,255,.24),transparent 60%);filter:blur(10px);opacity:0;transform:scale(.74);transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1)}
.site-header .nav-system__item::after{content:"";position:absolute;z-index:-1;inset:-4px -7px;border-radius:18px;pointer-events:none;background:radial-gradient(circle at 9% 68%,rgba(112,211,255,.94) 0 1px,transparent 1.8px),radial-gradient(circle at 27% 19%,rgba(255,255,255,.98) 0 1px,transparent 1.7px),radial-gradient(circle at 48% 80%,rgba(173,150,255,.9) 0 1.1px,transparent 1.9px),radial-gradient(circle at 69% 24%,rgba(132,185,255,.88) 0 1px,transparent 1.8px),radial-gradient(circle at 90% 61%,rgba(225,232,255,.92) 0 1px,transparent 1.8px);opacity:0;filter:drop-shadow(0 0 5px rgba(124,190,255,.62));transform:scale(.7) rotate(-4deg);transition:opacity .22s,transform .42s cubic-bezier(.16,1,.3,1)}
.site-header .nav-system__item:hover,.site-header .nav-system__item:focus,.site-header .nav-system__item:focus-visible{transform:translateY(-1px);background:rgba(255,255,255,.18)}
.site-header .nav-system__item:hover::before,.site-header .nav-system__item:focus::before,.site-header .nav-system__item:focus-visible::before{opacity:1;transform:scale(1)}
.site-header .nav-system__item:hover::after,.site-header .nav-system__item:focus::after,.site-header .nav-system__item:focus-visible::after{opacity:.92;transform:scale(1) rotate(0);animation:nav-particle-drift 1.7s ease-in-out infinite alternate}
.site-header .nav-system__item[aria-current="page"]{background:rgba(255,255,255,.32);box-shadow:inset 0 1px rgba(255,255,255,.45)}
.site-header[data-tone="dark"] .nav-system__item[aria-current="page"]{background:rgba(255,255,255,.12)}
.nav-system__icon{width:14px;height:14px;display:grid;place-items:center;flex:0 0 14px}.nav-system__icon svg{width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.nav-system__number{font-size:7px;font-weight:760;letter-spacing:.02em;opacity:.52}.nav-system__label{font-size:clamp(11px,.95vw,13px);font-weight:680;letter-spacing:.015em}
@keyframes nav-particle-drift{0%{background-position:0 0,0 0,0 0,0 0,0 0}100%{background-position:3px -2px,-2px 3px,2px 2px,-3px -2px,2px -3px}}
@media(max-width:1180px){.site-header.nav-system-shell{grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr);gap:10px}.site-header.nav-system-shell .phase{display:none}.site-header .nav-system{justify-content:center}.site-header .nav-system__item{padding-inline:4px}.nav-system__label{font-size:11px}}
@media(max-width:860px){.site-header.nav-system-shell{left:10px;right:10px;height:62px;padding:0 12px;grid-template-columns:auto minmax(0,1fr);border-radius:20px}.site-header.nav-system-shell .logo b{display:none}.site-header .nav-system{display:flex;justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-right:6px}.site-header .nav-system::-webkit-scrollbar{display:none}.site-header .nav-system__item{flex:0 0 auto;min-width:auto;padding-inline:5px}.nav-system__number{display:none}.nav-system__label{font-size:10px}}
@media(max-width:560px){.site-header.nav-system-shell{grid-template-columns:auto minmax(0,1fr);gap:7px}.site-header.nav-system-shell .logo img{width:27px;height:27px}.site-header .nav-system__item{gap:4px}.nav-system__icon{width:13px;height:13px;flex-basis:13px}.nav-system__icon svg{width:13px;height:13px}.nav-system__label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.site-header .nav-system__item,.site-header .nav-system__item::before,.site-header .nav-system__item::after{animation:none!important;transition:none!important}}

/* Canonical navigation reset: old page styles must not recreate rules or alter type. */
.site-header.nav-system-shell .logo img{filter:none}
.site-header.nav-system-shell[data-tone="dark"] .logo img{filter:invert(1)}
.site-header.nav-system-shell .nav-system__item,
.site-header.nav-system-shell .nav-system__item:hover,
.site-header.nav-system-shell .nav-system__item:focus,
.site-header.nav-system-shell .nav-system__item:focus-visible,
.site-header.nav-system-shell .nav-system__item[aria-current="page"]{border:0!important;font-size:12px!important;line-height:1!important;text-decoration:none!important;text-underline-offset:0!important}
.site-header.nav-system-shell .nav-system__item::after{top:-4px!important;right:-7px!important;bottom:-4px!important;left:-7px!important;width:auto!important;height:auto!important;border:0!important;background-color:transparent!important}
.site-header.nav-system-shell .nav-system__number{font-size:7px!important;line-height:1!important}
.site-header.nav-system-shell .nav-system{font-family:Arial,"Microsoft YaHei",sans-serif!important}
.site-header.nav-system-shell .nav-system__label{font-family:Arial,"Microsoft YaHei",sans-serif!important;font-size:12px!important;line-height:1!important}
.site-header.nav-system-shell .nav-system__label{opacity:.4;transition:opacity .28s ease,color .28s ease,text-shadow .28s ease}
.site-header.nav-system-shell .nav-system__number{opacity:.32;transition:opacity .28s ease}
.site-header.nav-system-shell .nav-system__icon{opacity:.44;transition:opacity .28s ease,transform .38s cubic-bezier(.16,1,.3,1)}
.site-header.nav-system-shell .nav-system__item:hover .nav-system__label,
.site-header.nav-system-shell .nav-system__item:focus .nav-system__label,
.site-header.nav-system-shell .nav-system__item:focus-visible .nav-system__label,
.site-header.nav-system-shell .nav-system__item[aria-current="page"] .nav-system__label,
.site-header.nav-system-shell .nav-system__item:hover .nav-system__number,
.site-header.nav-system-shell .nav-system__item:focus .nav-system__number,
.site-header.nav-system-shell .nav-system__item:focus-visible .nav-system__number,
.site-header.nav-system-shell .nav-system__item[aria-current="page"] .nav-system__number,
.site-header.nav-system-shell .nav-system__item:hover .nav-system__icon,
.site-header.nav-system-shell .nav-system__item:focus .nav-system__icon,
.site-header.nav-system-shell .nav-system__item:focus-visible .nav-system__icon,
.site-header.nav-system-shell .nav-system__item[aria-current="page"] .nav-system__icon{opacity:1}
.site-header.nav-system-shell .nav-system__item:hover .nav-system__icon,
.site-header.nav-system-shell .nav-system__item:focus-visible .nav-system__icon{transform:translateY(-1px) scale(1.06)}
.site-header.nav-system-shell .nav-system__item::before{background:radial-gradient(ellipse at 32% 60%,rgba(115,214,255,.28),transparent 62%),radial-gradient(ellipse at 72% 38%,rgba(181,157,255,.24),transparent 60%)!important;filter:blur(10px)!important}
.site-header.nav-system-shell .nav-system__item::after{background-color:transparent!important;background-image:radial-gradient(circle at 9% 68%,rgba(112,211,255,.94) 0 1px,transparent 1.8px),radial-gradient(circle at 27% 19%,rgba(255,255,255,.98) 0 1px,transparent 1.7px),radial-gradient(circle at 48% 80%,rgba(173,150,255,.9) 0 1.1px,transparent 1.9px),radial-gradient(circle at 69% 24%,rgba(132,185,255,.88) 0 1px,transparent 1.8px),radial-gradient(circle at 90% 61%,rgba(225,232,255,.92) 0 1px,transparent 1.8px)!important;filter:drop-shadow(0 0 5px rgba(124,190,255,.62))!important}

/* Text-only navigation: light blooms from the type, never from a pill-shaped box. */
.site-header.nav-system-shell .nav-system{gap:clamp(13px,1.55vw,26px)}
.site-header.nav-system-shell .nav-system__item{min-height:44px;padding:0 2px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.site-header.nav-system-shell .nav-system__item:hover,
.site-header.nav-system-shell .nav-system__item:focus,
.site-header.nav-system-shell .nav-system__item:focus-visible,
.site-header.nav-system-shell .nav-system__item[aria-current="page"]{background:transparent!important;box-shadow:none!important}
.site-header.nav-system-shell .nav-system__item::before{inset:7px -12px!important;border-radius:50%!important;background:radial-gradient(ellipse at center,rgba(118,210,255,.32) 0,rgba(169,150,255,.18) 38%,transparent 72%)!important;filter:blur(9px)!important}
.site-header.nav-system-shell .nav-system__item::after{display:none!important}
.site-header.nav-system-shell .nav-system__item:hover .nav-system__label,
.site-header.nav-system-shell .nav-system__item:focus .nav-system__label,
.site-header.nav-system-shell .nav-system__item:focus-visible .nav-system__label{text-shadow:0 0 8px rgba(101,202,255,.72),0 0 18px rgba(174,151,255,.4)}
.site-header.nav-system-shell .nav-system__item[aria-current="page"] .nav-system__label{text-shadow:none}

/* AKU keeps its gallery controls, but now uses the same primary navigation. */
.site-header.nav-system-shell.aku-nav>span{display:none}
.site-header.nav-system-shell.aku-nav .aku-brand{min-width:max-content}
.site-header.nav-system-shell.aku-nav .aku-brand b{font-size:15px!important}
.site-header.nav-system-shell.aku-nav .view-switch{position:fixed;z-index:61;top:82px;right:var(--nav-edge);display:flex;gap:3px;padding:4px;border:1px solid rgba(255,255,255,.42);border-radius:14px;background:rgba(255,255,255,.58);backdrop-filter:blur(20px) saturate(170%);box-shadow:0 8px 24px rgba(0,0,0,.1);color:#111}
.site-header.nav-system-shell.aku-nav .view-switch button{padding:7px 10px;border-radius:10px;color:inherit;font-size:9px;line-height:1;text-decoration:none!important;text-underline-offset:0!important}
.site-header.nav-system-shell.aku-nav .view-switch button.active{background:#111;color:#fff;text-decoration:none!important}
@media(max-width:860px){.site-header.nav-system-shell .nav-system__item{font-size:11px!important}.site-header.nav-system-shell .nav-system__label{font-size:11px!important}.site-header.nav-system-shell.aku-nav .view-switch{top:80px;right:10px}}

/* Estrela-inspired violet light: a fine energy trace, not a pill. */
.site-header.nav-system-shell{
  --nav-violet:#8457ff;
  --nav-violet-bright:#c7a7ff;
  --nav-violet-white:#f8f3ff;
}
.site-header.nav-system-shell .nav-system__item{
  --nav-light-x:50%;
  overflow:visible;
  will-change:transform;
}
.site-header.nav-system-shell .nav-system__item::before{
  display:block!important;
  inset:11px -15px 5px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at var(--nav-light-x) 72%,rgba(197,160,255,.38) 0,rgba(125,72,255,.2) 19%,rgba(101,48,236,.08) 42%,transparent 70%)!important;
  filter:blur(8px)!important;
  opacity:0!important;
  transform:translateY(5px) scale(.72,.5)!important;
  transition:opacity .24s ease,transform .48s cubic-bezier(.16,1,.3,1)!important;
}
.site-header.nav-system-shell .nav-system__item::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  top:auto!important;
  left:50%!important;
  right:auto!important;
  bottom:6px!important;
  width:calc(100% + 22px)!important;
  height:1px!important;
  border:0!important;
  border-radius:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent 0%,rgba(104,52,239,.22) 18%,var(--nav-violet) 38%,var(--nav-violet-white) 50%,var(--nav-violet) 62%,rgba(104,52,239,.22) 82%,transparent 100%)!important;
  box-shadow:0 0 4px rgba(143,91,255,.95),0 0 12px rgba(125,65,255,.78),0 -4px 18px rgba(142,83,255,.34)!important;
  filter:none!important;
  opacity:0!important;
  transform:translateX(-50%) scaleX(.05)!important;
  transform-origin:center!important;
  transition:opacity .18s ease,transform .5s cubic-bezier(.16,1,.3,1)!important;
}
.site-header.nav-system-shell .nav-system__item:hover::before,
.site-header.nav-system-shell .nav-system__item:focus::before,
.site-header.nav-system-shell .nav-system__item:focus-visible::before{
  opacity:1!important;
  transform:translateY(0) scale(1,.82)!important;
  animation:nav-violet-aura 1.8s ease-in-out .35s infinite alternate!important;
}
.site-header.nav-system-shell .nav-system__item:hover::after,
.site-header.nav-system-shell .nav-system__item:focus::after,
.site-header.nav-system-shell .nav-system__item:focus-visible::after{
  opacity:1!important;
  transform:translateX(-50%) scaleX(1)!important;
  animation:nav-violet-sweep 1.45s ease-in-out .5s infinite!important;
}
.site-header.nav-system-shell .nav-system__item:hover .nav-system__label,
.site-header.nav-system-shell .nav-system__item:focus .nav-system__label,
.site-header.nav-system-shell .nav-system__item:focus-visible .nav-system__label{
  color:inherit;
  text-shadow:0 0 5px rgba(248,243,255,.9),0 0 11px rgba(169,116,255,.72),0 0 24px rgba(117,54,245,.45)!important;
}
.site-header.nav-system-shell .nav-system__item[aria-current="page"]::before{
  opacity:.22!important;
  transform:translateY(2px) scale(.82,.55)!important;
}
.site-header.nav-system-shell .nav-system__item[aria-current="page"]::after{
  opacity:.42!important;
  transform:translateX(-50%) scaleX(.42)!important;
  box-shadow:0 0 6px rgba(133,79,255,.55)!important;
}
.language-switch button:hover,.language-switch button:focus-visible{
  text-shadow:0 0 5px rgba(248,243,255,.9),0 0 11px rgba(169,116,255,.72),0 0 22px rgba(117,54,245,.4)!important;
}
@keyframes nav-violet-sweep{
  0%,100%{background-position:0 0;filter:brightness(.9)}
  48%{background-position:12px 0;filter:brightness(1.5)}
  52%{background-position:-12px 0;filter:brightness(1.65)}
}
@keyframes nav-violet-aura{
  from{opacity:.64;transform:translateY(1px) scale(.92,.68)}
  to{opacity:1;transform:translateY(-1px) scale(1.08,.92)}
}
@media(max-width:860px){
  .site-header.nav-system-shell .nav-system__item::after{bottom:5px!important;width:calc(100% + 14px)!important}
  .site-header.nav-system-shell .nav-system__item::before{inset:12px -10px 6px!important}
}
@media(hover:none){
  .site-header.nav-system-shell .nav-system__item:not([aria-current="page"])::before,
  .site-header.nav-system-shell .nav-system__item:not([aria-current="page"])::after{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .site-header.nav-system-shell .nav-system__item::before,
  .site-header.nav-system-shell .nav-system__item::after{animation:none!important}
}