/* Lucian UX/UI Prompt #079 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#079 */
#page-description{min-height:1.5em}
.catalog-loading{--bone-surface:#23262b;--bone-shine:#30343a;padding:4px 0 12px;overflow:hidden}
.catalog-loading>p{margin:12px 0 18px;color:#a5afbc;font-size:13px;font-weight:400}
.catalog-bone-row{display:flex;align-items:center;gap:14px;min-height:86px;border-bottom:1px solid #ffffff06}
.catalog-bone{display:block;background:linear-gradient(100deg,transparent 28%,var(--bone-shine) 45%,transparent 62%) 0 0/700px 100% no-repeat,var(--bone-surface);animation:catalog-shine 1.6s linear infinite;border-radius:7px}
.catalog-bone-cover{width:42px;height:42px;border-radius:9px;flex:none}
.catalog-bone-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:12px}
.catalog-bone-title{width:var(--bone-width);max-width:480px;height:13px}
.catalog-bone-credit{width:84px;height:11px}
.catalog-bone-action{width:34px;height:11px;flex:none;margin-right:12px}
.catalog-bone-info .catalog-bone{--sx:-56px}
@keyframes catalog-shine{from{background-position:calc(var(--sx,0px) - 700px) 0,0 0}to{background-position:calc(var(--sx,0px) + 700px) 0,0 0}}
.catalog-failure{display:flex;align-items:flex-start;gap:14px;margin:20px 0;padding:22px 16px;border-radius:12px;background:#ffffff03;color:#a5afbc}
.catalog-failure>svg{width:22px;height:22px;flex:none;margin-top:2px}
.catalog-failure strong{display:block;color:#e7ebf0;font-size:15px}
.catalog-failure p{margin:8px 0 16px;font-size:13px;line-height:1.6}
.catalog-failure button{min-height:40px;padding:0 16px;border:1px solid #ffffff20;border-radius:8px}
@media(max-width:1023px){.catalog-bone-row{min-height:80px;gap:12px}.catalog-bone-info .catalog-bone{--sx:-54px}.catalog-bone-title{max-width:90%}.catalog-bone-action{width:20px;margin-right:4px}}
@media(prefers-reduced-motion:reduce){.catalog-bone{animation:none;background:var(--bone-surface)}}