.live-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#ef4444;border-radius:.25rem;margin-left:.5rem;padding:.25rem .75rem;font-size:.85em;font-weight:700;animation:2s infinite pulse-badge;display:inline-block;box-shadow:0 0 10px #ef444480}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px #ef444480}50%{opacity:.85;transform:scale(1.02);box-shadow:0 0 20px #ef4444cc}}.live-indicator-dot{background:#ef4444;border-radius:50%;width:.5rem;height:.5rem;margin-right:.5rem;animation:2s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 5px #ef4444cc}50%{opacity:.6;box-shadow:0 0 15px #ef4444}}.whatnot-stream-card{background:linear-gradient(135deg,#8b5cf614,#a855f70a);border-left:4px solid #8b5cf6;transition:all .3s;position:relative}.whatnot-stream-card:hover{background:linear-gradient(135deg,#8b5cf61f,#a855f714);border-left-color:#a855f7;transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf633}.whatnot-indicator{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:9999px;align-items:center;margin-right:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.whatnot-accent{background:#8b5cf6;border-radius:.25rem;flex-shrink:0;width:1rem;height:1rem;margin-right:.5rem}@media (width<=768px){.live-badge{margin-left:.25rem;padding:.2rem .6rem;font-size:.75em}.whatnot-stream-card{border-left-width:3px}.whatnot-indicator{padding:.2rem .6rem;font-size:.7rem}.whatnot-accent{width:.875rem;height:.875rem}}@media (width<=480px){.live-badge{text-align:center;width:fit-content;margin-top:.5rem;margin-left:0;display:block}.whatnot-stream-card{padding:1rem}.whatnot-indicator{padding:.15rem .5rem;font-size:.65rem}}@media (prefers-contrast:high){.live-badge{border:2px solid #fff;font-weight:900}.whatnot-stream-card{border-left-width:6px;border-left-color:#a855f7}.whatnot-indicator{border:1px solid #fff}}@media (prefers-reduced-motion:reduce){.live-badge,.live-indicator-dot,.whatnot-stream-card{transition:none;animation:none}.whatnot-stream-card:hover{transform:none}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}}@keyframes pulse-dot{0%,to{opacity:1}}}.whatnot-stream-card:focus-within{outline-offset:2px;outline:2px solid #a855f7;box-shadow:0 0 0 4px #a855f733}.status-live{color:#ef4444;font-weight:600}.status-upcoming{color:#f59e0b;font-weight:600}.status-ended{color:#6b7280;font-weight:500}.whatnot-brand-text{background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.stream-card-hover{transition:all .3s}.stream-card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}@media (width<=768px){.whatnot-stream-card a,.whatnot-stream-card button{min-width:44px;min-height:44px;padding:.75rem 1rem}}@media (width<=480px){.whatnot-stream-card a,.whatnot-stream-card button{justify-content:center;width:100%;min-height:48px}}