/* Motion is progressive: content and links work without JavaScript or animation. */
@view-transition{navigation:auto}
@keyframes baide-page-out{to{opacity:0;translate:0 -10px}}
@keyframes baide-page-in{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
::view-transition-old(root){animation:baide-page-out .35s ease-in both}
::view-transition-new(root){animation:baide-page-in .7s cubic-bezier(.16,1,.3,1) both}
.page-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#2563eb,#55a9ff);box-shadow:0 0 12px #2563eb66;transform:scaleX(.9);transform-origin:left center;z-index:200;pointer-events:none}
.is-loading{position:relative;pointer-events:none;cursor:wait;gap:10px}
.is-loading:before{content:"";display:inline-block;flex:0 0 14px;width:14px;height:14px;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;animation:baide-spin .9s linear infinite}
.is-loading>svg{display:none}
.motion-toggle{border:0;padding:0;background:transparent;color:inherit;font:inherit;font-size:10px;cursor:pointer;white-space:nowrap}
.motion-toggle:hover{color:#2563eb;text-decoration:underline;text-underline-offset:3px}
.motion-toggle:focus-visible{outline:2px solid #8bb4ff;outline-offset:4px}
.setup-footer .motion-toggle{margin-left:18px}
.login-box>.motion-toggle{display:block;margin:18px auto 0;color:#92a1b8}
.button,.filter-tab{position:relative;overflow:hidden;isolation:isolate}
.motion-ripple{position:absolute;border-radius:50%;background:currentColor;pointer-events:none;z-index:-1}
html[data-motion-preference="full"] .button{transition:background .4s,transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s!important}
html[data-motion-preference="full"] .site-card{transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s,border-color .4s!important}
html[data-motion-preference="full"] .mini-browser{transition:transform .7s cubic-bezier(.16,1,.3,1)!important}
html[data-motion-preference="full"] .text-link{transition:gap .45s cubic-bezier(.16,1,.3,1),color .4s!important}
html[data-motion-preference="full"] .filter-tab{transition:background .4s,color .4s,box-shadow .4s!important}
.site-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff75 48%,transparent 72%);transform:translateX(-110%);pointer-events:none}
@media(hover:hover){html[data-motion-preference="full"] .site-card:hover .site-visual:after{animation:baide-shine 1.2s ease-out!important}}
@keyframes baide-shine{to{transform:translateX(110%)}}
@keyframes baide-spin{to{transform:rotate(360deg)}}
@keyframes baide-browser-float{0%,100%{transform:translateY(0) rotate(-6deg) rotateY(-8deg)}50%{transform:translateY(-15px) rotate(-4deg) rotateY(-5deg)}}
@keyframes baide-label-float{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@keyframes baide-orbit{from{transform:rotate(-25deg)}to{transform:rotate(335deg)}}
@keyframes baide-planet{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes baide-spark{0%,100%{scale:1;opacity:.65}50%{scale:1.2;opacity:1}}
@keyframes baide-dot{0%,100%{box-shadow:0 0 0 0 #2563eb26}65%{box-shadow:0 0 0 10px #2563eb00}}
@keyframes baide-connected{0%,100%{box-shadow:0 0 0 0 #4dcc9b30}65%{box-shadow:0 0 0 11px #4dcc9b00}}
@keyframes baide-about-orbit{0%,100%{rotate:0deg;scale:1}50%{rotate:12deg;scale:1.08}}
@keyframes baide-cta-orbit{0%,100%{translate:0 0;scale:1}50%{translate:-18px 8px;scale:1.08}}
.hero-browser{--motion-loop:baide-browser-float 9s ease-in-out infinite}
.float-top{--motion-loop:baide-label-float 7s ease-in-out -1s infinite}
.float-bottom{--motion-loop:baide-label-float 8.5s ease-in-out -3s infinite}
.orbital-two{--motion-loop:baide-orbit 48s linear infinite}
.screen-planet{--motion-loop:baide-planet 7s ease-in-out -2s infinite}
.planet-star,.label-spark,.about-word>span{--motion-loop:baide-spark 4s ease-in-out infinite}
.live-dot,.orbit-point{--motion-loop:baide-dot 3.6s ease-out infinite}
.connected-dot{--motion-loop:baide-connected 3.6s ease-out -1.8s infinite}
.about-orbit{--motion-loop:baide-about-orbit 12s ease-in-out infinite}
.cta-orbit{--motion-loop:baide-cta-orbit 11s ease-in-out infinite}
html[data-motion-preference="full"] :is(.hero-browser,.float-top,.float-bottom,.orbital-two,.screen-planet,.planet-star,.label-spark,.about-word>span,.live-dot,.orbit-point,.connected-dot,.about-orbit,.cta-orbit){animation:var(--motion-loop) !important;animation-play-state:var(--motion-play-state,paused)!important}
:is(.hero-art,.about-art,.cta-panel,.hero-copy)[data-motion-visible="true"]{--motion-play-state:running}
html[data-motion-paused="true"] :is(.hero-browser,.float-top,.float-bottom,.orbital-two,.screen-planet,.planet-star,.label-spark,.about-word>span,.live-dot,.orbit-point,.connected-dot,.about-orbit,.cta-orbit){animation-play-state:paused!important}
@media(max-width:700px){
 .admin-sidebar{transition:transform .55s cubic-bezier(.16,1,.3,1),visibility 0s linear .55s}
 .sidebar-open .admin-sidebar{transition-delay:0s}
 .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:45;background:#172c5140;backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s linear .45s}
 .sidebar-open .sidebar-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
 .is-loading:before{animation:none!important}
 .admin-sidebar,.sidebar-backdrop{transition:none!important}
}
html[data-motion-preference="reduced"] :is(.hero-browser,.float-top,.float-bottom,.orbital-two,.screen-planet,.planet-star,.label-spark,.about-word>span,.live-dot,.orbit-point,.connected-dot,.about-orbit,.cta-orbit,.is-loading:before){animation:none!important}
html[data-motion-preference="reduced"] :is(.admin-sidebar,.sidebar-backdrop){transition:none!important}
html[data-motion-preference="reduced"]::view-transition-old(root),html[data-motion-preference="reduced"]::view-transition-new(root){animation:none!important}
/* A deliberate visitor choice can override the system's reduced-motion default. */
html[data-motion-preference="full"] .is-loading:before{animation:baide-spin .9s linear infinite!important}
@media(max-width:700px){
 html[data-motion-preference="full"] .admin-sidebar{transition:transform .55s cubic-bezier(.16,1,.3,1),visibility 0s linear .55s!important}
 html[data-motion-preference="full"] .sidebar-backdrop{transition:opacity .45s ease,visibility 0s linear .45s!important}
 html[data-motion-preference="full"] .sidebar-open :is(.admin-sidebar,.sidebar-backdrop){transition-delay:0s!important}
}