.livestream-container[data-v-3b0916c2]{max-width:2200px;margin:0 auto;padding:3rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e0e0e0;min-height:100vh;border-radius:16px;box-shadow:0 12px 30px #0000004d}h1[data-v-3b0916c2]{text-align:center;color:#fff;margin-bottom:2.5rem;font-size:clamp(2.2rem,4vw,3.5rem);text-shadow:0 3px 6px rgba(0,0,0,.2);letter-spacing:.5px}.livestream-list[data-v-3b0916c2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:2rem;padding:0 1rem}.livestream-card[data-v-3b0916c2]{background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:1.5rem;transition:all .35s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;gap:1.5rem;border:1px solid rgba(255,255,255,.15);min-height:100px}.livestream-card[data-v-3b0916c2]:hover{transform:translateY(-10px);box-shadow:0 12px 25px #00000059;background:#ffffff1a}.livestream-card.is-live[data-v-3b0916c2]{border-left:5px solid #ff4757;box-shadow:0 0 20px #ff475740}.profile-pic-container[data-v-3b0916c2]{position:relative;flex-shrink:0}.profile-pic[data-v-3b0916c2]{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #ff4757;transition:border-color .3s,transform .3s}.livestream-card:not(.is-live) .profile-pic[data-v-3b0916c2]{border-color:#555}.livestream-card:hover .profile-pic[data-v-3b0916c2]{transform:scale(1.05)}.live-badge[data-v-3b0916c2]{position:absolute;bottom:-5px;right:-5px;background:#ff4757;color:#fff;padding:5px 9px;border-radius:50%;font-size:12px;font-weight:700;box-shadow:0 0 12px #ff475780;animation:pulse-3b0916c2 1.5s infinite}@keyframes pulse-3b0916c2{0%{box-shadow:0 0 #ff475766}70%{box-shadow:0 0 0 10px #ff475700}to{box-shadow:0 0 #ff475700}}.stream-info[data-v-3b0916c2]{flex:1;min-width:0}