:root{--stream-bg:#f3f4f6;--stream-card-bg:#fff;--stream-card-radius:16px;--stream-card-radius-sm:12px;--stream-card-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--stream-card-shadow-lg:0 10px 25px -5px rgba(0,0,0,0.1);--stream-live-color:#dc2626;--stream-primary:#2563eb;--stream-primary-light:#3b82f6;--stream-text-main:#111827;--stream-text-secondary:#4b5563;--stream-text-muted:#9ca3af;--stream-border:#e5e7eb}.stream-page{background-color:var(--stream-bg);min-height:100vh;padding-bottom:3rem}.stream-layout{max-width:1280px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.stream-layout{padding:0 1.5rem}}@media(min-width:1024px){.stream-layout{padding:0 2rem}}.stream-header-content{padding:2rem 0 1.5rem}.stream-title{font-size:1.5rem;font-weight:700;color:var(--stream-text-main);margin:0 0 .5rem;line-height:1.3}@media(min-width:768px){.stream-title{font-size:1.875rem}}.stream-subtitle{font-size:.875rem;color:var(--stream-text-secondary);margin:0;line-height:1.5}@media(min-width:768px){.stream-subtitle{font-size:1rem}}.stream-video-section{margin-bottom:1rem}.stream-video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--stream-card-radius);overflow:hidden;box-shadow:var(--stream-card-shadow-lg)}.stream-video-wrapper iframe,.stream-video-wrapper video{width:100%;height:100%;border:0;display:block}.stream-video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:white;text-align:center;padding:2rem}.stream-video-placeholder h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.stream-video-placeholder p{font-size:.875rem;color:rgba(255,255,255,0.7);margin:0}.stream-live-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.live-dot{width:8px;height:8px;background-color:var(--stream-live-color);border-radius:50%;animation:live-pulse 2s infinite}@keyframes live-pulse{0%,100%{opacity:1}50%{opacity:.5}}.live-count{font-size:.875rem;font-weight:500;color:var(--stream-live-color)}.live-text{font-size:.875rem;color:var(--stream-text-muted)}.stream-content-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media(min-width:1024px){.stream-content-grid{grid-template-columns:2fr 1fr;gap:2rem}}.stream-main-column{display:flex;flex-direction:column;gap:1.5rem}.stream-about-card{background:var(--stream-card-bg);border-radius:var(--stream-card-radius);padding:1.5rem;box-shadow:var(--stream-card-shadow)}@media(min-width:768px){.stream-about-card{padding:2rem}}.stream-about-card h2{font-size:1.25rem;font-weight:700;color:var(--stream-text-main);margin:0 0 1rem}.stream-description{color:var(--stream-text-secondary);font-size:1rem;line-height:1.7}.stream-description p{margin:0 0 1rem}.stream-description p:last-child{margin-bottom:0}.stream-description ul,.stream-description ol{margin:0 0 1rem;padding-left:0}.stream-description li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.stream-description li::before{content:'—';color:var(--stream-text-muted);flex-shrink:0}.stream-lecturer-block{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--stream-border)}.lecturer-item{display:flex;align-items:center;gap:1rem}.lecturer-item+.lecturer-item{margin-top:1rem}.lecturer-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--stream-border);flex-shrink:0}.lecturer-avatar-placeholder{width:56px;height:56px;border-radius:50%;background:var(--stream-bg);display:flex;align-items:center;justify-content:center;color:var(--stream-text-muted);font-size:1.25rem;flex-shrink:0}.lecturer-info h3{font-size:1rem;font-weight:700;color:var(--stream-text-main);margin:0 0 .125rem}.lecturer-info p{font-size:.875rem;color:var(--stream-text-muted);margin:0}.stream-sidebar{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px) and (max-width:1023px){.stream-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}.stream-sidebar .sidebar-widget{background:var(--stream-card-bg);border-radius:var(--stream-card-radius);padding:1.5rem;box-shadow:var(--stream-card-shadow)}.stream-sidebar .widget-title,.stream-sidebar .sidebar-widget>h3:first-child{font-size:1rem;font-weight:700;color:var(--stream-text-main);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--stream-border)}.stream-upcoming-widget .upcoming-list,.similar-widget .upcoming-list{display:flex;flex-direction:column;gap:1rem}.stream-sidebar .similar-card,.stream-sidebar .upcoming-card{display:block;text-decoration:none;cursor:pointer;transition:transform .2s ease}.stream-sidebar .similar-card:hover,.stream-sidebar .upcoming-card:hover{transform:translateY(-2px)}.stream-sidebar .similar-card:hover .similar-thumb img,.stream-sidebar .upcoming-card:hover .upcoming-thumb img{transform:scale(1.05)}.stream-sidebar .similar-thumb,.stream-sidebar .upcoming-thumb{position:relative;width:100%;height:8rem;border-radius:var(--stream-card-radius-sm);overflow:hidden;margin-bottom:.5rem}.stream-sidebar .similar-thumb img,.stream-sidebar .upcoming-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.stream-sidebar .duration-badge,.stream-sidebar .date-badge{position:absolute;bottom:.5rem;right:.5rem;background:rgba(0,0,0,0.7);color:white;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.stream-sidebar .date-badge{background:var(--stream-primary)}.stream-sidebar .similar-info,.stream-sidebar .upcoming-info{display:flex;flex-direction:column;gap:.25rem}.stream-sidebar .similar-title,.stream-sidebar .upcoming-title{font-size:.875rem;font-weight:500;color:var(--stream-text-main);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.stream-sidebar .similar-card:hover .similar-title,.stream-sidebar .upcoming-card:hover .upcoming-title{color:var(--stream-primary)}.stream-sidebar .similar-meta,.stream-sidebar .upcoming-meta{font-size:.75rem;color:var(--stream-text-muted)}.btn-show-schedule{display:block;width:100%;margin-top:1rem;padding:.625rem 1rem;text-align:center;font-size:.875rem;font-weight:500;color:var(--stream-primary);background:transparent;border:1px solid rgba(37,99,235,0.2);border-radius:8px;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-show-schedule:hover{border-color:var(--stream-primary);background:rgba(37,99,235,0.05)}.stream-cta-widget{background:linear-gradient(135deg,#eff6ff 0,#ede9fe 100%);border-radius:var(--stream-card-radius);padding:1.5rem;border:1px solid rgba(37,99,235,0.1)}.stream-cta-widget h3{font-size:1rem;font-weight:700;color:var(--stream-text-main);margin:0 0 .5rem}.stream-cta-widget p{font-size:.875rem;color:var(--stream-text-secondary);margin:0 0 1rem;line-height:1.5}.stream-cta-widget .btn,.stream-cta-widget .btn-subscribe{display:block;width:100%;padding:.625rem 1rem;text-align:center;font-size:.875rem;font-weight:500;color:var(--stream-primary);background:var(--stream-card-bg);border:1px solid var(--stream-border);border-radius:8px;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.stream-cta-widget .btn:hover,.stream-cta-widget .btn-subscribe:hover{background:var(--stream-bg)}.stream-paywall{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.stream-paywall .paywall-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;filter:blur(8px);transform:scale(1.1)}.stream-paywall .paywall-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7)}.stream-paywall .paywall-content{position:relative;z-index:1;text-align:center;color:white;padding:2rem;max-width:400px}.stream-paywall .paywall-content i{font-size:3rem;margin-bottom:1rem;opacity:.9}.stream-paywall .paywall-content h2{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.stream-paywall .paywall-content p{font-size:.875rem;color:rgba(255,255,255,0.8);margin:0 0 1.5rem}.stream-paywall .btn-purchase{display:inline-block;padding:.75rem 2rem;background:var(--stream-live-color);color:white;font-weight:600;font-size:.875rem;border:0;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px rgba(220,38,38,0.3)}.stream-paywall .btn-purchase:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(220,38,38,0.4)}.stream-video-section--live .stream-video-wrapper{box-shadow:0 0 0 2px var(--stream-live-color),var(--stream-card-shadow-lg)}.stream-countdown-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:5}.stream-countdown-content{text-align:center;color:white;padding:2rem}.stream-countdown-content h3{font-size:1rem;font-weight:500;color:rgba(255,255,255,0.8);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1em}.stream-countdown-timer{display:flex;justify-content:center;gap:1rem}.stream-countdown-item{text-align:center}.stream-countdown-value{font-size:2.5rem;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--stream-primary-light),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stream-countdown-label{font-size:.75rem;color:rgba(255,255,255,0.6);text-transform:uppercase;margin-top:.5rem}.stream-ended-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:5}.stream-ended-content{text-align:center;color:white;padding:2rem}.stream-ended-content i{font-size:3rem;margin-bottom:1rem;opacity:.6}.stream-ended-content h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.stream-ended-content p{font-size:.875rem;color:rgba(255,255,255,0.7);margin:0 0 1.5rem}.stream-ended-content .btn-recording{display:inline-block;padding:.75rem 1.5rem;background:var(--stream-primary);color:white;font-weight:500;font-size:.875rem;border:0;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .2s ease}.stream-ended-content .btn-recording:hover{background:var(--stream-primary-light)}.stream-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stream-status-badge--live{background:var(--stream-live-color);color:white}.stream-status-badge--live::before{content:'';width:6px;height:6px;background:white;border-radius:50%;animation:live-pulse 1.5s infinite}.stream-status-badge--scheduled{background:var(--stream-primary);color:white}.stream-status-badge--ended{background:#6b7280;color:white}@media(max-width:640px){.stream-header-content{padding:1.5rem 0 1rem}.stream-about-card{padding:1.25rem}.stream-about-card h2{font-size:1.125rem}.stream-description{font-size:.9375rem}.stream-lecturer-block{margin-top:1.5rem;padding-top:1.5rem}.lecturer-avatar,.lecturer-avatar-placeholder{width:48px;height:48px}.stream-sidebar .sidebar-widget{padding:1.25rem}.stream-sidebar .similar-thumb,.stream-sidebar .upcoming-thumb{height:6rem}.stream-countdown-value{font-size:2rem}}@media(prefers-reduced-motion:reduce){.live-dot,.stream-status-badge--live::before{animation:none}.stream-sidebar .similar-card,.stream-sidebar .upcoming-card,.stream-sidebar .similar-thumb img,.stream-sidebar .upcoming-thumb img{transition:none}}@media print{.stream-page{background:white}.stream-video-section,.stream-sidebar,.stream-live-indicator{display:none}}