:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0b0d10;--color-surface:#15191f;--color-surface-raised:#1c222a;--color-text:#f4f7fa;--color-muted:#aab4c0;--color-accent:#ff4d78;--color-accent-strong:#ff6b8f;--color-warning:#f5c451;--color-danger:#ff6b6b;--color-border:#2b333d;--color-skeleton-highlight:#f4f7fa14;--color-focus:var(--color-accent-strong);--page-max-width:70rem;--page-gutter-mobile:1rem;--page-gutter-wide:1.5rem;--grid-gap:1rem;--card-aspect-ratio:16 / 9;--target-size-min:44px;--transition-interaction:.14s ease;--skeleton-duration:1.8s;--radius-sm:.5rem;--radius-md:.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem}*{box-sizing:border-box}html{background:var(--color-bg);scroll-behavior:smooth}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.5}a{color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.app-shell{min-height:100vh;grid-template-rows:auto 1fr auto;padding-block-start:env(safe-area-inset-top,0px);display:grid}@supports (min-height:100dvh){.app-shell{min-height:100dvh}}.page-container{width:min(var(--page-max-width), calc(100% - var(--page-gutter-mobile) - var(--page-gutter-mobile)));margin-inline:auto}.skip-link{z-index:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);position:absolute;top:.5rem;left:.5rem;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.site-header__inner{justify-content:space-between;gap:var(--space-4);min-height:4.5rem;padding-block:var(--space-2);align-items:center;display:flex}.site-header__identity{flex:auto;min-width:0}.site-header h1{letter-spacing:-.025em;margin:0;font-size:clamp(1.375rem,4vw,1.75rem)}.site-header__count{color:var(--color-muted);overflow-wrap:anywhere;margin:0;font-size:.875rem}.refresh-button,.action-button{min-width:var(--target-size-min);min-height:var(--target-size-min);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);font:inherit;cursor:pointer;touch-action:manipulation;transition:background-color var(--transition-interaction), border-color var(--transition-interaction)}.refresh-button:hover:not(:disabled),.action-button:hover{border-color:var(--color-muted);background:var(--color-surface)}.refresh-button:disabled{color:var(--color-muted);cursor:not-allowed;transition:none}.site-main{min-width:0;padding-block:clamp(2rem,7vw,4.5rem)}.site-main--player{padding-block:var(--space-3) var(--space-4)}.config-error{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);border-color:color-mix(in srgb, var(--color-warning) 45%, var(--color-border));margin:0}.config-error h2{margin:0;font-size:1.125rem}.config-error p{margin:var(--space-2) 0 0;color:var(--color-muted);overflow-wrap:anywhere}.loading-status,.refresh-status{margin:0 0 var(--space-4);color:var(--color-muted)}.live-list,.empty-state,.error-state,.source-notice{margin-block:var(--space-4)}.section-heading,.empty-state h2,.error-state h2{margin:0;font-size:1.25rem}.empty-state,.error-state{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.empty-state p,.error-state p{margin:var(--space-2) 0 0;color:var(--color-muted)}.error-state .action-button{margin-block-start:var(--space-4)}.error-state__request-id{overflow-wrap:anywhere;font-size:.875rem}.error-state--notice{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-warning) 45%, var(--color-border));border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;display:flex}.error-state--notice p,.error-state--notice .action-button{margin:0}.source-notices{gap:var(--space-2);margin-block-end:var(--space-4);display:grid}.source-notice{padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-warning) 45%, var(--color-border));border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);margin:0}.player-panel{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-block-end:var(--space-8);scroll-margin-block-start:var(--space-4);overflow:hidden}.site-main--player .player-panel{margin-block-end:var(--space-4)}.player-panel__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.player-panel__heading{flex:18rem;min-width:0}.player-panel__heading h2{margin:0 0 var(--space-2);font-size:1.25rem}.player-panel__metadata{gap:var(--space-1);color:var(--color-muted);overflow-wrap:anywhere;font-size:.875rem;display:grid}.player-panel__member{gap:var(--space-2);flex-wrap:wrap;display:flex}.player-panel__member strong{color:var(--color-text)}.player-panel__metadata p{color:var(--color-text);margin:0}.player-panel__media{width:100%;min-width:0;max-width:min(60rem,177.778vh - 24.8889rem);min-height:12rem;max-height:calc(100vh - 14rem);aspect-ratio:var(--card-aspect-ratio);border-radius:var(--radius-sm);background:#08090b;justify-content:center;align-items:center;margin-inline:auto;display:flex;overflow:hidden}@supports (height:100dvh){.player-panel__media{max-width:min(60rem,177.778dvh - 24.8889rem);max-height:calc(100dvh - 14rem)}}.player-panel__video{object-fit:contain;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}:-webkit-any(.player-panel__video:fullscreen,.player-panel__video:-webkit-full-screen){object-fit:contain;background:#000;width:100%;max-width:none;height:100vh;max-height:none}:is(.player-panel__video:fullscreen,.player-panel__video:fullscreen){object-fit:contain;background:#000;width:100%;max-width:none;height:100vh;max-height:none}@supports (height:100dvh){:-webkit-any(.player-panel__video:fullscreen,.player-panel__video:-webkit-full-screen){height:100dvh}:is(.player-panel__video:fullscreen,.player-panel__video:fullscreen){height:100dvh}}@media (width<=48rem) and (orientation:portrait){:-webkit-any(.player-panel__video:fullscreen,.player-panel__video:-webkit-full-screen){object-fit:cover}:is(.player-panel__video:fullscreen,.player-panel__video:fullscreen){object-fit:cover}}.player-panel__video:fullscreen::backdrop{background:#000}.player-panel__video:-webkit-full-screen::backdrop{background:#000}.player-panel__video:fullscreen::backdrop{background:#000}@media (width<=39.999rem){.site-main--player{height:100%;min-height:0;padding-block:var(--space-2) var(--space-2);flex-direction:column;display:flex}.site-main--player .player-panel{flex-direction:column;flex:auto;min-height:0;margin-block-end:0;display:flex}.site-main--player .player-panel__media{aspect-ratio:auto;flex:auto;width:100%;max-width:none;min-height:0;max-height:none}}.player-panel__placeholder{padding:var(--space-4);color:var(--color-muted);text-align:center;margin:0;font-weight:600}.player-panel__error,.player-panel__refresh-error{padding:var(--space-4);border:1px solid color-mix(in srgb, var(--color-warning) 45%, var(--color-border));border-radius:var(--radius-sm);background:var(--color-surface-raised)}.player-panel__error p,.player-panel__refresh-error p{margin:0}.player-panel__error .action-button,.player-panel__refresh-error .action-button{margin-block-start:var(--space-3)}.player-panel__error .player-panel__request-id{color:var(--color-muted);overflow-wrap:anywhere;margin-block-start:var(--space-2);font-size:.875rem}.player-panel__status{margin:var(--space-3) 0 0;color:var(--color-muted)}.live-grid{gap:var(--grid-gap);margin:var(--space-4) 0 0;grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}.live-grid__item{min-width:0}.live-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-width:0;color:inherit;text-align:start;font:inherit;cursor:pointer;touch-action:manipulation;transition:background-color var(--transition-interaction), border-color var(--transition-interaction);padding:0;display:block;overflow:hidden}.live-card:hover{background:var(--color-surface-raised)}.live-card__media{min-width:0;aspect-ratio:var(--card-aspect-ratio);background:#08090b;place-items:center;display:grid;position:relative;overflow:hidden}.live-card__media img,.live-card__image-placeholder{width:100%;height:100%}.live-card__media img{object-fit:cover;display:block}.live-card__image-placeholder{background:linear-gradient(135deg, var(--color-surface-raised), #101318);color:var(--color-muted);place-items:center;font-size:.875rem;display:grid}.live-card__platform,.live-card__live-indicator{top:var(--space-3);align-items:center;gap:var(--space-2);min-height:1.75rem;padding-inline:var(--space-2);border-radius:var(--radius-sm);letter-spacing:.04em;background:#0b0d10e0;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute}.live-card__platform{left:var(--space-3)}.live-card__live-indicator{right:var(--space-3)}.live-card__live-dot{background:var(--color-accent);border-radius:50%;width:.5rem;height:.5rem}.live-card__body{gap:var(--space-2);min-width:0;padding:var(--space-4);display:grid}.live-card__member,.live-card__metadata{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.live-card__member>span,.live-card__metadata{color:var(--color-muted);font-size:.875rem}.live-card__member>*,.live-card__metadata>*,.live-card__title{overflow-wrap:anywhere;min-width:0}.live-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;display:-webkit-box;overflow:hidden}.live-skeleton{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.live-skeleton__media{aspect-ratio:var(--card-aspect-ratio);background:var(--color-surface-raised);position:relative;overflow:hidden}.live-skeleton__body{gap:var(--space-3);padding:var(--space-4);display:grid}.live-skeleton__line{background:var(--color-surface-raised);border-radius:999px;height:.875rem;position:relative;overflow:hidden}.live-skeleton__media:after,.live-skeleton__line:after{background:linear-gradient(90deg, transparent, var(--color-skeleton-highlight), transparent);content:"";animation:skeleton-shimmer var(--skeleton-duration) ease-in-out infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.live-skeleton__line--member{width:55%}.live-skeleton__line--title{width:90%;height:1.25rem}.live-skeleton__line--metadata{width:70%}.site-footer{padding-block:var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.875rem}@media (width>=40rem){.page-container{width:min(var(--page-max-width), calc(100% - var(--page-gutter-wide) - var(--page-gutter-wide)))}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.refresh-button,.action-button,.live-card{transition:none}.live-skeleton__media:after,.live-skeleton__line:after{animation:none;transform:none}}