.live-preview-card{aspect-ratio:224/307;width:100%;transition:transform var(--transition-fast);border-radius:10px;position:relative;overflow:hidden}.live-preview-card:hover{transform:translateY(-2px)}.live-preview-card__content,.live-preview-card__gradient,.live-preview-card__image-wrap{position:absolute;inset:0}.live-preview-card__image-wrap{z-index:0;border-radius:10px;overflow:hidden}.live-preview-card__gradient{z-index:1;background-image:var(--gradient-card-overlay);pointer-events:none}.live-preview-card__content{z-index:2;flex-direction:column;padding:16px;display:flex}.live-preview-card__bottom{align-items:flex-start;gap:var(--2);flex-direction:column;margin-top:auto;display:flex}.live-preview-card__streamer{align-items:center;gap:var(--2);width:100%;display:flex}.live-preview-card__streamer-name{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--fw-semibold);flex-shrink:0}.live-preview-card__time{margin-left:auto}.live-preview-card__title{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--fw-regular);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden}.live-preview-card__chips{gap:var(--1);flex-wrap:wrap;display:flex}.live-preview-section{margin-top:var(--8)}.live-preview-section__header{margin-bottom:var(--4);justify-content:space-between;align-items:center;display:flex}.live-preview-section__title-wrap{align-items:center;gap:var(--2);display:flex}.live-preview-section__indicator{border-radius:var(--radius-full);background-color:#d10000;flex-shrink:0;width:.8rem;height:.8rem}.live-preview-section__title{color:var(--color-text);font-size:1.6rem;font-weight:var(--fw-bold);margin:0}.live-preview-section__filters{gap:var(--2);margin-bottom:var(--4);padding-bottom:var(--1);scrollbar-width:thin;display:flex;overflow-x:auto}.live-preview-section__filters::-webkit-scrollbar{height:.4rem}.live-preview-section__filters::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.live-preview-section__grid{gap:var(--3);grid-template-columns:1fr;display:grid}@media (width>=480px){.live-preview-section__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.live-preview-section__grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.live-preview-section__grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1200px){.live-preview-section__grid{grid-template-columns:repeat(5,1fr)}}.live-preview-section__empty{color:var(--color-text-muted);text-align:center;padding:var(--8) var(--4)}