.signal-dot{width:10px;height:10px;border-radius:999px;background:var(--a2);box-shadow:0 0 0 2px #ffffff1a,0 0 14px color-mix(in srgb,var(--a2) 75%,transparent),0 0 34px color-mix(in srgb,var(--a2) 45%,transparent);animation:lightningPulse 1.8s ease-in-out infinite}@keyframes lightningPulse{0%,to{transform:scale(1);box-shadow:0 0 0 2px #ffffff1a,0 0 14px color-mix(in srgb,var(--a2) 75%,transparent),0 0 34px color-mix(in srgb,var(--a2) 45%,transparent)}50%{transform:scale(1.18);box-shadow:0 0 0 6px #ffffff0f,0 0 22px color-mix(in srgb,var(--a2) 85%,transparent),0 0 60px color-mix(in srgb,var(--a2) 55%,transparent)}}.return-btn{border:1px solid var(--glass-border);background:#ffffff1a;padding:10px 14px;border-radius:16px;font-size:14px;font-weight:700;transition:transform .15s ease,background .15s ease}.return-btn:hover{transform:translateY(-2px);background:#ffffff24}.card{background:#ffffff0f;box-shadow:0 16px 48px #0000001a;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{box-shadow:0 24px 64px #00000029}.card-inner{background:#ffffff0f;backdrop-filter:blur(12px)}.dark .card-inner{background:#0a0a0a59}.media-wrap{height:220px;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.06)}.dark .media-wrap{border-bottom-color:#ffffff14}.media-wrap.has-cover{background:#18181b}.media-cover{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.card:hover .media-cover{transform:scale(1.03)}.media-hover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#18181b;opacity:0;transition:opacity .45s ease;pointer-events:none}.media-hover.slide-active{opacity:1}.card:hover:has(.media-hover) .media-cover{opacity:0;transform:none}.media-wrap.has-logo{display:flex;align-items:center;justify-content:center;padding:36px;background:linear-gradient(145deg,#f9fafb,#f1f5f9 60%,#ecfdf5)}.dark .media-wrap.has-logo{background:linear-gradient(145deg,#18181b,#1c1c22 60%,#121e1a)}.media-logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 8px 28px rgba(0,0,0,.1));transition:transform .4s ease}.dark .media-logo{filter:drop-shadow(0 8px 28px rgba(0,0,0,.35))}.card:hover .media-logo{transform:scale(1.04)}.media-empty{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#f9fafb,#f1f5f9);color:#71717a99}.dark .media-empty{background:linear-gradient(145deg,#18181b,#1c1c22);color:#a1a1aa80}.sweep{position:absolute;inset:-30% -40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-40%) rotate(12deg);opacity:0;transition:opacity .2s ease;pointer-events:none}.card:hover .sweep{opacity:.9;animation:sweep 1.1s ease forwards}@keyframes sweep{0%{transform:translate(-55%) rotate(12deg)}to{transform:translate(55%) rotate(12deg)}}.tag{font-size:11px;font-weight:500;font-family:ui-monospace,SFMono-Regular,monospace;color:#71717abf;line-height:1}.dark .tag{color:#a1a1aaa6}.tag-sep{font-size:11px;color:#71717a59;line-height:1}.dark .tag-sep{color:#a1a1aa4d}.tone-a1:hover{border-color:color-mix(in srgb,var(--a1) 55%,var(--glass-border))}.tone-a2:hover{border-color:color-mix(in srgb,var(--a2) 55%,var(--glass-border))}.tone-a3:hover{border-color:color-mix(in srgb,var(--a3) 55%,var(--glass-border))}.tone-a2 .card-inner{box-shadow:0 0 0 1px #ffffff0a inset,0 0 28px color-mix(in srgb,var(--a2) 18%,transparent)}.tone-a3 .card-inner{box-shadow:0 0 0 1px #ffffff0a inset,0 0 28px color-mix(in srgb,var(--a3) 16%,transparent)}.featured-badge{position:absolute;top:10px;right:10px;z-index:5;display:flex;align-items:center;gap:4px;padding:4px 10px 4px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fbbf24;background:#0000008c;backdrop-filter:blur(8px);border:1px solid rgba(251,191,36,.25);pointer-events:none}.card--featured{border-color:#fbbf2440}.card--featured:hover{border-color:#fbbf2473}.cat-chip{display:inline-block;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:600;font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:.02em;text-transform:uppercase;background:#71717a1a;color:#71717ad9;line-height:1.6}.dark .cat-chip{background:#a1a1aa1f;color:#a1a1aabf}.cat-btn{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--glass-border);background:#ffffff0f;color:#71717ad9;cursor:pointer;transition:all .2s ease}.dark .cat-btn{color:#a1a1aabf}.cat-btn:hover{background:#ffffff1f;transform:translateY(-1px)}.cat-btn--active{background:var(--a2);color:#fff;border-color:var(--a2)}.cat-btn--active:hover{background:var(--a2);color:#fff}
