.bnav{display:none}.header__tools{display:contents}.sidenav__theme{display:none}@media (pointer:coarse){.input,.select,.textarea,.searchbox .input,.c2-input__field{font-size:16px}.input,.select{min-height:44px}.searchbox .input{min-height:40px}.btn,.btn--sm{height:40px;min-height:40px}.btn--lg{height:48px;min-height:48px}.icon-btn,.icon-btn--sm{width:44px;height:44px}.tab{min-height:44px}.watch__tabs .tab,.chip,.sort-switch a,.sort-switch button{min-height:40px}.sort-switch a,.sort-switch button{align-items:center;display:inline-flex}.player__bar .icon-btn{width:44px;height:44px}.player__unmute{min-height:44px;padding:0 14px}.c2-foot .icon-btn,.c2-input__emo,.c2-input__send{min-width:44px;min-height:44px}.pw-field__toggle,.hero__pause,.c2-pts__btn,.m-switch{min-width:40px;min-height:40px}.player__live-edge{min-height:36px}.sidenav__item{min-height:44px}input[type=checkbox],input[type=radio]{width:20px;height:20px}a.link{position:relative}a.link:after{content:"";position:absolute;inset:-10px -4px}}@media (max-width:640px){:root{--bnav-h:56px}.header__tools,.header--bnav .header__menu-btn{display:none}.header--bnav .header__brand{padding-left:var(--sp-1)}.sidenav__theme{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--c-text-muted);display:flex}.bnav{z-index:var(--z-header);height:calc(var(--bnav-h) + env(safe-area-inset-bottom));padding:0 var(--sp-1) env(safe-area-inset-bottom);background:color-mix(in srgb, var(--c-bg) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-top:1px solid var(--c-border);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.bnav__item{min-height:var(--bnav-h);color:var(--c-text-muted);font-size:11px;font-weight:var(--fw-semibold);border-radius:var(--r-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;line-height:1;display:flex}.bnav__item svg{width:24px;height:24px}.bnav__item .avatar{--size:24px}.bnav__item[aria-current=page],.bnav__item[aria-expanded=true]{color:var(--c-text)}.bnav__item[aria-current=page] svg{color:var(--c-accent-text)}.bnav__item:active{background:var(--c-btn)}.shell[data-bnav=on] .main{padding-bottom:calc(var(--bnav-h) + env(safe-area-inset-bottom))}.shell[data-bnav=on]~.toast-region{bottom:calc(var(--bnav-h) + var(--sp-3) + env(safe-area-inset-bottom))}body:has(.shell[data-bnav=on]) .toast-region{bottom:calc(var(--bnav-h) + var(--sp-3) + env(safe-area-inset-bottom))}.sidenav{padding-bottom:env(safe-area-inset-bottom)}.tabs,.browse-tabs,.winfo__side,.chip-row,.poster-rail{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.header__search.is-open .searchbox{width:100%}}@media (max-width:900px){.watch__aside,.watch[data-chat=closed] .watch__aside{height:calc(var(--vvh,100dvh) - var(--header-h) - 56.25vw - 41px - 56px - env(safe-area-inset-bottom))}.watch[data-kb] .watch__mhead,.watch[data-kb] .watch__tabs{display:none}.watch[data-kb] .watch__aside,.watch[data-kb][data-chat=closed] .watch__aside{height:calc(var(--vvh,100dvh) - var(--header-h) - 56.25vw);min-height:160px}.chat__log,.c2-log{overscroll-behavior:contain}.c2-foot{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.player__bigplay{width:72px;height:72px}.watch__info{padding-bottom:calc(var(--sp-8) + env(safe-area-inset-bottom))}}@media (max-width:1024px) and (max-height:500px) and (orientation:landscape){:is(body:has(.watch) .header,body:has(.watch) .sidenav,body:has(.watch) .bnav,body:has(.watch) .offline-banner){display:none}body:has(.watch) .shell{grid-template-columns:minmax(0,1fr);min-height:0}body:has(.watch) .shell[data-nav]{grid-template-columns:minmax(0,1fr);min-height:0}body:has(.watch) .shell[data-bnav=on] .main{padding-bottom:0}.watch,.watch[data-chat=closed]{background:#000;grid-template-columns:minmax(0,1fr) min(300px,38vw);height:100dvh;min-height:0;display:grid}.watch[data-chat=closed]{grid-template-columns:minmax(0,1fr) 0}.watch__main{height:100dvh;overflow:hidden}.watch__player{height:100dvh;position:static}.watch .player{aspect-ratio:auto;height:100dvh;max-height:none}.watch__mhead,.watch__tabs,.watch__info,.watch[data-mtab=info] .watch__info{display:none}.watch__aside,.watch[data-chat=closed] .watch__aside,.watch[data-mtab=info] .watch__aside{border-left:1px solid var(--c-border);height:100dvh;min-height:0;padding-right:env(safe-area-inset-right);display:flex;position:static}.watch[data-chat=closed] .watch__aside{display:none}.watch .chat__collapse,.watch__chat-open{display:inline-grid!important}.watch__chat-open{top:var(--sp-2);right:var(--sp-2);z-index:var(--z-sticky);position:fixed}.watch .chat__head{display:flex}}@media (pointer:coarse){.c2-name{padding-block:2px}button.c2-replyto{margin-block:-4px -2px;padding-block:4px}}
.mini{--mini-w:336px;--mini-gap:16px;z-index:calc(var(--z-header) + 10);width:var(--mini-w);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-3);-webkit-user-select:none;user-select:none;position:fixed;overflow:hidden}.mini:focus-visible{box-shadow:var(--ring), var(--shadow-3);outline:none}.mini[data-corner=br]{right:var(--mini-gap);bottom:var(--mini-gap)}.mini[data-corner=bl]{left:var(--mini-gap);bottom:var(--mini-gap)}.mini[data-corner=tr]{right:var(--mini-gap);top:calc(var(--header-h) + var(--mini-gap))}.mini[data-corner=tl]{left:var(--mini-gap);top:calc(var(--header-h) + var(--mini-gap))}.mini[data-dragging]{cursor:grabbing}.mini__media{aspect-ratio:16/9;color:#fff;cursor:pointer;background:#000;position:relative}.mini__slot,.mini__slot video{width:100%;height:100%;display:block}.mini__slot video{object-fit:contain;background:#000}.mini__spinner{position:absolute;top:50%;left:50%;translate:-50% -50%}.mini__state{place-content:center;justify-items:center;gap:var(--sp-2);padding:var(--sp-3);background:var(--c-overlay);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-align:center;display:grid;position:absolute;inset:0}.mini__retry{border-radius:var(--r-sm);color:#fff;min-height:28px;font:inherit;font-size:var(--fs-xs);cursor:pointer;background:#ffffff29;border:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.mini__retry:hover{background:#ffffff3d}.mini__count{font-size:var(--fs-xs);opacity:.85;font-variant-numeric:tabular-nums;font-weight:400}.mini__actions{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.mini__bar{opacity:0;transition:opacity var(--dur) var(--ease);background:linear-gradient(#0000,#0000009e 70%);align-items:center;gap:2px;padding:20px 6px 6px;display:flex;position:absolute;bottom:0;left:0;right:0}.mini:hover .mini__bar,.mini:focus-within .mini__bar,.mini[data-paused] .mini__bar,.mini[data-phase=ended] .mini__bar,.mini[data-phase=error] .mini__bar{opacity:1}@media (hover:none){.mini__bar{opacity:1}}.mini__bar .icon-btn{color:#fff;border-radius:var(--r-sm);width:32px;height:32px}.mini__bar .icon-btn svg{width:18px;height:18px}.mini__bar .icon-btn:hover{background:#ffffff24}.mini__info{gap:2px;min-width:0;padding:8px 10px 9px;display:grid}@media (pointer:fine){.mini__info{cursor:grab}}.mini__title{white-space:nowrap;text-overflow:ellipsis;font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--c-text);overflow:hidden}.mini__channel{min-width:0;font-size:var(--fs-xs);line-height:var(--lh-tight);color:var(--c-text-muted);align-items:center;gap:6px;display:flex}.mini__live{border-radius:var(--r-xs);background:var(--c-live-tag);color:#fff;font-size:10px;font-weight:var(--fw-bold);letter-spacing:.02em;flex:none;padding:1px 4px}.mini__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width:641px){body:has(.mini[data-corner=br]) .toast-region{bottom:calc(var(--mini-gap,16px) + 260px)}}@media (max-width:640px){.mini{--mini-w:min(58vw, 260px);--mini-gap:8px}.mini[data-corner]{top:auto;bottom:calc(var(--bnav-h,0px) + env(safe-area-inset-bottom) + var(--mini-gap))}.mini[data-corner$=r]{left:auto;right:var(--mini-gap)}.mini[data-corner$=l]{right:auto;left:var(--mini-gap)}.mini__info{padding:6px 8px 7px}.mini__bar .icon-btn{width:36px;height:36px}body:has(.mini) .toast-region{bottom:calc(var(--bnav-h,0px) + env(safe-area-inset-bottom) + 210px)}}@media (prefers-reduced-motion:reduce){.mini,.mini__bar{transition:none!important}}