/* The shell stays interactive; only its changing content uses a short crossfade. */
.shell-transition{inset:calc(54px + env(safe-area-inset-top)) 0 env(safe-area-inset-bottom);position:fixed;z-index:4;display:grid;place-items:center;box-sizing:border-box;background:var(--bg);color:var(--mut)}
.shell-transition{overflow:hidden}
.shell-transition::before{content:'';position:absolute;width:max(150vw,760px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--mut);opacity:.22;mask:url('/assets/motion/loading-outer-circle.png?v=337') center/contain no-repeat;-webkit-mask:url('/assets/motion/loading-outer-circle.png?v=337') center/contain no-repeat}
.shell-transition::after{content:'';position:absolute;width:min(110vw,700px);aspect-ratio:1;left:50%;top:48%;transform:translate(-50%,-50%);background:var(--mut);opacity:.035;mask:url('/assets/img/loading-phoenix.png?v=337') center/contain no-repeat;-webkit-mask:url('/assets/img/loading-phoenix.png?v=337') center/contain no-repeat}
.shell-transition-content{position:relative;z-index:1}
[data-theme=light] .shell-transition::before{opacity:.16}
.shell-transition[data-boot]{animation:shell-boot-in .18s cubic-bezier(.16,1,.3,1) .12s both,shell-boot-expire 0s 12s forwards}
@keyframes shell-boot-expire{to{visibility:hidden;pointer-events:none}}
@keyframes shell-boot-in{from{opacity:0}to{opacity:1}}
.shell-transition[hidden]{display:none}
.shell-transition-content{display:grid;justify-items:center;gap:18px;padding:28px;text-align:center}
.shell-transition-mark{position:relative;width:min(224px,58vw);aspect-ratio:1;color:var(--accent)}
.shell-transition-mark>i{position:absolute;inset:0;background:currentColor;mask:var(--loading-layer) center/contain no-repeat;-webkit-mask:var(--loading-layer) center/contain no-repeat}
.shell-transition-mark .ring-track{--loading-layer:url('/assets/motion/loading-outer-circle.png?v=337');opacity:.6}
.shell-transition-mark .ring-detail{--loading-layer:url('/assets/motion/loading-inner-circle.png?v=337');color:var(--mut);opacity:.55}
.shell-transition-mark .ring-sweep{--loading-layer:url('/assets/motion/loading-outer-rotation.png?v=337');animation:shell-scan 2.4s linear infinite}
.shell-transition-mark .ring-mid{--loading-layer:url('/assets/motion/loading-mid-rotation.png?v=337');animation:shell-scan 12s linear infinite reverse;opacity:.7}
.shell-transition-mark .ring-inner{--loading-layer:url('/assets/motion/loading-center-rotation.png?v=337');animation:shell-scan 6s linear infinite;opacity:.75}
.shell-transition-mark .ring-primary{position:absolute;inset:0;width:100%;height:100%;animation:shell-scan 3s linear infinite}
.shell-transition-mark .shell-transition-phoenix{inset:32%;background:url('/assets/img/agenthub-emblem.webp?v=288') center/contain no-repeat;mask:none;-webkit-mask:none}
.shell-transition-status{margin:0;font:500 13px/1.5 var(--ff-body)}
.shell-transition-recovery{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.shell-transition-recovery[hidden]{display:none}
.shell-transition-recovery :is(button,a){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--fg);font:inherit;text-decoration:none;box-sizing:border-box}
.shell-transition-recovery :is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.shell-transition.is-paused .ring-primary,.shell-transition.is-paused .ring-sweep,.shell-transition.is-paused .ring-mid,.shell-transition.is-paused .ring-inner{animation-play-state:paused}
#fr[aria-busy=true]{pointer-events:none}
body[data-hub-page=home] .bar{transition:background-color .16s ease,border-color .16s ease}
@keyframes shell-scan{to{transform:rotate(360deg)}}
@keyframes shell-subnav-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.shell-subnav:not([hidden]){animation:shell-subnav-in .18s cubic-bezier(.16,1,.3,1)}
@media(max-width:700px){
 body[data-hub-page=home] .bar .primary-nav{position:absolute;top:100%;left:8px;right:8px;z-index:6;display:grid;width:auto;max-width:calc(100% - 16px);box-sizing:border-box;max-height:calc(100dvh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 12px 28px rgba(0,0,0,.16);visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-6px) scale(.985);transform-origin:top right;transition:opacity .14s ease,transform .24s cubic-bezier(.16,1,.3,1),visibility 0s .14s}
 body[data-hub-page=home] .bar.hub-open .primary-nav{visibility:visible;pointer-events:auto;opacity:1;transform:none;transition-delay:0s}
 body[data-hub-page=home] .bar :is(.shell-control,.hub-menu-button,.tab,.nav-child-toggle){transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .12s cubic-bezier(.16,1,.3,1)}
 body[data-hub-page=home] .bar :is(.shell-control,.hub-menu-button,.tab,.nav-child-toggle):active{transform:scale(.97)}
}
@media(prefers-reduced-motion:reduce){
 .shell-transition-mark .ring-primary,.shell-transition-mark .ring-sweep,.shell-transition-mark .ring-mid,.shell-transition-mark .ring-inner{animation:none}
 .shell-subnav:not([hidden]){animation:none}
 body[data-hub-page=home] .bar .primary-nav{transform:none!important;transition:opacity .08s linear,visibility 0s .08s!important}
 body[data-hub-page=home] .bar :is(.shell-control,.hub-menu-button,.tab,.nav-child-toggle):active{transform:none}
}