/* Marketplace navigation and request-driven loading. */
.market-page .categories{display:flex;align-items:center;gap:5px;padding:6px;background:hsl(var(--theme-hue,217) calc(13.5% * var(--theme-saturation,1)) 7.3%);border:1px solid hsl(var(--theme-hue,217) calc(14.9% * var(--theme-saturation,1)) 17.1%);border-radius:12px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:hsl(var(--theme-hue,217) calc(22.1% * var(--theme-saturation,1)) 26.7%) transparent;margin-bottom:18px}
.market-page .categories .category{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:1 0 auto;min-height:46px;padding:10px 20px;border:1px solid transparent;border-radius:8px;background:transparent;color:hsl(var(--theme-hue,217) calc(17.4% * var(--theme-saturation,1)) 67.3%);font-size:13px;font-weight:550;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease}
.market-page .categories .category>.icon{display:block;width:20px;height:20px;margin:0;color:hsl(var(--theme-hue,217) calc(20.2% * var(--theme-saturation,1)) 58.2%);transition:color .16s ease}
.market-page .categories .category:hover{background:hsl(var(--theme-hue,217) calc(25.0% * var(--theme-saturation,1)) 14.1%);color:hsl(var(--theme-hue,217) calc(66.7% * var(--theme-saturation,1)) 92.9%);border-color:hsl(var(--theme-hue,217) calc(26.8% * var(--theme-saturation,1)) 27.8%)}
.market-page .categories .category.selected{background:linear-gradient(135deg,hsl(var(--theme-hue,217) calc(44.3% * var(--theme-saturation,1)) 22.5%),hsl(var(--theme-hue,217) calc(41.8% * var(--theme-saturation,1)) 15.5%));border-color:hsl(var(--theme-hue,217) calc(39.5% * var(--theme-saturation,1)) 42.2%);color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 93.5%);box-shadow:inset 0 1px 0 hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 82.5% / 0.039)}
.market-page .categories .category.selected>.icon{color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 78.6%)}
.market-page .market-controls{gap:14px;margin-bottom:20px}
.market-page .market-controls .market-modes{margin-left:0;flex:0 1 auto;padding:4px;gap:4px;border:1px solid hsl(var(--theme-hue,217) calc(14.9% * var(--theme-saturation,1)) 17.1%);border-radius:10px;background:hsl(var(--theme-hue,217) calc(13.5% * var(--theme-saturation,1)) 7.3%)}
.market-page .market-modes button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:9px 15px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:550;color:hsl(var(--theme-hue,217) calc(18.7% * var(--theme-saturation,1)) 64.3%);transition:background .16s ease,color .16s ease,border-color .16s ease}
.market-page .market-modes button>.icon{width:16px;height:16px;color:hsl(var(--theme-hue,217) calc(21.9% * var(--theme-saturation,1)) 58.8%)}
.market-page .market-modes button:hover{background:hsl(var(--theme-hue,217) calc(26.3% * var(--theme-saturation,1)) 14.9%);color:hsl(var(--theme-hue,217) calc(78.3% * var(--theme-saturation,1)) 91.0%)}
.market-page .market-modes button.active{background:hsl(var(--theme-hue,217) calc(39.6% * var(--theme-saturation,1)) 20.8%);border-color:hsl(var(--theme-hue,217) calc(36.0% * var(--theme-saturation,1)) 34.9%);color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 93.3%);box-shadow:0 1px 3px #0003}
.market-page .market-modes button.active>.icon{color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 79.4%)}
.market-page .category:focus-visible,.market-page .market-modes button:focus-visible{outline:2px solid hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 75.7%);outline-offset:2px}
.market-page .market-controls .sort{height:46px;border:1px solid hsl(var(--theme-hue,217) calc(17.6% * var(--theme-saturation,1)) 20.0%);border-radius:9px;background:hsl(var(--theme-hue,217) calc(23.1% * var(--theme-saturation,1)) 10.2%);margin-left:auto;padding:0 12px}
.market-page .market-controls .sort select{color:hsl(var(--theme-hue,217) calc(33.3% * var(--theme-saturation,1)) 79.4%);max-width:170px}
.market-load-status:empty{display:none}
.market-loading{display:flex;justify-content:center;padding:26px 20px 0}
.market-loading-track{position:relative;display:block;width:min(100%,500px);height:3px;overflow:hidden;background:hsl(var(--theme-hue,217) calc(56.0% * var(--theme-saturation,1)) 19.6%);border-radius:2px}
.market-loading-track i{position:absolute;inset:0 auto 0 0;width:38%;border-radius:inherit;background:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 59.8%);animation:market-progress 1.45s cubic-bezier(.4,0,.2,1) infinite;will-change:transform}
.market-loading-track i+i{width:22%;background:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 73.5%);animation-delay:-.72s}
.market-page .item-grid.market-pending{min-height:420px}
.market-arrived{animation:market-arrive .24s ease-out}
.market-load-error{margin:0 0 18px;padding:12px 15px;border:1px solid hsl(var(--theme-hue,217) calc(27.1% * var(--theme-saturation,1)) 27.5%);border-radius:8px;color:hsl(var(--theme-hue,217) calc(31.7% * var(--theme-saturation,1)) 75.3%);font-size:12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:hsl(var(--theme-hue,217) calc(31.1% * var(--theme-saturation,1)) 12.0%)}
.market-load-error button{color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 80.6%)}
@keyframes market-progress{0%{transform:translateX(-120%)}100%{transform:translateX(500%)}}
@keyframes market-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.market-page .categories{justify-content:flex-start}.market-page .categories .category{flex:0 0 auto;padding:9px 14px;min-height:42px}.market-page .market-controls{gap:10px}.market-page .market-modes{max-width:100%;flex-wrap:nowrap}.market-page .market-modes button{padding:8px 10px;font-size:11px;gap:6px}.market-page .market-controls .sort{height:42px}.market-page .item-grid.market-pending{min-height:300px}}
@media(prefers-reduced-motion:reduce){.market-loading-track i{animation:none;transform:translateX(80%);width:35%}.market-loading-track i+i{display:none}.market-arrived{animation:none}.market-page .category,.market-page .market-modes button{transition:none}}

/* Move one selection surface between filters without moving the buttons. */
.market-page .categories,.market-page .market-modes{position:relative;isolation:isolate}
.filter-selection-highlight{position:absolute;left:0;top:0;z-index:0;pointer-events:none;border:1px solid hsl(var(--theme-hue,217) calc(39.5% * var(--theme-saturation,1)) 42.2%);border-radius:8px;background:linear-gradient(135deg,hsl(var(--theme-hue,217) calc(44.3% * var(--theme-saturation,1)) 22.5%),hsl(var(--theme-hue,217) calc(41.8% * var(--theme-saturation,1)) 15.5%));box-shadow:inset 0 1px 0 hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 82.5% / 0.039);transition:transform .24s cubic-bezier(.2,.7,.2,1),width .24s cubic-bezier(.2,.7,.2,1),height .24s ease,opacity .16s ease}
.market-modes>.filter-selection-highlight{background:hsl(var(--theme-hue,217) calc(39.6% * var(--theme-saturation,1)) 20.8%);border-color:hsl(var(--theme-hue,217) calc(36.0% * var(--theme-saturation,1)) 34.9%);border-radius:7px}
.market-page .has-filter-highlight>button{z-index:1}
.market-page .categories.has-filter-highlight .category.selected,.market-page .market-modes.has-filter-highlight button.active{background:transparent;border-color:transparent;box-shadow:none}
@media(prefers-reduced-motion:reduce){.filter-selection-highlight{transition:none}}