.live-events-index,.live-event-page{max-width:1000px;margin:0 auto;padding:2rem 1.5rem 4rem}.live-event-page.error{text-align:center;padding:4rem 1.5rem}.live-event-page.error h1{color:#ef4444;margin-bottom:1rem}.live-event-page.error p{color:var(--color-text-secondary);margin-bottom:1.5rem}.live-event-page.error a{color:var(--color-accent)}.live-events-index .breadcrumb,.live-event-page .breadcrumb{color:var(--color-text-tertiary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.live-events-index .breadcrumb a,.live-event-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.live-events-index .breadcrumb a:hover,.live-event-page .breadcrumb a:hover{text-decoration:underline}.live-events-index .breadcrumb .separator,.live-event-page .breadcrumb .separator{color:var(--color-border)}.live-events-index .breadcrumb .current,.live-event-page .breadcrumb .current{color:var(--color-text-secondary)}.events-hero{text-align:center;margin-bottom:2.5rem}.events-hero h1{color:var(--color-text-primary);margin:0 0 .75rem;font-size:clamp(2rem,5vw,2.75rem);font-weight:800}.events-hero p{color:var(--color-text-secondary);margin:0;font-size:1.125rem}.featured-event{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,#8b5cf633,#3b82f633);border:1px solid #8b5cf64d;margin-bottom:3rem;padding:3rem 2rem}.featured-label{background:var(--color-accent);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;margin-bottom:1rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-block}.featured-event h2{color:var(--color-text-primary);margin:0 0 1.5rem;font-size:1.75rem;font-weight:700}.featured-link{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);margin-top:1.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-block}.featured-link:hover{background:var(--color-accent-hover)}.countdown-timer{justify-content:center;align-items:center;gap:.5rem;display:flex}.countdown-unit{flex-direction:column;align-items:center;min-width:60px;display:flex}.countdown-value{color:var(--color-text-primary);font-family:Roboto Mono,monospace;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1}.countdown-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.6875rem}.countdown-separator{color:var(--color-text-tertiary);margin-bottom:1rem;font-size:2rem;font-weight:700}.countdown-finished{color:var(--color-success);font-size:1.5rem;font-weight:700}.mini-countdown .countdown-timer{gap:.25rem}.mini-countdown .countdown-unit{min-width:40px}.mini-countdown .countdown-value{font-size:1.25rem}.mini-countdown .countdown-label{font-size:.5625rem}.mini-countdown .countdown-separator{margin-bottom:.5rem;font-size:1rem}.events-section{margin-bottom:3rem}.events-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.events-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.event-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-direction:column;padding:1.25rem;text-decoration:none;display:flex}.event-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 16px #0003}.event-card h3{color:var(--color-text-primary);margin:.75rem 0 .375rem;font-size:1rem;font-weight:600}.event-card .event-location{color:var(--color-text-tertiary);margin:0 0 1rem;font-size:.8125rem}.category-tag{text-transform:uppercase;letter-spacing:.03em;border-radius:9999px;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-block}.category-holiday{color:#ef4444;background:#ef444433}.category-sports{color:#22c55e;background:#22c55e33}.category-tech{color:#3b82f6;background:#3b82f633}.category-entertainment{color:#fbbf24;background:#fbbf2433}.category-space{color:#8b5cf6;background:#8b5cf633}.event-hero{text-align:center;margin-bottom:2rem}.event-hero .event-category{margin-bottom:1rem;padding:.375rem .875rem}.event-hero h1{color:var(--color-text-primary);margin:0 0 .5rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800}.event-hero .event-location{color:var(--color-text-secondary);margin:0;font-size:1.125rem}.main-countdown{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:2rem;padding:3rem 2rem}.main-countdown .countdown-value{font-size:clamp(3rem,10vw,5rem)}.main-countdown .countdown-label{font-size:.75rem}.main-countdown .countdown-separator{font-size:3rem}.event-details{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem}.detail-item{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;padding:.75rem 0;display:flex}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--color-text-tertiary);font-size:.875rem}.detail-value{color:var(--color-text-primary);text-align:right;font-size:.875rem}.share-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem}.share-section h2{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.share-section p{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.875rem}.share-url{gap:.5rem;display:flex}.share-url input{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1;padding:.75rem 1rem;font-size:.875rem}.share-url button{background:var(--color-accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;padding:.75rem 1.25rem;font-weight:600}.share-url button:hover{background:var(--color-accent-hover)}.related-events{margin-bottom:2rem}.related-events h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.125rem;font-weight:700}.events-grid-small{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;display:grid}.event-card-small{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;gap:.5rem;padding:1rem;text-decoration:none;display:flex}.event-card-small:hover{border-color:var(--color-accent)}.event-card-small .event-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.live-events-index .seo-content{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.live-events-index .seo-content h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.live-events-index .seo-content h3{color:var(--color-text-primary);margin:1.5rem 0 .75rem;font-size:1rem;font-weight:600}.live-events-index .seo-content p{color:var(--color-text-secondary);margin:0 0 1rem;line-height:1.7}.live-events-index .seo-content ul{margin:0;padding-left:1.5rem}.live-events-index .seo-content li{color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.7}.live-events-index .seo-content li strong{color:var(--color-text-primary)}@media (max-width:768px){.live-events-index,.live-event-page{padding:1.5rem 1rem 3rem}.featured-event{padding:2rem 1.5rem}.countdown-unit{min-width:45px}.countdown-value{font-size:1.75rem}.countdown-separator{margin-bottom:.75rem;font-size:1.25rem}.main-countdown{padding:2rem 1.5rem}.main-countdown .countdown-value{font-size:2.5rem}.events-grid{grid-template-columns:1fr}.events-grid-small{grid-template-columns:repeat(2,1fr)}.detail-item{flex-direction:column;gap:.25rem}.detail-value{text-align:left}.share-url{flex-direction:column}.live-events-index .seo-content{padding:1.5rem}}