.cb,.cb-card,.cb-pcard{--cb-gutter:28px}.cb-bar{min-height:56px;padding:10px var(--cb-gutter);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);font:var(--text-ui);letter-spacing:var(--ls-ui);color:var(--color-ink);justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.cb-bar__count,.cb-bar__hint{font:400 14px/1.4 var(--font-sans);letter-spacing:-.01em;color:var(--color-muted-text);font-variant-numeric:tabular-nums}.cb-bar__right{align-items:center;gap:16px;margin-left:auto;display:flex}.cb-bar__list{color:var(--color-ink);align-items:center;display:flex}.cb-bar__list>span+span:before{content:"";vertical-align:-1px;background:currentColor;width:1px;height:12px;margin:0 8px;display:inline-block}@media (hover:none){.cb-bar__hint{display:none}}.cb-tab{flex:none}.cb :is(a,button):focus-visible,.cb-card :is(a,button):focus-visible,.cb-pcard :is(a,button):focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.cb-section{padding:32px var(--cb-gutter) 48px;flex-direction:column;gap:32px;display:flex}.cb-section[hidden]{display:none}.cb-pager{padding-top:32px}.cb-pager:empty{display:none}.cb-section__head{align-items:baseline;gap:12px;display:flex}.cb-section__heading{font:700 18px/1.5 var(--font-sans);letter-spacing:-.02em;color:var(--color-ink)}.cb-grid{grid-template-columns:repeat(var(--cb-cols), minmax(0, 1fr));gap:16px;display:grid}.cb-grid:focus{outline:none}.cb-grid--3{--cb-cols:3}.cb-grid--2{--cb-cols:2}.cb-empty{text-align:center;color:var(--color-text);grid-column:1/-1;padding:12px 0}.cb-empty--search{flex-direction:column;align-items:center;gap:8px;max-width:460px;margin:0 auto;padding:48px 0;display:flex}.cb-empty__title{font:700 18px/1.4 var(--font-sans);letter-spacing:-.02em;color:var(--color-ink);overflow-wrap:anywhere}.cb-empty-card{text-align:center;grid-column:1/-1;padding:32px 24px}.cb-empty-card .cb-empty-card__links{margin-top:8px}.cb-soon{text-align:center;padding:24px}.cb-badge--date{font-variant-numeric:tabular-nums}.cb-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-width:0;box-shadow:none;flex-direction:column;transition:border-color .2s;display:flex;position:relative;overflow:hidden;container:cb-card/inline-size}.cb-card:hover{border-color:var(--color-line-strong)}.cb-card__media{border-bottom:1px solid var(--color-border);background:var(--color-muted);flex-direction:column;flex:1 0 auto;justify-content:space-evenly;align-items:center;min-height:230px;display:flex;position:relative;overflow:hidden}.cb-card__guide{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);flex:1 0 15px;width:90%}.cb-card__rule+.cb-card__guide{flex-basis:46px}.cb-card__rule{border-top:1px solid var(--color-border);flex:none;align-self:stretch}.cb-card--thumb .cb-card__media>:not(.cb-card__badges){transition:transform .4s cubic-bezier(.2,.7,.2,1)}.cb-card--thumb:hover .cb-card__media>:not(.cb-card__badges){transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.cb-card--thumb .cb-card__media>:not(.cb-card__badges){transition:none}.cb-card--thumb:hover .cb-card__media>:not(.cb-card__badges){transform:none}}.cb-card__img{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);background:var(--color-surface);width:90%;height:auto}.cb-card__live{aspect-ratio:1440/980;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);background:var(--color-surface);width:90%;display:block;position:relative;overflow:hidden}.cb-card__live iframe{transform-origin:0 0;pointer-events:none;border:0;width:1440px;height:980px;position:absolute;top:0;left:0}.cb-card__badges{z-index:1;justify-content:space-between;align-items:center;gap:8px;padding:0 12px 12px;display:flex;position:absolute;inset:auto 0 0}.cb-card__badges-start{gap:6px;display:flex}.cb-card__bar{align-items:center;gap:8px;margin-top:0;padding:12px 14px;display:flex}.cb-card__title{min-width:0;font:700 15px/1.3 var(--font-sans);letter-spacing:-.02em;color:var(--color-ink);flex:1}.cb-card__title a:hover{text-underline-offset:3px;text-decoration:underline}.cb-card__actions{flex:none;align-items:center;gap:8px;display:flex}.cb-card__copy>.btn{border:1px solid var(--color-border);background:var(--color-surface);width:auto;height:40px;color:var(--color-ink);font:700 14px/1.5 var(--font-sans);letter-spacing:-.01em;padding:6px 20px 6px 25px}.cb-card__copy>.btn:hover{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface)}.cb-icon-btn{border:1px solid var(--color-border);border-radius:var(--radius-button);width:40px;height:40px;color:var(--color-ink);flex:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.cb-icon-btn:hover{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface)}@container cb-card (width<=320px){.cb-card__bar{flex-wrap:wrap;row-gap:10px}.cb-card__title{flex-basis:100%}.cb-card__actions,.cb-card__copy{flex:1}.cb-card__copy>.btn{width:100%}}.cb-card:has(.cb-card__copy a[href^=\/unlock-pro]) .cb-card__bar{flex-wrap:wrap;row-gap:10px}.cb-card:has(.cb-card__copy a[href^=\/unlock-pro]) .cb-card__title{flex-basis:100%}.cb-card:has(.cb-card__copy a[href^=\/unlock-pro]) :is(.cb-card__actions,.cb-card__copy){flex:1}.cb-card:has(.cb-card__copy a[href^=\/unlock-pro]) .cb-card__copy>.btn{width:100%}.cb-card--loop .cb-card__media{background:var(--color-surface);padding:20px 0}.cb-card--loop .cb-card__img{border:0;width:60%}.cb-card--loop .cb-card__badges{padding:0 14px 12px}.cb-card--live{--cb-live-inset:12px;--cb-live-btn-w:30px;--cb-live-btn-h:26px}.cb-card--live .cb-card__frame{flex:none;width:90%}.cb-card--live .cb-card__frame .pf-card{display:block}.cb-card--live .cb-card__frame .pf-card .pf-preview{aspect-ratio:1440/980;border-width:0 1px;border-color:var(--color-border);background-color:var(--color-muted);border-radius:0;min-height:0}.cb-card--live .pf-toolbar{top:var(--cb-live-inset);right:var(--cb-live-inset);z-index:2;position:absolute}.cb-card--live .pf-devices{padding:2px}.cb-card--live .pf-btn{width:var(--cb-live-btn-w);height:var(--cb-live-btn-h);padding:0}.cb-card--live .cb-card__badges{padding:0 var(--cb-live-inset) var(--cb-live-inset);pointer-events:none;align-items:flex-end}.cb-card--live .cb-badge{pointer-events:auto}.cb-card--live .cb-card__badges-start{flex-wrap:wrap;align-items:center}@media (pointer:coarse){.cb-card--live{--cb-live-btn-w:36px;--cb-live-btn-h:30px}}@media (hover:none){.cb-card--live .pf-iframe{pointer-events:none}}.cb-pcard{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;min-width:0;padding:12px;transition:border-color .2s;display:flex;position:relative;container:cb-pcard/inline-size}.cb-pcard:hover{border-color:var(--color-line-strong)}.cb-pcard__head{z-index:1;align-items:center;gap:8px;max-width:calc(100% - 196px);height:38px;display:flex;position:absolute;top:12px;left:12px}.cb-pcard__title{min-width:0;max-width:100%;font:700 15px/1.3 var(--font-sans);letter-spacing:-.02em;color:var(--color-ink);flex:none}.cb-pcard__title a{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.cb-pcard__title a:hover{text-underline-offset:3px;text-decoration:underline}.cb-pcard__badges{flex-wrap:wrap;flex:0 auto;gap:22px 6px;min-width:0;height:22px;display:flex;overflow:hidden}.cb-pcard__badges:before{content:"";margin-right:-6px}.cb-pcard__frame{position:relative;container-type:inline-size}.cb-pcard__frame .pf-card{gap:12px}.cb-pcard__frame .pf-preview{border-color:var(--color-border);background-color:var(--color-muted);border-radius:10px;max-height:calc(68.0556cqw + 2px)}.cb-pcard--post .cb-pcard__frame .pf-preview{min-height:300px}.cb-pcard .cb-card__actions{gap:6px;margin-top:12px}.cb-pcard .cb-card__copy{flex:1}.cb-pcard .cb-card__copy>.btn{width:100%;height:40px;padding:6px 18px}@container cb-pcard (width<=360px){.cb-pcard__frame .pf-btn:not([data-size=fullscreen]),.cb-pcard__frame .pf-divider{display:none}.cb-pcard__head{max-width:calc(100% - 84px)}}.cb-pagination{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.cb-page{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-width:36px;height:36px;font:500 14px/1 var(--font-sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-ink);justify-content:center;align-items:center;padding:0 6px;transition:border-color .2s;display:inline-flex}a.cb-page:hover{border-color:var(--color-line-strong)}.cb-page.is-current{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface)}.cb-page--nav{padding:0 14px}@media (width<=1300px){.cb-grid--3{--cb-cols:2}}@media (width<=1024px){.cb,.cb-card,.cb-pcard{--cb-gutter:24px}}@media (width<=767px){.cb,.cb-card,.cb-pcard{--cb-gutter:20px}.cb-grid--3,.cb-grid--2{--cb-cols:1}.cb-section{padding:24px var(--cb-gutter) 40px}.cb-section__heading{font-size:16px}.cb-pager{padding-top:24px}.cb-bar__list,.cb-bar__hint{display:none}.cb-bar--tabs{flex-wrap:wrap}.cb-tabs{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.cb-tabs::-webkit-scrollbar{display:none}.cb .cb-tab:focus-visible{outline-offset:-2px}.cb-card .cb-card__copy>.btn{font-size:16px}.cb-pcard .pf-btn:not([data-size=fullscreen]),.cb-pcard .pf-divider{display:none}.cb-pcard__head{max-width:calc(100% - 84px)}.cb-section__head{flex-wrap:wrap}}