.cmpg{display:grid;gap:20px}.cmpg-sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cmpg-toolbar{display:grid;gap:12px}@media (min-width:768px){.cmpg-toolbar--sticky{position:sticky;inset-block-start:var(--app-header-offset,64px);z-index:4;padding-block:12px;margin-inline:-48px;padding-inline:48px;background:rgba(11,11,13,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-block-end:1px solid var(--cmp-line)}}.cmpg-formats,.cmpg-sort,.cmpg-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cmpg-formats::-webkit-scrollbar,.cmpg-sort::-webkit-scrollbar,.cmpg-tabs::-webkit-scrollbar{display:none}.cmpg-formats .cmp-chip,.cmpg-sort .cmp-chip,.cmpg-tabs .cmp-chip{flex:none}.cmpg-toolbar-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between}.cmpg-search{flex:1 1 220px;max-inline-size:360px}@media (max-width:599px){.cmpg-search{max-inline-size:none;flex-basis:100%}}@media (max-width:479px){.cmpg-toolbar .cmp-chip{padding-inline:14px;min-inline-size:44px}}.cmpg-count{margin:0}.cmpg-filters{display:contents}@media (max-width:767px){.cmpg-toolbar-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.cmpg-search{max-inline-size:none}.cmpg-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1 1 100%}.cmpg-filters::-webkit-scrollbar{display:none}.cmpg-filters>.cmpg-formats,.cmpg-filters>.cmpg-sort{flex:none;overflow:visible}.cmpg-filters>.cmpg-sort{padding-inline-start:8px;border-inline-start:1px solid var(--cmp-line)}.cmpg-filters,.cmpg-tabs{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent)}.cmpg-composer-input,.cmpg-search .cmp-input{font-size:16px}}.cmpg-grid{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:480px){.cmpg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (min-width:768px){.cmpg-grid{gap:16px}}@media (min-width:1100px){.cmpg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}@media (min-width:600px) and (max-width:1099px){.cmpg-grid--tall{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:479px){.cmpg-grid--tall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cmpg-grid--tall .cmpg-card-body{padding:10px 10px 12px}.cmpg-grid--tall .cmpg-card-title{font-size:14px}}.cmpg-skeleton{aspect-ratio:16/12;border-radius:var(--cmp-radius);background:linear-gradient(100deg,rgba(255,255,255,.04) 30%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 70%);background-size:300% 100%;animation:cmpg-shine 1.4s linear infinite}@keyframes cmpg-shine{0%{background-position:100% 0}to{background-position:-100% 0}}.cmpg-card{display:grid;gap:0;color:inherit;text-decoration:none;border-radius:var(--cmp-radius);overflow:hidden;background:var(--cmp-card);border:1px solid var(--cmp-line);transition:border-color .16s,transform .16s;-webkit-tap-highlight-color:transparent}.cmpg-card:active{transform:scale(.985)}.cmpg-card:hover{border-color:rgba(255,199,92,.35)}.cmpg-card:focus-visible{outline:2px solid var(--cmp-amber-rim);outline-offset:2px}.cmpg-card-media{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.cmpg-card-media--tall{aspect-ratio:9/16}.cmpg-card-media img,.cmpg-card-media video{position:absolute;inset:0;inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover;display:block}.cmpg-card-media--whole{background:radial-gradient(120% 90% at 50% 50%,#1c1a17 0,#000 100%)}.cmpg-card-media--whole img:not(.cmpg-card-backdrop),.cmpg-card-media--whole video{-o-object-fit:contain;object-fit:contain}.cmpg-card-media img.cmpg-card-backdrop{-o-object-fit:cover;object-fit:cover;filter:blur(20px) brightness(.5) saturate(1.1);transform:scale(1.2)}.cmpg-card-media video{opacity:0;transition:opacity .16s;pointer-events:none}.cmpg-card-media video.is-ready{opacity:1}.cmpg-card-ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--cmp-text);background:radial-gradient(90% 70% at 50% 45%,rgba(201,151,44,.16) 0,transparent 70%),linear-gradient(160deg,#1d1b18,#0b0b0d)}.cmpg-card-ph svg{box-sizing:border-box;inline-size:44px;block-size:44px;padding:11px;border-radius:50%;background:rgba(0,0,0,.55);border:1px solid var(--cmp-line-strong)}.cmpg-card-duration{position:absolute;inset-block-end:8px;inset-inline-end:8px;font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.66);color:#fff}.cmpg-card-flag{position:absolute;inset-block-start:8px;inset-inline-start:8px}.cmpg-card-body{display:grid;gap:4px;padding:12px 14px 14px}.cmpg-card-title{font-weight:600;font-size:15px;line-height:1.35}.cmpg-card-creator,.cmpg-card-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmpg-card-creator{font-size:13px;color:var(--cmp-mute)}:where([dir=ltr]) :is(.cmpg-card-title,.cmpg-card-creator,.cmpg-watch-title,.cmpg-watch-synopsis,.cmpg-comment-body):dir(rtl),:where([dir=rtl]) :is(.cmpg-card-title,.cmpg-card-creator,.cmpg-watch-title,.cmpg-watch-synopsis,.cmpg-comment-body):dir(ltr){text-align:end}.cmpg-card-chips{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:4px}.cmpg-card .cmpg-card-chips{flex-wrap:wrap;block-size:24px;overflow:hidden}.cmpg-card .cmpg-chip{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:22px}.cmpg-card-social{display:flex;align-items:center;gap:14px;margin:2px 0 0;font-size:12px;color:var(--cmp-mute)}.cmpg-card-stat{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.cmpg-card-stat svg{inline-size:14px;block-size:14px;flex:none}.cmpg-card-stat--on,.cmpg-chip{color:var(--cmp-text)}.cmpg-chip{display:inline-flex;align-items:center;min-block-size:24px;padding-inline:10px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(255,255,255,.08);border:1px solid var(--cmp-line)}.cmpg-chip--quiet{background:transparent;color:var(--cmp-mute)}.cmpg-chip--prov{border-color:rgba(255,199,92,.3);color:var(--cmp-amber-tint)}.cmpg-empty{display:grid;gap:8px;text-align:center;justify-items:center;padding-block:40px}.cmpg-empty .cmp-btn{margin-block-start:8px}.cmpg-foot{display:flex;flex-direction:column;align-items:center;gap:12px}.cmpg-foot:empty{display:none}.cmpg-player{display:block;inline-size:100%;block-size:100%;background:#000;border-radius:var(--cmp-radius-sm)}.cmp-root.cmpg-portal{min-height:0;background:transparent}.cmpg-watch-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:12px;padding-inline:max(12px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}.cmpg-watch{--cmpg-stage-h:min(60dvh,560px);--cmpg-rail-pad:16px;inline-size:min(1240px,100%);max-block-size:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;color:var(--cmp-text);border:1px solid var(--cmp-line-strong);border-radius:var(--cmp-radius);display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"bar" "stage" "details" "composer";grid-template-rows:max-content max-content minmax(max-content,1fr) max-content}.cmpg-watch,.cmpg-watch-bar{background:var(--cmp-card-solid)}.cmpg-watch-bar{grid-area:bar;display:flex;justify-content:space-between;align-items:center;gap:8px;position:sticky;inset-block-start:0;z-index:3;padding:10px var(--cmpg-rail-pad)}.cmpg-watch-grip{display:none}.cmpg-watch-nav{display:flex;gap:8px}.cmpg-watch-nav[hidden]{display:flex;visibility:hidden}.cmpg-icon-btn{inline-size:44px;padding-inline:0;font-size:24px;line-height:1;flex:none}.cmpg-icon-btn svg{inline-size:20px;block-size:20px;display:block}.cmpg-icon-btn:disabled{opacity:.35;cursor:default}[dir=rtl] .cmpg-flip{transform:scaleX(-1)}.cmpg-watch-state{grid-area:stage;padding:24px var(--cmpg-rail-pad)}.cmpg-watch-stage{grid-area:stage;display:grid;place-items:center;background:#000;overflow:hidden}.cmpg-watch-stage .cmpg-player{max-block-size:var(--cmpg-stage-h);block-size:auto;border-radius:0}.cmpg-watch-stage .cmpg-player--sized{inline-size:min(100%,calc(var(--cmpg-stage-h) * var(--cmpg-ratio)));aspect-ratio:var(--cmpg-ratio);block-size:auto;max-block-size:none}.cmpg-watch-details{grid-area:details;display:grid;gap:14px;align-content:start;padding:16px var(--cmpg-rail-pad) 20px;min-inline-size:0}.cmpg-watch-byline{display:flex;align-items:center;gap:12px;min-inline-size:0}.cmpg-watch-byline-text{display:grid;gap:2px;min-inline-size:0}.cmpg-watch-creator{margin:0;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmpg-watch-since{margin:0;font-size:13px;color:var(--cmp-mute)}.cmpg-watch-title{font-size:22px;line-height:1.3;overflow-wrap:anywhere}.cmpg-watch-synopsis{margin:0;font-size:14px;line-height:1.6;color:#D6D2CA;white-space:pre-wrap;overflow-wrap:anywhere}.cmpg-watch-hint,.cmpg-watch-note{margin:0}@media (hover:none),(max-width:600px),(pointer:coarse){.cmpg-watch-hint{display:none}}.cmpg-avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid var(--cmp-line-strong);color:var(--cmp-text);font-weight:700;line-height:1;text-transform:uppercase}.cmpg-avatar--md{inline-size:40px;block-size:40px;font-size:14px}.cmpg-avatar--sm{inline-size:32px;block-size:32px;font-size:12px}.cmpg-chip--cat{background:transparent;border-color:var(--cmp-line-strong);letter-spacing:.04em;text-transform:uppercase}[dir=rtl] .cmpg-chip--cat{letter-spacing:0}.cmpg-watch-counts{display:flex;align-items:center;gap:12px;min-block-size:44px}.cmpg-counts{display:flex;align-items:center;gap:18px;margin:0;padding:0;list-style:none;color:var(--cmp-mute);font-size:14px}.cmpg-counts li{display:inline-flex;align-items:center;gap:6px}.cmpg-counts svg{inline-size:18px;block-size:18px}.cmpg-counts .cmpg-heart--on{color:var(--cmp-text)}.cmpg-share-status{flex:1;text-align:end;margin:0}.cmpg-share,.cmpg-share-status:empty+.cmpg-share{margin-inline-start:auto}.cmpg-watch-cta{display:flex;gap:10px;flex-wrap:wrap}.cmpg-watch-cta>*{flex:1 1 auto;min-inline-size:120px}.cmpg-like svg{inline-size:18px;block-size:18px}.cmpg-enter{text-align:center}.cmpg-mine{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding-inline:16px;border-radius:999px;border:1px dashed var(--cmp-line-strong);color:var(--cmp-mute);font-size:14px;font-weight:600}.cmpg-social-error{margin:0}.cmpg-comments{display:grid;gap:14px;padding-block-start:16px;border-block-start:1px solid var(--cmp-line)}.cmpg-comments-head{margin:0;font-size:14px;font-weight:600;color:var(--cmp-text)}.cmpg-comments-empty{margin:0}.cmpg-comments-fail{display:grid;gap:10px;justify-items:start}.cmpg-comments-more{justify-self:start}.cmpg-comment-list{display:grid;gap:16px;margin:0;padding:0;list-style:none}.cmpg-comment{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start}.cmpg-comment-main{display:grid;gap:2px;min-inline-size:0}.cmpg-comment-head{display:flex;align-items:baseline;gap:6px;margin:0;min-inline-size:0}.cmpg-comment-author{flex:0 1 auto;min-inline-size:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmpg-comment-dot,.cmpg-comment-time{flex:none;font-size:12px;color:var(--cmp-mute);white-space:nowrap}.cmpg-comment-body{margin:0;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext}.cmpg-comment-del{justify-self:start;min-block-size:44px;min-inline-size:44px;margin-block:-8px -10px;padding:0;background:none;border:0;font:inherit;font-size:13px;color:var(--cmp-mute);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cmpg-comment-del:hover{color:var(--cmp-text)}.cmpg-comment-del:focus-visible{outline:2px solid var(--cmp-amber-rim);outline-offset:2px;border-radius:6px}.cmpg-comment-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:6px}.cmpg-comment-confirm .cmp-small{margin:0;color:var(--cmp-text);flex-basis:100%}.cmpg-mini-btn{min-block-size:44px;padding-inline:14px;font-size:14px}.cmpg-composer{grid-area:composer;display:grid;gap:6px;position:sticky;inset-block-end:0;z-index:3;background:var(--cmp-card-solid);border-block-start:1px solid var(--cmp-line);padding:12px var(--cmpg-rail-pad) calc(12px + env(safe-area-inset-bottom, 0px))}.cmpg-composer--wait{min-block-size:68px}.cmpg-composer-row{display:flex;align-items:flex-end;gap:8px}.cmpg-composer-input{flex:1;min-block-size:44px;block-size:44px;max-block-size:132px;resize:none;border-radius:22px;padding:10px 16px;line-height:1.4;overflow-y:auto}.cmpg-composer-input::-moz-placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmpg-composer-input::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmpg-send svg{inline-size:18px;block-size:18px}.cmpg-composer-foot{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--cmp-mute);padding-inline:6px}.cmpg-counter{flex:none;font-variant-numeric:tabular-nums}.cmpg-counter--near{color:var(--cmp-text);font-weight:600}.cmpg-composer .cmp-error{margin:0;padding-inline:6px}@media (min-width:900px){.cmpg-watch-backdrop{padding:24px;padding-inline:max(24px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}.cmpg-watch{--cmpg-rail-pad:24px;--cmpg-stage-h:calc(min(820px, 100dvh - 48px) - 2px);block-size:min(820px,calc(100dvh - 48px));max-block-size:none;overflow:hidden;grid-template-columns:minmax(0,1fr) 400px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"stage bar" "stage details" "stage composer"}.cmpg-watch:not(.cmpg-watch--entry){block-size:auto;grid-template-areas:"bar bar" "stage stage";grid-template-rows:auto auto}.cmpg-composer,.cmpg-watch-bar,.cmpg-watch-details{border-inline-start:1px solid var(--cmp-line)}.cmpg-watch:not(.cmpg-watch--entry) .cmpg-watch-bar{border-inline-start:0}.cmpg-watch-bar{position:static;padding-block:16px 4px}.cmpg-watch-details{overflow-y:auto;overscroll-behavior:contain;padding-block:8px 20px}.cmpg-composer{position:static}}@media (max-width:600px){.cmpg-watch-backdrop{padding:0;place-items:start stretch}.cmpg-watch{--cmpg-stage-h:min(calc(var(--cmpg-vvh, 100dvh) * 0.52),560px);grid-template-columns:minmax(0,1fr);inline-size:100%;block-size:var(--cmpg-vvh,100dvh);max-block-size:none;margin-block-start:var(--cmpg-vvtop,0);border:0;border-radius:0}.cmpg-watch-bar{position:sticky;padding-block:calc(8px + env(safe-area-inset-top, 0px)) 8px}.cmpg-watch-grip{display:block;position:absolute;inset-block-start:calc(4px + env(safe-area-inset-top, 0px));inset-inline-start:50%;inline-size:36px;block-size:4px;margin-inline-start:-18px;border-radius:999px;background:var(--cmp-line-strong)}.cmpg-watch-title{font-size:20px}.cmpg-watch-details{gap:12px;padding-block:14px 20px;padding-inline:max(var(--cmpg-rail-pad),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}.cmpg-watch-byline{order:1}.cmpg-watch-title{order:2}.cmpg-watch-counts{order:3}.cmpg-watch-cta{order:4}.cmpg-watch-note{order:5}.cmpg-social-error{order:6}.cmpg-watch-chips{order:7}.cmpg-watch-synopsis{order:8}.cmpg-comments{order:9}.cmpg-watch-details>.cmpg-sr,.cmpg-watch-hint{order:10}.cmpg-watch-note{margin-block-start:-4px}}@media (max-width:360px){.cmpg-watch-title{font-size:18px}}@media (max-width:600px) and (prefers-reduced-motion:no-preference){.cmpg-watch{animation:cmpg-sheet-in .26s cubic-bezier(.2,.8,.2,1)}.cmpg-watch-backdrop{animation:cmpg-fade-in .2s ease-out}}@keyframes cmpg-sheet-in{0%{transform:translateY(32px);opacity:0}to{transform:none;opacity:1}}@keyframes cmpg-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.cmpg-skeleton{animation:none}.cmpg-card,.cmpg-card:active{transition:none;transform:none}.cmpg-card-media video{transition:none}}.cmpg-pagewrap{display:grid;gap:24px}.cmpg-pagehead{display:grid;gap:8px}.cmpg-back{font-size:14px;display:inline-flex;align-items:center;min-block-size:44px;inline-size:-moz-fit-content;inline-size:fit-content}.cmpg-landing-head{margin-block-end:4px}.cmpg-landing-head .cmp-lead{margin-block-start:8px}