.sp-card[data-type=interactive].svelte-18ohjri{--tc: #2f6fd0;--tglow: rgba(47, 111, 208, .1)}.sp-card[data-type=background].svelte-18ohjri{--tc: #b06f08;--tglow: rgba(176, 111, 8, .1)}.sp-card[data-type=app].svelte-18ohjri{--tc: #5b52d6;--tglow: rgba(91, 82, 214, .1)}[data-mode=dark] .sp-card[data-type=interactive].svelte-18ohjri{--tc: #6ea2f7;--tglow: rgba(110, 162, 247, .16)}[data-mode=dark] .sp-card[data-type=background].svelte-18ohjri{--tc: #e0a11a;--tglow: rgba(224, 161, 26, .16)}[data-mode=dark] .sp-card[data-type=app].svelte-18ohjri{--tc: #9a92f5;--tglow: rgba(154, 146, 245, .18)}.sp-card.svelte-18ohjri{display:flex;flex-direction:column;gap:.7rem;padding:.85rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.sp-card.svelte-18ohjri:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tc) 40%,transparent);box-shadow:var(--shadow-md)}.sp-card.expanded.svelte-18ohjri{border-color:color-mix(in srgb,var(--tc) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--tc) 25%,transparent),var(--shadow-md)}.sp-art.svelte-18ohjri{position:relative;aspect-ratio:1 / 1;border-radius:12px;background:linear-gradient(160deg,var(--tglow),var(--surface-tint));border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;overflow:hidden}.sp-logo.svelte-18ohjri svg,.sp-logo-img.svelte-18ohjri{width:46%;height:46%;object-fit:contain}.sp-logo-fallback.svelte-18ohjri{width:40%;height:40%;color:var(--tc);opacity:.75}.sp-play.svelte-18ohjri{position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--cta-gradient);box-shadow:var(--shadow-md);opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}.sp-card.svelte-18ohjri:hover .sp-play:where(.svelte-18ohjri),.sp-card.expanded.svelte-18ohjri .sp-play:where(.svelte-18ohjri),.sp-card.svelte-18ohjri:focus-visible .sp-play:where(.svelte-18ohjri){opacity:1;transform:translateY(0)}.sp-play.svelte-18ohjri:hover{transform:scale(1.08)}.sp-head.svelte-18ohjri{display:flex;flex-direction:column;gap:.35rem;padding:0 .25rem}.sp-name.svelte-18ohjri{font-size:.98rem;font-weight:600;color:var(--text-primary);line-height:1.3}.type-badge.svelte-18ohjri{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.22rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;color:var(--tc);background:var(--tglow);border:1px solid color-mix(in srgb,var(--tc) 35%,transparent);white-space:nowrap}.type-dot.svelte-18ohjri{width:7px;height:7px;border-radius:50%;background:var(--tc)}.sp-body.svelte-18ohjri{display:flex;flex-direction:column;gap:.6rem;padding:.6rem .25rem .15rem;border-top:1px solid var(--border-color)}.sp-desc.svelte-18ohjri{margin:0;font-size:.85rem;line-height:1.55;color:var(--text-secondary)}.sp-chips.svelte-18ohjri{display:flex;flex-wrap:wrap;gap:.4rem}.chip.svelte-18ohjri{font-size:.7rem;padding:.2rem .55rem;border-radius:7px;border:1px solid var(--border-color);color:var(--text-secondary)}.chip.muted.svelte-18ohjri{border-style:dashed;opacity:.7}.chip.status.svelte-18ohjri{text-transform:capitalize;color:var(--tc);border-color:color-mix(in srgb,var(--tc) 35%,transparent)}