.trim{flex-direction:column;gap:12px;display:flex}.trim__video{aspect-ratio:16/9;border-radius:var(--r-md);background:#000;overflow:hidden}.trim__video video{object-fit:contain;width:100%;height:100%;display:block}.trim__bar{align-items:center;gap:12px;min-width:0;display:flex}.trim__times{font-variant-numeric:tabular-nums;flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 12px;min-width:0;display:flex}.trim__range{color:var(--c-text-muted)}.trim__limit{color:var(--c-text-subtle);white-space:nowrap;font-size:13px}.trim__track{border-radius:var(--r-sm);background:var(--c-surface-3);touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;height:48px;margin:4px 14px 0;position:relative}.trim__key{background:var(--c-border-strong);pointer-events:none;width:1px;height:8px;position:absolute;top:0}.trim__out{background:var(--c-overlay);pointer-events:none;position:absolute;top:0;bottom:0}.trim__out--l{border-radius:6px 0 0 6px}.trim__out--r{border-radius:0 6px 6px 0}.trim__sel{border:2px solid var(--c-accent);border-radius:var(--r-sm);pointer-events:none;position:absolute;top:0;bottom:0}.trim__head{background:var(--c-text);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.trim__handle{cursor:ew-resize;touch-action:none;background:0 0;border:0;width:28px;margin-left:-14px;padding:0;position:absolute;top:-6px;bottom:-6px}.trim__handle:before{content:"";border-radius:var(--r-xs);background:var(--c-accent);width:12px;margin-left:-6px;position:absolute;top:4px;bottom:4px;left:50%}.trim__handle:after{content:"";background:var(--c-on-accent);border-radius:1px;width:2px;height:16px;margin:-8px 0 0 -1px;position:absolute;top:50%;left:50%}.trim__handle:focus-visible{outline:none}.trim__handle:focus-visible:before{box-shadow:0 0 0 3px var(--c-focus)}.trim__handle:disabled{cursor:default;opacity:.5}.clip-ready__actions{gap:8px;display:flex}.clip-ready__actions>*{flex:1}
.modal:has(.shorts){width:min(760px,100%)}.shorts{grid-template-columns:236px minmax(0,1fr);align-items:start;gap:20px;display:grid}.shorts__preview{aspect-ratio:9/16;border-radius:var(--r-md);background:#000;width:236px;position:relative;overflow:hidden}.shorts__video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.shorts__mock{position:absolute;inset:0;overflow:hidden;container-type:inline-size}.shorts__mock img{-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.shorts__cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shorts__bg{object-fit:cover;filter:blur(10px)brightness(.9);width:116%;height:116%;position:absolute;inset:-8%}.shorts__fg{aspect-ratio:16/9;object-fit:cover;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.shorts__cam{width:100%;height:33.333%;position:absolute;top:0;left:0;overflow:hidden}.shorts__game{width:100%;height:66.667%;position:absolute;bottom:0;left:0;overflow:hidden}.shorts__mark{color:#fff;white-space:nowrap;background:#00000096;border-radius:.93cqw;align-items:center;gap:1.3cqw;height:7.04cqw;padding:0 2cqw 0 1.3cqw;font-size:3.15cqw;font-weight:700;display:inline-flex;position:absolute;top:15.56cqw;left:4.44cqw}.shorts__mark svg{flex:none;width:4.44cqw;height:4.44cqw}.shorts__side{flex-direction:column;gap:14px;min-width:0;display:flex}.shorts__field{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.shorts__side .field__hint{margin:0}.shorts__cambox{aspect-ratio:16/9;border-radius:var(--r-sm);touch-action:none;-webkit-user-select:none;user-select:none;background:#000;position:relative;overflow:hidden}.shorts__cambox img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.shorts__boxsel{cursor:move;border:2px solid #fff;border-radius:4px;outline:none;position:absolute;box-shadow:0 0 0 999px #00000080}.shorts__boxsel:focus-visible{border-color:var(--c-accent)}.shorts__handle{cursor:nwse-resize;background:#fff;border:2px solid #000;border-radius:4px;width:18px;height:18px;position:absolute;bottom:-9px;right:-9px}.shorts__size{font-size:var(--fs-sm);color:var(--c-text-muted);align-items:center;gap:12px;display:flex}.shorts__size input{flex:1;min-width:0}.shorts__share{border-top:1px solid var(--c-border);flex-direction:column;gap:8px;padding-top:14px;display:flex}.shorts__h{margin:0;font-size:15px;font-weight:700}.shorts__targets{flex-wrap:wrap;gap:8px;display:flex}.shorts__caption{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.shorts__captionText{resize:none;width:100%;height:auto;min-height:72px;padding:8px 10px;font-size:13px;line-height:1.5}@media (max-width:640px){.shorts{grid-template-columns:1fr}.shorts__preview{width:min(200px,60vw);margin:0 auto}}
@media (min-width:1280px){.watch{--chat-w:352px}}@media (min-width:901px){.watch__info{padding:var(--sp-5) 30px var(--sp-10);gap:var(--sp-6)}.winfo{column-gap:var(--sp-4)}.winfo__avatar{width:72px;height:72px}.winfo__avatar .avatar{--size:64px}.winfo__live{padding:0 6px;font-size:11px;line-height:17px}.winfo__text{gap:4px;padding-top:0}.winfo__title{font-size:1.25rem;font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:1.4}.winfo__channel{font-size:1rem;font-weight:var(--fw-bold);line-height:1.4}.winfo__meta{gap:6px var(--sp-2);margin-top:6px}.winfo__cat{font-size:var(--fs-md);font-weight:var(--fw-bold)}.winfo .tag{height:24px;padding:0 10px}.winfo__side{gap:var(--sp-3)}.winfo__primary .btn,.winfo__side .btn{height:36px;min-height:36px;padding:0 var(--sp-4);font-size:var(--fs-md);font-weight:var(--fw-bold)}.winfo__primary .icon-btn{width:36px;height:36px}.winfo__row{font-size:var(--fs-md);gap:4px}.winfo__viewers{margin-right:var(--sp-3);font-weight:var(--fw-bold);gap:5px}.winfo__row .uptime{margin-right:var(--sp-2);color:var(--c-text);font-weight:var(--fw-semibold)}.winfo__state{margin-right:var(--sp-3);font-weight:var(--fw-semibold);color:var(--c-text)}.winfo-about{padding:var(--sp-6);gap:var(--sp-3)}.winfo-about__title{font-size:1.125rem;font-weight:var(--fw-bold)}.winfo-about__followers{font-size:var(--fs-md)}.winfo-about .bio-text__body,.winfo-about p:not(.winfo-about__followers){font-size:.9375rem;line-height:1.65}.clip-info .clip-meta,.clip-info__channel .muted{font-size:var(--fs-md)}}.c2{--c2-pad-y:5px}.c2[data-density=compact]{--c2-pad-y:2px}.c2 .chat__title{font-size:.9375rem}.page--channel{gap:var(--sp-6)}.channel-head:not(.channel-head--banner){background:0 0;border-radius:0;overflow:visible}.channel-head:not(.channel-head--banner) .channel-hero{padding:var(--sp-3) 0 var(--sp-2);background:0 0}.channel-hero{gap:var(--sp-6)}.channel-hero .avatar--xl{--size:96px}.channel-hero__text{gap:10px}.channel-hero__name{font-size:1.75rem;font-weight:var(--fw-black);letter-spacing:-.02em;line-height:1.2}.channel-hero__stats{gap:var(--sp-2) var(--sp-4);font-size:var(--fs-md);font-weight:var(--fw-medium)}.channel-hero__stats strong{font-weight:var(--fw-bold)}.channel-hero__actions .btn,.channel-hero__actions .icon-btn{height:36px;min-height:36px}.channel-hero__actions .btn{padding:0 var(--sp-4);font-size:var(--fs-md);font-weight:var(--fw-bold)}.channel-hero__actions .icon-btn{width:36px}.channel-hero .tag{height:24px;padding:0 10px}.page--channel>nav .tabs{gap:0}.page--channel>nav .tab{min-height:48px;padding:0 var(--sp-4);font-size:1rem;font-weight:var(--fw-bold)}.page--channel>nav .tab:after{left:var(--sp-4);right:var(--sp-4);height:3px}.page--channel>nav .tab__count{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.page--channel section .tabs .tab{min-height:40px;font-size:var(--fs-md)}.page--channel h2{font-size:1.25rem;font-weight:var(--fw-bold)}.page--channel section.stack{gap:var(--sp-4)}.page--channel .live-banner{gap:var(--sp-4) var(--sp-6);padding:var(--sp-5);grid-template-rows:1fr 1fr;grid-template-columns:min(480px,42%) minmax(0,1fr);display:grid}.page--channel .live-banner__thumb{grid-row:1/3;width:auto}.page--channel .live-banner__text{align-self:end}.page--channel .live-banner>.btn{place-self:start}.page--channel .live-banner__text{gap:var(--sp-2);flex-direction:column;display:flex}.page--channel .live-banner__label{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--c-text-muted);margin:0}.page--channel .live-banner__text .live-banner__title{font-size:1.375rem;font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:1.35}.page--channel .live-banner__text>span:last-child{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--c-accent-text)}.page--channel .live-banner>.btn{height:40px;padding:0 var(--sp-5);font-size:var(--fs-md);font-weight:var(--fw-bold)}.page--channel .state{padding:var(--sp-12) var(--sp-6);border-radius:var(--r-md);background:var(--c-surface)}.page--channel .state__title{font-size:1.0625rem}.page--channel .state__body{font-size:var(--fs-md)}.page--channel .channel-about__side{padding:var(--sp-6)}.page--channel .channel-about .kv{font-size:var(--fs-md)}.page--channel .channel-about .bio-text__body{font-size:.9375rem;line-height:1.7}@media (max-width:900px){.page--channel .live-banner{grid-template-columns:240px minmax(0,1fr)}.page--channel .live-banner__text .live-banner__title{font-size:var(--fs-lg)}}@media (max-width:640px){.channel-hero .avatar--xl{--size:72px}.channel-hero__name{font-size:1.375rem}.channel-head:not(.channel-head--banner) .channel-hero{padding:var(--sp-2) 0 0}.page--channel>nav .tab{min-height:44px;padding:0 var(--sp-3);font-size:.9375rem}.page--channel>nav .tab:after{left:var(--sp-3);right:var(--sp-3)}.page--channel h2{font-size:1.125rem}.page--channel .live-banner{padding:var(--sp-4);gap:var(--sp-3);grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.page--channel .live-banner__thumb{grid-row:auto}.page--channel .live-banner__text{align-self:auto}.page--channel .live-banner>.btn{width:100%}.page--channel .state{padding:var(--sp-10) var(--sp-4)}}
.clip-nudge{color:var(--c-accent-text);background:var(--c-accent-soft);font-weight:var(--fw-semibold);white-space:nowrap;animation:clip-nudge-in var(--dur-slow) var(--ease);gap:6px}.clip-nudge:hover{color:var(--c-accent-text);background:color-mix(in srgb, var(--c-accent) 20%, transparent)}@keyframes clip-nudge-in{0%{opacity:0;transform:translateY(2px)}}@media (max-width:640px){.clip-nudge__text{display:none}.clip-nudge{padding-inline:8px}}@media (prefers-reduced-motion:reduce){.clip-nudge{animation:none}}
.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) 0;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}}