.anime-online{gap:var(--ds-space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.anime-online__divider{--divider-color:var(--ds-border-neutral)}.anime-online__main{min-width:0}.anime-online__player{aspect-ratio:16/9;min-width:0;position:relative}.anime-online__rail{min-width:0;position:relative}.anime-online__stage{aspect-ratio:16/9;justify-content:center;align-items:center;display:flex}.anime-online__handle-divider{--divider-color:var(--ds-border-neutral);align-self:stretch}.anime-online__handle{display:none}@media (min-width:64em){.anime-online{grid-template-columns:minmax(0, 1fr) var(--ds-border-width) clamp(20rem, 30%, 24rem);transition:grid-template-columns var(--ds-transition-smooth);align-items:stretch}.anime-online__player{aspect-ratio:auto;flex-direction:column;flex:1;display:flex}.anime-online__stage{aspect-ratio:auto;flex:1}.anime-online--collapsed{grid-template-columns:minmax(0, 1fr) var(--ds-border-width) var(--ds-control-height)}.anime-online__rail{min-height:30rem;overflow:hidden}.anime-online__panel{width:100%;min-width:20rem;transition:opacity var(--ds-transition-fast), visibility var(--ds-transition-fast);position:absolute;inset:0 auto 0 0}.anime-online--collapsed .anime-online__panel{visibility:hidden;opacity:0}.anime-online--collapsed .online-panel__body{grid-template-rows:1fr}.anime-online__handle{visibility:hidden;opacity:0;transition:opacity var(--ds-transition-fast), visibility var(--ds-transition-fast);display:flex;position:absolute;inset:0 0 auto}.anime-online--collapsed .anime-online__handle{visibility:visible;opacity:1}}@media (prefers-reduced-motion:reduce){.anime-online{transition:none}}.anime-online__overlay{z-index:var(--ds-z-base);padding:var(--ds-space-4);background:var(--ds-onmedia-scrim-color);border-radius:var(--ds-radius-lg);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.anime-online__overlay-card{max-width:24rem;padding:var(--ds-space-4);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-lg)}.anime-online__overlay-secondary{color:var(--ds-text-secondary)}.anime-online__player-skeleton{aspect-ratio:16/9;width:100%;height:auto;min-height:240px}.anime-online__skeleton-list{overflow:hidden}.anime-online__skeleton-thumb{width:calc(var(--ds-space-16) + var(--ds-space-10));aspect-ratio:16/9;flex-shrink:0;height:auto}
.online-panel{gap:var(--ds-space-2);flex-direction:column;min-width:0;height:100%;display:flex}.online-panel__header-divider{--divider-color:var(--ds-border-neutral)}.online-panel__count{color:var(--ds-text-secondary)}.online-panel__body{min-height:0;transition:grid-template-rows var(--ds-transition-smooth);flex:1;grid-template-rows:1fr;display:grid}.online-panel[data-collapsed] .online-panel__body{grid-template-rows:0fr}.online-panel__body-inner{gap:var(--ds-space-2);flex-direction:column;min-height:0;display:flex;overflow:hidden}.online-panel__list{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.online-panel__scroll{flex:1;min-height:0;max-height:22rem}@media (min-width:64em){.online-panel__scroll{overscroll-behavior:contain;max-height:none}}@media (prefers-reduced-motion:reduce){.online-panel__body{transition:none}}.online-panel__playing-hint{padding:var(--ds-space-1) var(--ds-space-2);background:var(--ds-accent-soft);border-radius:var(--ds-radius-sm)}.online-panel__hint-link{color:var(--ds-text-primary);text-decoration:underline}.online-panel__next{inset:auto 0 var(--ds-space-2);width:max-content;box-shadow:var(--ds-glass-shadow-md);margin-inline:auto;position:absolute}