.page-module__JDZP8W__page{min-height:100vh}.page-module__JDZP8W__container{max-width:var(--container-max);padding:0 var(--spacing-md);margin:0 auto}.page-module__JDZP8W__hero{padding:var(--spacing-3xl)var(--spacing-md);text-align:center;color:var(--white);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:relative;overflow:hidden}.page-module__JDZP8W__hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 30%,#ff00001a 0%,#0000 50%),radial-gradient(circle at 70%,#ff00000d 0%,#0000 50%);position:absolute;inset:0}.page-module__JDZP8W__heroContent{z-index:1;max-width:600px;margin:0 auto;position:relative}.page-module__JDZP8W__badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);color:#ff6b6b;background:#f003;border:1px solid #ff00004d;font-size:.875rem;font-weight:600;display:inline-flex}.page-module__JDZP8W__liveDot{background:#f44;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite page-module__JDZP8W__pulse}@keyframes page-module__JDZP8W__pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.page-module__JDZP8W__heroTitle{margin-bottom:var(--spacing-lg);font-size:2.5rem;font-weight:700;line-height:1.3}.page-module__JDZP8W__heroDescription{opacity:.9;font-size:1.125rem;line-height:1.6}.page-module__JDZP8W__liveNowSection{padding:var(--spacing-xl)0;background:linear-gradient(135deg,#f44 0%,#c00 100%)}.page-module__JDZP8W__liveNowBanner{justify-content:space-between;align-items:center;gap:var(--spacing-xl);color:var(--white);display:flex}.page-module__JDZP8W__liveNowInfo{flex:1}.page-module__JDZP8W__liveNowBadge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-sm);background:#fff3;font-size:.75rem;font-weight:700;display:inline-flex}.page-module__JDZP8W__liveNowInfo h2{margin-bottom:var(--spacing-xs);font-size:1.5rem;font-weight:700}.page-module__JDZP8W__liveNowInfo p{opacity:.9;margin-bottom:var(--spacing-sm);font-size:.9rem}.page-module__JDZP8W__liveNowMeta{align-items:center;gap:var(--spacing-md);display:flex}.page-module__JDZP8W__viewerCount{font-size:.875rem;font-weight:500}.page-module__JDZP8W__liveNowPreview{align-items:center;gap:var(--spacing-lg);display:flex}.page-module__JDZP8W__liveNowThumbnail{border-radius:var(--radius-lg);background:#fff3;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;display:flex}.page-module__JDZP8W__watchNowButton{padding:var(--spacing-sm)var(--spacing-xl);background:var(--white);color:#c00;border-radius:var(--radius-full);transition:transform var(--transition-fast);white-space:nowrap;font-weight:600}.page-module__JDZP8W__watchNowButton:hover{transform:scale(1.05)}.page-module__JDZP8W__filterSection{padding:var(--spacing-xl)0;background:var(--white);border-bottom:1px solid var(--gray-200);z-index:10;position:sticky;top:60px}.page-module__JDZP8W__filters{gap:var(--spacing-sm);justify-content:center;display:flex}.page-module__JDZP8W__filterButton{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);background:var(--gray-100);color:var(--gray-600);border-radius:var(--radius-full);transition:all var(--transition-fast);font-weight:500;display:inline-flex}.page-module__JDZP8W__filterButton:hover{background:var(--gray-200)}.page-module__JDZP8W__filterButton.page-module__JDZP8W__active{background:var(--primary);color:var(--white)}.page-module__JDZP8W__liveDotSmall{background:#f44;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite page-module__JDZP8W__pulse}.page-module__JDZP8W__filterButton.page-module__JDZP8W__active .page-module__JDZP8W__liveDotSmall{background:var(--white)}.page-module__JDZP8W__streamsSection{padding:var(--spacing-2xl)0;background:var(--gray-50)}.page-module__JDZP8W__upcomingSection{margin-bottom:var(--spacing-2xl)}.page-module__JDZP8W__sectionTitle{align-items:center;gap:var(--spacing-sm);color:var(--gray-900);margin-bottom:var(--spacing-lg);font-size:1.25rem;font-weight:700;display:flex}.page-module__JDZP8W__sectionIcon{font-size:1.5rem}.page-module__JDZP8W__scheduleList{gap:var(--spacing-md);flex-direction:column;display:flex}.page-module__JDZP8W__scheduleCard{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex}.page-module__JDZP8W__scheduleTime{min-width:140px;color:var(--primary);font-size:.875rem;font-weight:600}.page-module__JDZP8W__scheduleInfo{flex:1}.page-module__JDZP8W__scheduleCreator{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);display:flex}.page-module__JDZP8W__creatorEmoji{font-size:1.25rem}.page-module__JDZP8W__scheduleInfo h3{color:var(--gray-900);margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600}.page-module__JDZP8W__scheduleInfo p{color:var(--gray-600);font-size:.875rem}.page-module__JDZP8W__notifyButton{padding:var(--spacing-sm)var(--spacing-md);background:var(--gray-100);color:var(--gray-700);border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap;font-size:.875rem;font-weight:500}.page-module__JDZP8W__notifyButton:hover{background:var(--primary);color:var(--white)}.page-module__JDZP8W__streamsGrid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.page-module__JDZP8W__streamCard{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden}.page-module__JDZP8W__streamCard:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.page-module__JDZP8W__streamThumbnail{background:linear-gradient(135deg,var(--gray-200)0%,var(--gray-300)100%);height:180px;position:relative}.page-module__JDZP8W__thumbnailPlaceholder{background:linear-gradient(135deg,var(--primary-light)0%,var(--primary)100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;display:flex}.page-module__JDZP8W__liveTag{top:var(--spacing-sm);left:var(--spacing-sm);color:var(--white);border-radius:var(--radius-sm);background:#f44;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute}.page-module__JDZP8W__scheduledTag{top:var(--spacing-sm);left:var(--spacing-sm);background:var(--primary);color:var(--white);border-radius:var(--radius-sm);padding:4px 8px;font-size:.75rem;font-weight:600;position:absolute}.page-module__JDZP8W__endedTag{top:var(--spacing-sm);left:var(--spacing-sm);background:var(--gray-600);color:var(--white);border-radius:var(--radius-sm);padding:4px 8px;font-size:.75rem;font-weight:600;position:absolute}.page-module__JDZP8W__viewerBadge{bottom:var(--spacing-sm);right:var(--spacing-sm);color:var(--white);border-radius:var(--radius-sm);background:#000000b3;padding:4px 8px;font-size:.75rem;font-weight:500;position:absolute}.page-module__JDZP8W__streamContent{padding:var(--spacing-md)}.page-module__JDZP8W__streamCreator{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);display:flex}.page-module__JDZP8W__creatorName{color:var(--gray-600);font-size:.875rem}.page-module__JDZP8W__streamTitle{color:var(--gray-900);margin-bottom:var(--spacing-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;display:-webkit-box;overflow:hidden}.page-module__JDZP8W__streamDescription{color:var(--gray-600);margin-bottom:var(--spacing-sm);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.page-module__JDZP8W__streamMeta{color:var(--gray-500);font-size:.8rem}.page-module__JDZP8W__howItWorksSection{padding:var(--spacing-3xl)0;background:var(--white)}.page-module__JDZP8W__howItWorksSection .page-module__JDZP8W__sectionTitle{margin-bottom:var(--spacing-2xl);justify-content:center;font-size:1.5rem}.page-module__JDZP8W__featuresGrid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.page-module__JDZP8W__featureCard{text-align:center;padding:var(--spacing-xl);background:var(--gray-50);border-radius:var(--radius-xl);transition:transform var(--transition-fast)}.page-module__JDZP8W__featureCard:hover{transform:translateY(-4px)}.page-module__JDZP8W__featureIcon{margin-bottom:var(--spacing-md);font-size:3rem;display:block}.page-module__JDZP8W__featureCard h3{color:var(--gray-800);margin-bottom:var(--spacing-sm);font-size:1rem;font-weight:600}.page-module__JDZP8W__featureCard p{color:var(--gray-600);font-size:.875rem;line-height:1.5}.page-module__JDZP8W__ctaSection{padding:var(--spacing-3xl)var(--spacing-md);background:linear-gradient(135deg,var(--primary-dark)0%,var(--primary)100%);color:var(--white);text-align:center}.page-module__JDZP8W__ctaContent h2{margin-bottom:var(--spacing-sm);font-size:1.75rem;font-weight:700}.page-module__JDZP8W__ctaContent p{opacity:.9;margin-bottom:var(--spacing-xl);font-size:1rem;line-height:1.6}.page-module__JDZP8W__ctaButton{padding:var(--spacing-md)var(--spacing-2xl);background:var(--white);color:var(--primary-dark);border-radius:var(--radius-full);transition:transform var(--transition-fast);font-weight:600;display:inline-block}.page-module__JDZP8W__ctaButton:hover{transform:translateY(-2px)}@media (max-width:1024px){.page-module__JDZP8W__streamsGrid,.page-module__JDZP8W__featuresGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-module__JDZP8W__heroTitle{font-size:2rem}.page-module__JDZP8W__liveNowBanner{text-align:center;flex-direction:column}.page-module__JDZP8W__liveNowPreview{flex-direction:column}.page-module__JDZP8W__filters{flex-wrap:wrap}.page-module__JDZP8W__scheduleCard{text-align:left;flex-direction:column;align-items:flex-start}.page-module__JDZP8W__scheduleTime{min-width:auto}.page-module__JDZP8W__notifyButton{text-align:center;width:100%}.page-module__JDZP8W__streamsGrid,.page-module__JDZP8W__featuresGrid{grid-template-columns:1fr}.page-module__JDZP8W__ctaContent h2{font-size:1.5rem}}