/* Shared page-transition loader (auto-themes via --accent on each page) */
.xition{position:fixed;inset:0;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;
  background:#050705;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;pointer-events:none}
.xition.show,html.xnav .xition{opacity:1;visibility:visible;pointer-events:all}
.xition__core{position:relative;width:92px;height:92px;display:grid;place-items:center}
.xition__hex{position:absolute;inset:0;width:100%;height:100%;animation:xspin 3.2s linear infinite}
.xition__hex polygon{fill:none;stroke:var(--accent,#2fe06a);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;
  stroke-dasharray:80 320;filter:drop-shadow(0 0 7px var(--accent,#2fe06a));animation:xdash 1.5s ease-in-out infinite}
.xition__hex.b{animation-duration:2.2s;animation-direction:reverse;opacity:.35}
.xition__pct{position:relative;font-family:var(--mono,ui-monospace,monospace);font-weight:700;font-size:15px;letter-spacing:.12em;color:var(--accent,#2fe06a)}
.xition__bar{width:184px;height:3px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}
.xition__bar i{display:block;height:100%;width:42%;border-radius:2px;background:var(--accent,#2fe06a);box-shadow:0 0 12px var(--accent,#2fe06a);animation:xbar 1.1s ease-in-out infinite}
.xition__txt{font-family:var(--mono,ui-monospace,monospace);font-size:11px;letter-spacing:.36em;text-transform:uppercase;color:var(--accent,#2fe06a)}
.xition__txt b{opacity:.55;animation:xblink 1s steps(1) infinite}
@keyframes xspin{to{transform:rotate(360deg)}}
@keyframes xdash{0%{stroke-dashoffset:0}50%{stroke-dashoffset:-200}100%{stroke-dashoffset:-400}}
@keyframes xbar{0%{transform:translateX(-115%)}100%{transform:translateX(370%)}}
@keyframes xblink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){
  .xition__hex,.xition__bar i,.xition__txt b{animation:none}
}