/* Keep the approved white market surface; motion belongs to actual state changes. */
body{isolation:isolate}
#consign-background{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#fff}
#app{position:relative}
.app-stage{background:transparent}
::selection{background:#d6eafa;color:#1b1b1e}
input,textarea{caret-color:var(--accent,#0077d2)}
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--muted,#5f5d66);font:inherit;font-size:12px;line-height:1.4;cursor:pointer;white-space:nowrap;transition:background-color 140ms,color 140ms}
.motion-toggle:hover{background:#eeede9;color:#1b1b1e}
.motion-toggle:active{background:#e5e3dd}
.motion-toggle:focus-visible{outline:2px solid #0077d2;outline-offset:3px}
.motion-toggle svg{flex:none}
.motion-toggle .motion-play-icon{display:none}
.motion-toggle[data-paused=true] .motion-pause-icon{display:none}
.motion-toggle[data-paused=true] .motion-play-icon{display:block}
.site-footer{flex-wrap:wrap}
.landing-footer-bottom{flex-wrap:wrap;column-gap:20px;row-gap:8px}
.landing-header-inner,.site-header{transition:box-shadow 180ms ease-out,border-color 180ms ease-out}
.landing-header[data-scrolled=true] .landing-header-inner{box-shadow:0 5px 20px rgb(27 27 30 / .09)}
.site-header[data-scrolled=true]{box-shadow:0 3px 12px rgb(27 27 30 / .06)}
.network-bar>span:last-child,.landing-footer-bottom a[data-network-state]{display:inline-flex;align-items:center;gap:7px}
.network-bar[data-network-state]>span:last-child::before,.landing-footer-bottom a[data-network-state]::before{content:"";width:7px;height:7px;flex:none;border:1.5px solid #727078;border-radius:50%;box-sizing:border-box}
.network-bar[data-network-state=ready]>span:last-child::before,.landing-footer-bottom a[data-network-state=ready]::before{border-color:#0077d2;background:#0077d2}
.network-bar[data-network-state=error]>span:last-child::before,.landing-footer-bottom a[data-network-state=error]::before{border-color:#b42a34;background:#b42a34}
.network-bar[data-network-state=loading]>span:last-child::before,.landing-footer-bottom a[data-network-state=loading]::before{width:10px;height:10px;border:1.5px solid #b1aea8;border-right-color:#0077d2}
.empty[role=status]::before,.loading-shell::before{content:"";display:block;width:24px;height:24px;box-sizing:border-box;border:2px solid #d1cec7;border-right-color:#0077d2;border-radius:50%;margin:0 auto 16px}
@media (prefers-reduced-motion:no-preference){
 body[data-motion=running] .network-bar[data-network-state=loading]>span:last-child::before,
 body[data-motion=running] .landing-footer-bottom a[data-network-state=loading]::before,
 body[data-motion=running] .empty[role=status]::before,
 body[data-motion=running] .loading-shell::before{animation:consign-reading 800ms linear infinite}
 body[data-motion=running] [data-action=refresh][data-syncing=true] svg{animation:consign-reading 1s linear infinite}
}
@keyframes consign-reading{to{transform:rotate(360deg)}}
body[data-motion=paused] [data-ambient-motion],body[data-motion=paused] [data-ambient-motion] *,
body[data-motion=reduced] [data-ambient-motion],body[data-motion=reduced] [data-ambient-motion] *,
[data-ambient-motion][data-motion=paused],[data-ambient-motion][data-motion=paused] *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
 .landing-header-inner,.site-header,.motion-toggle{transition-duration:0s}
}
@media(max-width:600px){
 .site-footer .motion-toggle{margin-left:auto}
 .landing-footer-bottom .motion-toggle{padding-inline:0}
 .network-bar>span:last-child{flex-wrap:wrap}
}

body[data-motion=paused] dialog[open],body[data-motion=paused] dialog[open]::backdrop,body[data-motion=paused] .developer-details[open]>p,body[data-motion=paused] .developer-details[open]>.text-link{animation:none!important}
body[data-motion=paused] .button:active,body[data-motion=paused] .icon-button:active{transform:none!important}

@media(min-width:1181px) and (prefers-reduced-motion:no-preference){
 body[data-motion=running] .landing[data-arrival=complete] .home-category-orbit[data-motion=running] a>span{animation:consign-category-rest 6s ease-in-out infinite;animation-delay:calc(var(--category-order)*-.7s)}
}
@keyframes consign-category-rest{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}