html[data-store-booting] #marketplace_header,html[data-store-booting] #app,html[data-store-booting] .market-footer{visibility:hidden}
#store_loading{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--brand-primary,#b7b7b7) 10%,transparent),transparent 55%),var(--canvas,#101419);color:var(--ink,#f4f6f8);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center;overflow:auto}
html:not([data-store-booting]) #store_loading{display:none}
.boot-card{width:min(430px,100%);padding:24px 0}
.boot-track{position:relative;width:148px;height:148px;margin:0 auto 30px;display:grid;place-items:center}
.boot-track>i{position:absolute;inset:0;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-top:2px solid var(--brand-primary,currentColor);border-bottom-color:transparent;border-radius:50%;animation:boot-orbit 2s linear infinite}
.boot-track>i:nth-child(2){inset:12px;border-top-color:transparent;border-right-color:var(--brand-primary,currentColor);animation-direction:reverse;animation-duration:3s}
.boot-track>i:nth-child(3){inset:24px;border:1px dashed color-mix(in srgb,currentColor 20%,transparent);animation:none}
.boot-mark{font-size:54px;font-weight:900;font-style:italic;letter-spacing:-8px;line-height:1;transform:translateX(-5px)}
.boot-mark span{font-size:29px;vertical-align:top;letter-spacing:0;color:var(--brand-primary,currentColor)}
.boot-wordmark{font-weight:900;font-size:clamp(28px,7vw,40px);letter-spacing:-1.8px;line-height:1}
.boot-wordmark>span{display:block;font-size:10px;letter-spacing:3.4px;font-weight:600;margin-top:14px;opacity:.65}
.boot-lane{height:3px;margin:32px auto 22px;width:180px;border-radius:8px;background:color-mix(in srgb,currentColor 10%,transparent);overflow:hidden}
.boot-lane i{display:block;height:100%;width:38%;background:var(--brand-primary,currentColor);border-radius:8px;animation:boot-lane 1.4s ease-in-out infinite}
#boot_message{font-size:15px;font-weight:600;margin:0 0 12px;line-height:1.5}
.boot-card small{font-size:12px;opacity:.6;line-height:1.5;display:block}
#store_loading button{margin-top:22px;padding:12px 26px;background:var(--ink,#f4f6f8);color:var(--canvas,#101419);border:0;border-radius:999px;font:600 14px system-ui;cursor:pointer}
#store_loading button:focus-visible{outline:3px solid var(--brand-primary,currentColor);outline-offset:5px}
@keyframes boot-orbit{to{transform:rotate(360deg)}}
@keyframes boot-lane{0%{transform:translateX(-110%)}100%{transform:translateX(370%)}}
.catalog-loading{width:100%;padding:20px 0;grid-column:1/-1}
.catalog-loading>p{font-size:14px;color:var(--muted);margin:0 0 18px}
.catalog-skeletons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.catalog-skeleton{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}
.catalog-skeleton>i{display:block;aspect-ratio:4/5;background:color-mix(in srgb,var(--ink) 6%,var(--surface));animation:catalog-pulse 1.6s ease-in-out infinite alternate}
.catalog-skeleton>span{display:block;height:12px;margin:18px;width:60%;border-radius:4px;background:color-mix(in srgb,var(--ink) 9%,var(--surface))}
.catalog-skeleton>span:last-child{width:35%;margin-top:0;margin-bottom:24px}
.discovery-image-placeholder{width:45%;min-height:150px;align-self:stretch;border-radius:12px;background:color-mix(in srgb,var(--ink) 5%,var(--surface))}
@keyframes catalog-pulse{to{opacity:.45}}
@media(max-width:600px){.catalog-skeletons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.boot-track{width:128px;height:128px}}
@media(prefers-reduced-motion:reduce){.boot-track>i,.boot-lane i,.catalog-skeleton>i{animation:none}.boot-lane i{width:100%;opacity:.5}}