:root{--bg:#f6f7ff;--card:#fff;--primary:#2563eb;--primary-strong:#1d4ed8;--secondary:#e0e7ff;--secondary-strong:#c7d2fe;--text:#0f172a;--muted:#475569;--accent:#2563eb;--accent-soft:#2563eb1f;--line:#60a5fa2e;--surface-shadow:0 20px 50px #0f172a14;--spacing-xs:.5rem;--spacing-sm:.875rem;--spacing-md:1.25rem;--spacing-lg:1.75rem;--spacing-xl:2.5rem;--spacing-2xl:3.5rem;--radius-sm:14px;--radius-md:20px;--radius-lg:26px;--radius-xl:34px}html[data-theme=dark]{--bg:#0f172a;--card:#111c31;--primary:#34d399;--primary-strong:#1fb68a;--secondary:#34d39924;--secondary-strong:#34d39933;--text:#e2e8f0;--muted:#94a3b8;--accent:#fbbf24;--accent-soft:#fbbf2429;--line:#94a3b829;--surface-shadow:0 24px 60px #02061773}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #3b82f61f, transparent 26%), radial-gradient(circle at top right, #166a5d1a, transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 95%, white 5%) 0%, var(--bg) 100%);min-height:100vh;color:var(--text);margin:0;font-family:Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}svg{display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,article:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 35%, transparent);outline-offset:3px}.page-shell{width:min(1200px,100% - 32px);margin:0 auto}.page-transition{padding-bottom:var(--spacing-lg)}.glass-card,.hero__panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--surface-shadow)}.hero{padding:var(--spacing-lg) 0 var(--spacing-md)}.hero__panel{position:relative;overflow:hidden}.hero__panel:before{content:"";pointer-events:none;background:linear-gradient(130deg,#ffffff2e,#0000 40%),linear-gradient(145deg,#166a5d0f,#0000 72%);position:absolute;inset:0}.hero__content{gap:var(--spacing-lg);padding:var(--spacing-xl);grid-template-columns:1.35fr 1fr;display:grid;position:relative}.hero__topbar,.feature-card__meta,.section__header,.stream-header,.video-meta,.chat-header,.feature-card__ctaRow,.hero__utilityRow{justify-content:space-between;gap:var(--spacing-sm);display:flex}.hero__topbar{align-items:center}.eyebrow{background:var(--secondary);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.45rem;padding:.6rem .9rem;font-size:.78rem;font-weight:700;display:inline-flex}.hero h1,.section-title,.stream-title{margin:var(--spacing-sm) 0;letter-spacing:-.05em;line-height:1.02}.hero h1{max-width:11ch;font-size:clamp(2.8rem,6vw,5.4rem)}.hero p,.section-copy,.stream-copy,.description-card p,.related-item p,.saved-empty span{color:var(--muted);line-height:1.7}.hero__stats{gap:var(--spacing-sm);margin-top:var(--spacing-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hero__stat{padding:var(--spacing-md);border-radius:var(--radius-md);background:color-mix(in srgb, var(--secondary) 70%, var(--card) 30%);border:1px solid var(--line)}.hero__stat strong{margin-bottom:.3rem;font-size:1.55rem;display:block}.hero__feature{gap:var(--spacing-md);align-content:space-between;display:grid}.feature-card{min-height:280px;padding:var(--spacing-lg);border-radius:var(--radius-lg);color:#fff;background:linear-gradient(145deg,#3b82f6 0%,#2563eb 55%,#1d4ed8 100%);box-shadow:inset 0 1px #ffffff1f}.feature-card__meta{color:#ffffffe0;align-items:center;font-size:.92rem}.feature-card h2{margin:var(--spacing-md) 0 .8rem;font-size:clamp(1.95rem,4vw,3rem);line-height:1.04}.feature-card p{color:#ffffffeb;margin:0}.feature-card__ctaRow{margin-top:var(--spacing-md);align-items:center}.hero__utilityRow{justify-content:flex-start;align-items:center}.feature-pill-row,.toolbar__filters,.chip-row,.icon-row,.detail-chipRow{flex-wrap:wrap;gap:.65rem;display:flex}.feature-pill,.filter-chip,.info-chip,.live-pill{background:color-mix(in srgb, var(--secondary) 70%, var(--card) 30%);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:.45rem;padding:.72rem .95rem;display:inline-flex}.theme-toggle{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 70%, var(--secondary) 30%);color:var(--text);border-radius:999px;align-items:center;gap:.55rem;padding:.8rem 1rem;font-weight:700;display:inline-flex}.button-icon{flex:none;width:18px;height:18px}.toolbar{padding:0 0 var(--spacing-lg)}.toolbar__panel{gap:var(--spacing-md);padding:var(--spacing-md);grid-template-columns:1.1fr auto;align-items:center;display:grid}.searchbox{background:color-mix(in srgb, var(--card) 86%, var(--secondary) 14%);border:1px solid var(--line);border-radius:999px;align-items:center;padding:1rem 1.05rem;display:flex}.searchbox input,.chat-form input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.filter-chip,.icon-button,.primary-button,.secondary-button,.chat-send,.event-card,.theme-toggle,.saved-card,.related-item{transition:transform .22s,box-shadow .22s,background .22s,color .22s,border-color .22s}.filter-chip:hover,.icon-button:hover,.primary-button:hover,.secondary-button:hover,.chat-send:hover,.theme-toggle:hover,.saved-card:hover,.related-item:hover{transform:translateY(-2px)}.filter-chip{border:1px solid var(--line)}.filter-chip.is-active{background:var(--primary);color:#fff;border-color:#0000}.saved-section{padding:0 0 var(--spacing-2xl)}.saved-strip{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.saved-card,.saved-empty{gap:.45rem;padding:1rem 1.05rem;display:grid}.saved-card__title,.saved-empty strong{font-weight:700}.saved-card__meta{color:var(--muted);font-size:.92rem}.section{padding:var(--spacing-sm) 0 var(--spacing-xl)}.section__header{margin-bottom:var(--spacing-md);align-items:end}.section__header--tight{margin-bottom:var(--spacing-md);align-items:center}.section-title{font-size:clamp(2rem,4vw,3.5rem)}.section-title--small{font-size:clamp(1.55rem,3vw,2.2rem)}.event-grid{gap:var(--spacing-md);align-items:stretch;display:grid}.event-grid--autofit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width:1400px){.event-grid--autofit{grid-template-columns:repeat(4,minmax(260px,1fr))}}.event-grid--autofit>*{display:grid}.event-grid--autofit>* .event-card{flex-direction:column;height:100%;display:flex}.event-card{cursor:pointer;overflow:hidden}.event-card__poster{aspect-ratio:16/10;position:relative;overflow:hidden}.event-card__poster img{object-fit:cover;width:100%;height:100%;display:block}.event-card__overlay{background:linear-gradient(#0f172a14 0%,#0f172a7a 100%);position:absolute;inset:0}.event-card__badge,.event-card__status{top:var(--spacing-sm);position:absolute}.event-card__status{left:var(--spacing-sm)}.event-card__badge{right:var(--spacing-sm);color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#0f172ab8;border-radius:999px;padding:.55rem .78rem;font-size:.75rem;font-weight:700}.live-badge{color:#fff;letter-spacing:.06em;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .82rem;font-size:.74rem;font-weight:800;display:inline-flex}.live-badge--hero,.live-badge--inline{position:static}.live-badge.is-live{background:#dc2626e6}.live-badge.is-upcoming{background:#0f172ab8}.live-dot{background:#ff4d4f;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #ff4d4f2e}.event-card__body{gap:var(--spacing-md);padding:var(--spacing-md);flex:1;display:grid}.event-card__content{gap:.55rem;display:grid}.event-card__host{color:var(--primary);margin:0;font-size:.86rem;font-weight:700}.event-card__title{margin:0;font-size:1.45rem;line-height:1.15}.event-card__meta{gap:.45rem;display:grid}.event-card__metaPrimary{color:var(--text);flex-wrap:wrap;gap:.7rem;font-weight:600;display:flex}.event-card__metaSecondary{color:var(--muted);font-size:.94rem}.event-card__actions{gap:.85rem;display:grid}.icon-row{align-items:center;gap:.65rem;display:flex}.icon-button,.primary-button,.secondary-button,.chat-send{border:0;border-radius:999px;justify-content:center;align-items:center;min-height:42px;font-weight:700;display:inline-flex}.icon-button{width:42px;height:42px;color:var(--primary);opacity:.92;background:#2563eb14;border:1px solid #2563eb38;padding:0}.icon-button--icon{width:42px;padding:0}.icon-button:hover{background:#2563eb29;box-shadow:0 12px 24px #2563eb24}.icon-button.is-liked,.icon-button.is-saved{background:var(--primary);color:#fff;opacity:1;border-color:#0000}.icon-button--compact{min-height:38px}.primary-button,.secondary-button{padding:.82rem 1.2rem}.primary-button{background:var(--primary);color:#fff;box-shadow:0 10px 24px #166a5d3d}.primary-button:hover{background:var(--primary-strong)}.primary-button--hero,.primary-button--watch{width:100%;min-width:0;padding:1rem 1.2rem;font-size:1rem;box-shadow:0 16px 32px #2563eb2e}.secondary-button{background:var(--secondary);color:var(--primary)}.secondary-button--outline{color:#fff;background:0 0;border:1px solid #ffffff6b}.secondary-button--back{min-width:167px;color:var(--primary);background:#2563eb14;padding-left:1rem;padding-right:1rem}.empty-state{padding:var(--spacing-xl) var(--spacing-md);text-align:center}.empty-state__art{width:130px;height:130px;margin:0 auto 1rem;position:relative}.empty-state__circle{background:linear-gradient(145deg,#3b82f629,#f59e0b2e);border-radius:999px;position:absolute;inset:14px}.empty-state__spark{background:var(--accent);border-radius:999px;width:26px;height:26px;position:absolute}.empty-state__spark--one{top:8px;right:18px}.empty-state__spark--two{background:var(--primary);bottom:18px;left:14px}.stream-page{padding:var(--spacing-lg) 0 var(--spacing-xl)}.stream-header{margin-bottom:var(--spacing-md);align-items:center}.stream-layout{gap:var(--spacing-md);grid-template-columns:minmax(0,1.7fr) minmax(320px,.92fr);align-items:start;display:grid}.video-card,.chat-card,.description-card,.related-card{padding:var(--spacing-md)}.detail-chipRow{margin-top:var(--spacing-sm)}.video-frame{aspect-ratio:16/9;width:100%;margin-top:var(--spacing-md);border:1px solid var(--line);background:#0f172a;border-radius:22px;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%}.video-live-banner{color:var(--text);z-index:2;background:#fffffff2;border-radius:999px;align-items:center;gap:.65rem;padding:.72rem .95rem;font-weight:700;display:inline-flex;position:absolute;top:1rem;left:1rem;box-shadow:0 16px 40px #0f172a1f}.video-live-dot{background:#dc2626;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #dc26261f}.stream-title{font-size:clamp(2rem,4vw,3.2rem)}.chat-card{gap:var(--spacing-sm);grid-template-rows:auto 1fr auto;min-height:620px;display:grid}.live-pill{color:var(--primary);font-weight:700}.chat-messages{gap:.8rem;padding-right:.2rem;display:grid;overflow:auto}.message{border-radius:var(--radius-md);background:color-mix(in srgb, var(--card) 88%, var(--secondary) 12%);border:1px solid var(--line);padding:.88rem .96rem;transition:transform .18s,box-shadow .18s;animation:.24s both fadeInUp}.message__meta{color:var(--muted);align-items:center;gap:.5rem;margin-bottom:.38rem;font-size:.86rem;display:flex}.message__avatar{width:28px;height:28px;color:var(--primary);background:#2563eb1f;border-radius:999px;justify-content:center;align-items:center;font-size:.76rem;font-weight:800;display:inline-flex}.message--self{background:var(--primary);color:#fff;border-color:#ffffff1f;justify-self:end}.message--self .message__meta{color:#ffffffbf}.message--self .message__avatar{color:var(--primary);background:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-form{grid-template-columns:1fr auto;gap:.65rem;display:grid}.chat-form input{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 90%, var(--secondary) 10%);border-radius:999px;padding:.95rem 1rem}.chat-send{background:var(--primary);color:#fff;opacity:1;padding:0 1.1rem}.chat-send:disabled{opacity:.5;cursor:not-allowed}.description-grid{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);display:grid}.description-card h2,.related-card h2{margin:0 0 .8rem;font-size:1.45rem}.bullet-list,.related-list{gap:.7rem;display:grid}.related-item{padding:var(--spacing-sm);border-radius:var(--radius-md);background:color-mix(in srgb, var(--card) 88%, var(--secondary) 12%);border:1px solid var(--line);gap:.55rem;display:grid}.related-item h3{margin:0;font-size:1.05rem}.related-item__cta{width:fit-content}.skeleton-shell,.skeleton-card{overflow:hidden}.skeleton{background:color-mix(in srgb, var(--secondary) 75%, var(--card) 25%);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff7a,#0000);animation:1.2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-poster,.skeleton-video{aspect-ratio:16/10;width:100%}.skeleton-video{aspect-ratio:16/9;border-radius:20px}.skeleton-chat{border-radius:var(--radius-md);min-height:420px}.skeleton-line{border-radius:999px;height:14px}.skeleton-line--sm{width:34%}.skeleton-line--md{width:58%}.skeleton-line--lg,.skeleton-line{width:100%}.skeleton-row{gap:.65rem;display:flex}.skeleton-pill{border-radius:999px;width:86px;height:40px}@keyframes shimmer{to{transform:translate(100%)}}@media (max-width:1080px){.hero__content,.toolbar__panel,.stream-layout,.description-grid{grid-template-columns:1fr}.chat-card{min-height:520px}}@media (max-width:760px){.page-shell{width:min(100% - 20px,1200px)}.hero{padding-top:var(--spacing-sm)}.hero__content,.hero__stats,.chat-form{grid-template-columns:1fr}.section__header,.stream-header,.video-meta,.event-card__actions,.feature-card__ctaRow,.hero__topbar{flex-direction:column;align-items:flex-start}.primary-button,.secondary-button,.chat-send,.theme-toggle,.primary-button--hero,.primary-button--watch{width:100%}.icon-row{width:auto}}