: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;--radius-lg:10px;--radius-xl:1.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--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,.site-header__title{letter-spacing:-.025em;margin:0;font-size:clamp(1.375rem,4vw,1.75rem)}.site-header__link{align-items:center;gap:var(--space-2);color:inherit;border-radius:var(--radius-sm);transition:opacity var(--transition-interaction);text-decoration:none;display:inline-flex}.site-header__link:hover{opacity:.85}.site-header__title-icon{background:var(--color-accent);width:1.15em;height:1.15em;-webkit-mask:var(--header-title-icon) center / contain no-repeat;-webkit-mask:var(--header-title-icon) center / contain no-repeat;mask:var(--header-title-icon) center / contain no-repeat;flex-shrink:0;display:inline-block}.site-header__count{color:var(--color-muted);overflow-wrap:anywhere;margin:0;font-size:.75rem}.refresh-button,.action-button{min-width:var(--target-size-min);min-height:var(--target-size-min);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), color var(--transition-interaction)}.refresh-button{width:var(--target-size-min);height:var(--target-size-min);place-items:center;padding:0;display:grid}.action-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);display:inline-flex}.action-button--back{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-surface-raised) 75%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 80%, #ffffff1a);color:var(--color-text);-webkit-backdrop-filter:blur(8px);flex-shrink:0;padding:.45rem 1rem .45rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #00000040}.action-button__icon{width:1.25rem;height:1.25rem;-webkit-mask:var(--button-icon) center / contain no-repeat;-webkit-mask:var(--button-icon) center / contain no-repeat;mask:var(--button-icon) center / contain no-repeat;background:currentColor;flex-shrink:0;display:inline-block}.action-button--back:hover{background:var(--color-surface-raised);border-color:color-mix(in srgb, var(--color-accent) 50%, var(--color-border));color:#fff;box-shadow:0 4px 14px #00000059, 0 0 14px color-mix(in srgb, var(--color-accent) 25%, transparent);transform:translate(-3px)}.action-button--back:hover .action-button__icon{transform:translate(-2px)}.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}.refresh-button__icon{width:1.25rem;height:1.25rem;-webkit-mask:var(--refresh-icon) center / contain no-repeat;-webkit-mask:var(--refresh-icon) center / contain no-repeat;mask:var(--refresh-icon) center / contain no-repeat;background:currentColor;display:block}.refresh-button__icon--spinning{animation:.9s linear infinite refresh-spin}@keyframes refresh-spin{to{transform:rotate(360deg)}}.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 h2{margin-top:var(--space-3)}.empty-state__icon{filter:brightness(0)invert();flex-shrink:0;width:3rem;height:3rem}.section-heading{align-items:center;gap:var(--space-2);display:inline-flex}.section-heading__icon{width:1.15em;height:1.15em;-webkit-mask:var(--heading-icon) center / contain no-repeat;-webkit-mask:var(--heading-icon) center / contain no-repeat;mask:var(--heading-icon) center / contain no-repeat;background:currentColor;flex-shrink:0;margin-bottom:3px;font-size:22px;display:inline-block}.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{text-align:center;justify-items:center;display:grid}.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{--player-content-max-width:min(100%, calc((100vh - 14rem) * 16 / 9));padding:clamp(var(--space-4), 2.5vw, var(--space-6));border:1px solid color-mix(in srgb, var(--color-border) 80%, #ffffff1a);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--color-surface) 0%, color-mix(in srgb, var(--color-surface) 90%, #06070a) 100%);margin-block-end:var(--space-8);scroll-margin-block-start:var(--space-4);overflow:hidden;box-shadow:0 16px 40px -8px #0009,0 0 0 1px #ffffff0a}.site-main--player .player-panel{margin-block-end:var(--space-4)}.player-panel__header{flex-direction:column;align-items:flex-start;margin-block-end:var(--space-4);display:flex}.player-panel__top-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:nowrap;width:100%;min-width:0;display:flex}.player-panel__labels{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:nowrap;flex:none;display:flex}.player-panel__heading{width:100%;min-width:0}.player-panel__heading h2{margin:0 0 var(--space-2);font-size:1.25rem}.player-panel__metadata{gap:var(--space-1);flex-direction:column;flex:auto;width:100%;min-width:0;display:flex}.player-panel__member{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.player-panel__member strong{color:#fff;letter-spacing:-.01em;overflow-wrap:anywhere;min-width:0;font-size:1rem;font-weight:600}.player-panel__nickname,.player-panel__platform{background:color-mix(in srgb, var(--color-surface-raised) 75%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 80%, #ffffff1a);color:var(--color-text);-webkit-backdrop-filter:blur(8px);align-items:center;display:inline-flex}.player-panel__nickname{border-radius:var(--radius-sm);letter-spacing:.02em;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.player-panel__platform{border-radius:var(--radius-sm);letter-spacing:.05em;text-transform:uppercase;min-height:1.625rem;padding:0 .5rem;font-size:.6875rem;font-weight:800}.player-panel__live-indicator{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#ff4d78 0%,#e11d48 100%);border:1px solid #ffffff40;min-height:1.625rem;padding:0 .5rem;font-size:.6875rem;font-weight:800;display:inline-flex;box-shadow:0 2px 10px #ff4d7873}.player-panel__live-dot{background:#fff;border-radius:50%;width:.4375rem;height:.4375rem;position:relative;box-shadow:0 0 6px #fff}.player-panel__live-dot:after{content:"";opacity:.7;background:#fff;border-radius:50%;animation:1.6s ease-out infinite live-radar;position:absolute;inset:-2px}.player-panel__title{color:#fff;overflow-wrap:anywhere;margin:.15rem 0 .35rem;font-size:.875rem;font-weight:600;line-height:1.35}.player-panel__meta-info{width:100%;max-width:var(--player-content-max-width);align-items:center;gap:var(--space-2);margin:var(--space-3) auto 0;padding-inline:var(--space-1);color:var(--color-muted);flex-wrap:wrap;font-size:.8125rem;display:flex}.player-panel__meta-item{align-items:center;gap:.35rem;display:inline-flex}.player-panel__meta-dot{color:color-mix(in srgb, var(--color-muted) 50%, transparent);font-size:.75rem}.player-panel__meta-icon{width:.875rem;height:.875rem;-webkit-mask:var(--meta-icon) center / contain no-repeat;-webkit-mask:var(--meta-icon) center / contain no-repeat;mask:var(--meta-icon) center / contain no-repeat;background:currentColor;flex-shrink:0;display:inline-block}.player-panel__meta-icon--users{color:color-mix(in srgb, var(--color-accent) 80%, #fff)}.player-panel__meta-icon--clock{color:var(--color-muted)}.player-panel__black-bar-setting{width:100%;max-width:var(--player-content-max-width);justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-3) auto 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);flex-wrap:wrap;display:flex}.player-panel__black-bar-copy{gap:var(--space-1);flex:14rem;min-width:0;display:grid}.player-panel__black-bar-copy strong{font-size:.8125rem}.player-panel__black-bar-copy span{color:var(--color-muted);font-size:.75rem;line-height:1.4}.player-panel__black-bar-toggle{min-height:var(--target-size-min);align-items:center;gap:var(--space-2);color:var(--color-text);cursor:pointer;font-weight:700;display:inline-flex;position:relative}.player-panel__black-bar-toggle input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.player-panel__black-bar-track{border:1px solid var(--color-border);background:var(--color-surface-raised);width:3rem;height:1.75rem;transition:background var(--transition-interaction), border-color var(--transition-interaction);border-radius:999px;display:block;position:relative}.player-panel__black-bar-track:after{background:var(--color-muted);content:"";width:1.25rem;height:1.25rem;transition:background var(--transition-interaction), transform var(--transition-interaction);border-radius:50%;position:absolute;top:.1875rem;left:.1875rem}.player-panel__black-bar-toggle input:checked+.player-panel__black-bar-track{border-color:var(--color-accent);background:var(--color-accent)}.player-panel__black-bar-toggle input:checked+.player-panel__black-bar-track:after{background:#fff;transform:translate(1.25rem)}.player-panel__black-bar-toggle input:focus-visible+.player-panel__black-bar-track{outline:3px solid var(--color-focus);outline-offset:3px}.player-panel__black-bar-state{min-width:4.5rem;font-size:.8125rem}.player-panel__media{width:100%;max-width:var(--player-content-max-width);min-width:0;min-height:12rem;max-height:calc(100vh - 14rem);aspect-ratio:var(--card-aspect-ratio);border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--color-border) 70%, #ffffff14);background:#08090b;justify-content:center;align-items:center;margin-inline:auto;display:flex;overflow:hidden;box-shadow:0 16px 40px -8px #000000b3,0 0 0 1px #ffffff0d}@supports (height:100dvh){.player-panel{--player-content-max-width:min(100%, calc((100dvh - 14rem) * 16 / 9))}.player-panel__media{max-height:calc(100dvh - 14rem)}}.player-panel__video-frame{background:#000;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.player-panel__video-zoom-layer{transform-origin:50%;width:100%;min-width:0;height:100%;min-height:0;transition:transform var(--transition-interaction);justify-content:center;align-items:center;display:flex;position:relative}.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;width:100%;max-width:none;height:100vh;max-height:none;transform:scale(var(--video-zoom,1));transform-origin:50%;background:#000}:is(.player-panel__video:fullscreen,.player-panel__video:fullscreen){object-fit:contain;width:100%;max-width:none;height:100vh;max-height:none;transform:scale(var(--video-zoom,1));transform-origin:50%;background:#000}:-webkit-any(.player-panel__video-frame:fullscreen,.player-panel__video-frame:-webkit-full-screen){background:#000;border-radius:0;width:100%;max-width:none;height:100vh;max-height:none}:is(.player-panel__video-frame:fullscreen,.player-panel__video-frame:fullscreen){background:#000;border-radius:0;width:100%;max-width:none;height:100vh;max-height:none}:-webkit-any(.player-panel__video-frame:fullscreen .player-panel__video,.player-panel__video-frame:-webkit-full-screen .player-panel__video){object-fit:contain;width:100%;max-width:none;height:100%;max-height:none}:is(.player-panel__video-frame:fullscreen .player-panel__video,.player-panel__video-frame:fullscreen .player-panel__video){object-fit:contain;width:100%;max-width:none;height:100%;max-height:none}:-webkit-any(.player-panel__video-frame--cropped:fullscreen .player-panel__video,.player-panel__video-frame--cropped:-webkit-full-screen .player-panel__video){top:50%;left:var(--video-crop-offset);width:var(--video-crop-width);height:auto;position:absolute;transform:translateY(-50%)}:is(.player-panel__video-frame--cropped:fullscreen .player-panel__video,.player-panel__video-frame--cropped:fullscreen .player-panel__video){top:50%;left:var(--video-crop-offset);width:var(--video-crop-width);height:auto;position:absolute;transform:translateY(-50%)}@media (width<=64rem){.player-panel__video-frame--cover .player-panel__video{object-fit:cover;object-position:center}.player-panel__video-frame--cover:fullscreen .player-panel__video{object-fit:cover;object-position:center}.player-panel__video-frame--cover:-webkit-full-screen .player-panel__video{object-fit:cover;object-position:center}}@supports (height:100dvh){:-webkit-any(.player-panel__video:fullscreen,.player-panel__video:-webkit-full-screen),:-webkit-any(.player-panel__video-frame:fullscreen,.player-panel__video-frame:-webkit-full-screen){height:100dvh}:is(.player-panel__video:fullscreen,.player-panel__video:fullscreen),:is(.player-panel__video-frame:fullscreen,.player-panel__video-frame:fullscreen){height:100dvh}}.player-panel__video-frame:fullscreen::backdrop{background:#000}.player-panel__video-frame:-webkit-full-screen::backdrop{background:#000}.player-panel__video-frame:fullscreen::backdrop{background:#000}.player-panel__video:fullscreen::backdrop{background:#000}.player-panel__video:-webkit-full-screen::backdrop{background:#000}.player-panel__video:fullscreen::backdrop{background:#000}.player-panel__controls button{min-height:var(--target-size-min);border-radius:var(--radius-sm);color:#fff;font:inherit;cursor:pointer;background:#08090be0;border:1px solid #ffffff59;font-weight:700}.player-panel__controls{z-index:3;justify-content:center;gap:var(--space-2);padding:var(--space-4) max(var(--space-3), env(safe-area-inset-right,0px)) max(var(--space-3), env(safe-area-inset-bottom,0px)) max(var(--space-3), env(safe-area-inset-left,0px));opacity:1;transition:opacity var(--transition-interaction);background:linear-gradient(#0000,#000000d1);flex-wrap:wrap;display:flex;position:absolute;bottom:0;left:0;right:0}.player-panel__controls--hidden{opacity:0;pointer-events:none}.player-panel__controls button{width:var(--target-size-min);min-width:var(--target-size-min);place-items:center;padding:0;display:grid}.player-panel__controls button:hover,.player-panel__controls button:focus-visible{background:#1c222af5}.player-panel__controls button:disabled{opacity:.4;cursor:not-allowed}.player-panel__controls button:disabled:hover{background:#08090be0}.player-panel__control-icon{width:1.5rem;height:1.5rem;-webkit-mask:var(--player-control-icon) center / contain no-repeat;-webkit-mask:var(--player-control-icon) center / contain no-repeat;mask:var(--player-control-icon) center / contain no-repeat;background:currentColor;display:block}.player-panel__control-button--inactive .player-panel__control-icon{background:var(--color-danger)}.player-panel__control-button--reserved{visibility:hidden;pointer-events:none}.player-panel__volume-control{align-items:center;gap:var(--space-2);display:flex}.player-panel__volume-slider-panel{width:6.5rem;height:var(--target-size-min);background:#08090beb;border:1px solid #ffffff38;border-radius:999px;align-items:center;padding-inline:.625rem;display:flex;box-shadow:0 8px 24px #00000059}.player-panel__volume-slider{appearance:none;background:linear-gradient(to right, var(--color-accent) 0 var(--volume-level), #ffffff52 var(--volume-level) 100%) center / calc(100% - .75rem) .25rem no-repeat;cursor:pointer;width:100%;height:1.25rem;margin:0}.player-panel__volume-slider::-webkit-slider-runnable-track{background:0 0;height:.25rem}.player-panel__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent);border:2px solid #fff;border-radius:50%;width:.875rem;height:.875rem;margin-top:-.3125rem;box-shadow:0 2px 8px #00000073}.player-panel__volume-slider::-moz-range-track{background:0 0;height:.25rem}.player-panel__volume-slider::-moz-range-progress{background:0 0}.player-panel__volume-slider::-moz-range-thumb{background:var(--color-accent);border:2px solid #fff;border-radius:50%;width:.6875rem;height:.6875rem;box-shadow:0 2px 8px #00000073}.player-panel__volume-slider:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.player-panel__controls{top:50%;right:max(var(--space-4), env(safe-area-inset-right,0px));padding:var(--space-3);border-radius:var(--radius-md);background:#000000ad;flex-flow:column;bottom:auto;left:auto;transform:translateY(-50%)}.player-panel__volume-control{display:block;position:relative}.player-panel__volume-slider-panel{top:50%;right:calc(100% + var(--space-2));visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--transition-interaction), transform var(--transition-interaction), visibility var(--transition-interaction);position:absolute;transform:translate(.25rem,-50%)}.player-panel__volume-slider-panel:after{top:0;right:calc(-1 * var(--space-2));width:var(--space-2);content:"";height:100%;position:absolute}.player-panel__volume-control:hover .player-panel__volume-slider-panel,.player-panel__volume-control:focus-within .player-panel__volume-slider-panel{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(-50%)}}@media (width<=39.999rem){.player-panel__top-row{gap:var(--space-2)}.player-panel__labels{gap:var(--space-1)}.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{--player-content-max-width:100%;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__controls{gap:var(--space-1);padding:var(--space-3) max(var(--space-2), env(safe-area-inset-right,0px)) max(var(--space-2), env(safe-area-inset-bottom,0px)) max(var(--space-2), env(safe-area-inset-left,0px))}.player-panel__controls button{width:2.25rem;min-width:2.25rem;min-height:2.25rem}.player-panel__control-icon{width:1.25rem;height:1.25rem}.player-panel__volume-control{gap:var(--space-1)}.player-panel__volume-slider-panel{width:5rem;height:2.25rem;padding-inline:var(--space-2)}}.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,.player-panel__error .player-panel__error-detail{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);width:100%;min-width:0;color:inherit;text-align:start;font:inherit;cursor:pointer;touch-action:manipulation;background:linear-gradient(#171c24 0%,#12151b 100%);flex-direction:column;padding:0;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0006}.live-card:hover{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));box-shadow:0 14px 32px -4px #000000a6, 0 0 24px -2px color-mix(in srgb, var(--color-accent) 25%, transparent);transform:translateY(-4px)}.live-card__media{aspect-ratio:1;background:#08090b;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.live-card__media:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 55%,#0b0d10b3 100%);position:absolute;inset:0}.live-card__media img,.live-card__image-placeholder{width:100%;height:100%}.live-card__media img{object-fit:cover;object-position:center;transition:transform .38s cubic-bezier(.16,1,.3,1);display:block}.live-card:hover .live-card__media img{transform:scale(1.05)}.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);z-index:2;align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);letter-spacing:.05em;min-height:1.625rem;padding:0 .5rem;font-size:.6875rem;font-weight:800;display:inline-flex;position:absolute;box-shadow:0 2px 8px #00000059}.live-card__platform{left:var(--space-3);-webkit-backdrop-filter:blur(8px);color:#f4f7fa;background:#0b0d10c7;border:1px solid #ffffff24}.live-card__platform--idn{border-color:#ef444473}.live-card__platform--showroom{border-color:#f5c45173}.live-card__live-indicator{right:var(--space-3);color:#fff;background:linear-gradient(135deg,#ff4d78 0%,#e11d48 100%);border:1px solid #ffffff40;box-shadow:0 2px 10px #ff4d7873}.live-card__live-dot{background:#fff;border-radius:50%;width:.4375rem;height:.4375rem;position:relative;box-shadow:0 0 6px #fff}.live-card__live-dot:after{content:"";opacity:.7;background:#fff;border-radius:50%;animation:1.6s ease-out infinite live-radar;position:absolute;inset:-2px}@keyframes live-radar{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}.live-card__play-badge{z-index:2;color:#fff;opacity:0;pointer-events:none;background:linear-gradient(135deg,#ff4d78f2,#e11d48f2);border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;transition:opacity .2s,transform .22s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;transform:scale(.85);box-shadow:0 4px 16px #ff4d7880,0 0 0 2px #fff3}.live-card:hover .live-card__play-badge{opacity:1;transform:scale(1)}.live-card__play-icon{width:1.25rem;height:1.25rem;-webkit-mask:var(--play-icon) center / contain no-repeat;-webkit-mask:var(--play-icon) center / contain no-repeat;mask:var(--play-icon) center / contain no-repeat;background:#fff;margin-left:2px;display:block}.live-card__body{gap:var(--space-2);min-width:0;padding:var(--space-4) var(--space-4) var(--space-3);flex-direction:column;flex:auto;display:flex}.live-card__member{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.live-card__member strong{color:var(--color-text);letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.live-card__nickname{color:var(--color-muted);background:#ffffff12;border:1px solid #ffffff14;border-radius:5px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;line-height:1.3;display:inline-flex}.live-card__member>*,.live-card__metadata>*,.live-card__title{overflow-wrap:anywhere;min-width:0}.live-card__title{color:var(--color-text);-webkit-line-clamp:2;transition:color var(--transition-interaction);-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.live-card:hover .live-card__title{color:#fff}.live-card__metadata{align-items:center;gap:var(--space-3);padding-top:var(--space-2);color:var(--color-muted);border-top:1px solid #ffffff0f;flex-wrap:wrap;margin-top:auto;font-size:.8125rem;display:flex}.live-card__meta-item{align-items:center;gap:.375rem;display:inline-flex}.live-card__meta-icon{width:.9375rem;height:.9375rem;-webkit-mask:var(--meta-icon) center / contain no-repeat;-webkit-mask:var(--meta-icon) center / contain no-repeat;mask:var(--meta-icon) center / contain no-repeat;opacity:.8;background:currentColor;flex-shrink:0;display:inline-block}.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}.site-footer__container{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.site-footer__version{font-variant-numeric:tabular-nums;opacity:.85}@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,.live-card:hover,.live-card__media img,.live-card:hover .live-card__media img,.live-card__play-badge,.player-panel__controls,.player-panel__black-bar-track,.player-panel__black-bar-track:after{transition:none;transform:none}.player-panel__video-zoom-layer,.player-panel__volume-slider-panel{transition:none}.live-skeleton__media:after,.live-skeleton__line:after,.refresh-button__icon--spinning,.live-card__live-dot:after,.player-panel__live-dot:after{animation:none;transform:none}}