.page-transition{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:all;touch-action:none;background:radial-gradient(circle at 50% 35%,#ff8f5524,#0000 42%),linear-gradient(#000000b8,#150702f5);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.page-transition--route{position:fixed}.page-transition__inner{text-align:center;flex-direction:column;align-items:center;gap:clamp(14px,3vw,18px);width:min(100%,320px);display:flex}.page-transition__tag{font-family:var(--font-mono);letter-spacing:-.06em;text-transform:uppercase;color:#ffffffb8;font-size:clamp(11px,2.8vw,12px)}.page-transition__label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--light);font-size:clamp(24px,7vw,40px);line-height:1}.page-transition__bar{background:#ffffff24;width:min(220px,72vw);height:2px;position:relative;overflow:hidden}.page-transition__bar span{background:linear-gradient(90deg, transparent, var(--primary), transparent);width:38%;animation:1.05s cubic-bezier(.22,1,.36,1) infinite page-transition-slide;position:absolute;inset:0 auto 0 0}.page-transition__content{width:100%}html.is-page-transitioning{overscroll-behavior:none;overflow:hidden}html.is-page-transitioning body{touch-action:none;overscroll-behavior:none;width:100%;position:fixed;inset:0 auto auto 0;overflow:hidden}@keyframes page-transition-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}@media (prefers-reduced-motion:reduce){.page-transition__bar span{background:var(--primary);width:100%;animation:none}}@media (max-width:480px){.page-transition{padding:20px 16px}.page-transition__inner{gap:12px}}