.s-community{--ctl-glass:var(--cx-tile);--ctl-glass-hover:var(--cx-tile-hover);--ctl-line:var(--cx-tile-line);--ctl-line-hover:var(--cx-tile-line-hover);--ctl-ink:var(--cx-cap);--ctl-focus:var(--cx-focus);--ctl-lens:blur(16px) saturate(1.4);--seg-active-bg:var(--cx-tile-hover);--seg-active-ink:#ffffff}[data-theme=light] .s-community{--ctl-ink:var(--text-dim);--seg-active-ink:#14151c}.s-community .cwall{--wall-gutter:0.75rem;--wall-gap:0.75rem;--wall-radius:1rem;--resolve:cubic-bezier(0.16,1,0.3,1);--on-media:#f5f7fb;--on-media-dim:rgba(245,247,251,0.74);position:relative;min-height:100svh;padding-top:var(--header-h)}.s-community .cwall ::-moz-selection{background:color-mix(in srgb,var(--accent-purple) 42%,transparent);color:var(--text)}.s-community .cwall ::selection{background:color-mix(in srgb,var(--accent-purple) 42%,transparent);color:var(--text)}.s-community .cwall__h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.s-community .cwall__rail{position:relative;z-index:5;transition:transform .36s var(--ease),visibility 0s linear .3s}.s-community .cwall__rail .cseg{transition:opacity .3s var(--ease)}.s-community .cwall__rail[data-handed-off]{transform:translateY(-10px);visibility:hidden;pointer-events:none}.s-community .cwall__rail[data-handed-off] .cwall__rail-inner>*{opacity:0}.s-community .cwall__rail-inner{display:flex;align-items:center;justify-content:safe center;gap:8px;padding:.75rem var(--wall-gutter)}.s-community:has(>.cwall__navfilters){display:contents}.s-community .cwall__navfilters{pointer-events:auto;display:flex;align-items:center;gap:8px}.s-community .cseg{display:inline-flex;flex:none;gap:1px;padding:2px;border-radius:999px;border:1px solid var(--ctl-line);background:var(--ctl-glass);backdrop-filter:var(--ctl-lens)}.s-community .cseg__btn{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;font-size:12px;line-height:1;font-weight:500;white-space:nowrap;color:var(--ctl-ink);transition:color .18s var(--ease),background .18s var(--ease);border:0;background:none;font-family:inherit;cursor:pointer}@media (min-width:1600px){.s-community .cseg__btn{height:32px;padding:0 13px;font-size:13px}}.s-community .cseg__btn:hover{color:var(--text)}.s-community .cseg__btn[aria-pressed=true]{background:var(--seg-active-bg);color:var(--seg-active-ink)}.s-community .cseg__btn:focus-visible{outline:2px solid var(--ctl-focus);outline-offset:1px}.s-community .cwall__publish,.s-community .cwall__totop{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;padding:0;border-radius:999px;border:1px solid var(--ctl-line);background:var(--ctl-glass);color:var(--ctl-ink);cursor:pointer;backdrop-filter:var(--ctl-lens);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease),transform .16s var(--ease),opacity .3s var(--ease)}.s-community .cwall__publish svg,.s-community .cwall__totop svg{width:17px;height:17px}@media (min-width:1600px){.s-community .cwall__publish,.s-community .cwall__totop{width:36px;height:36px}.s-community .cwall__publish svg,.s-community .cwall__totop svg{width:19px;height:19px}}.s-community .cwall__publish:hover,.s-community .cwall__totop:hover{background:var(--ctl-glass-hover);border-color:var(--ctl-line-hover);color:var(--text);transform:translateY(-1px)}.s-community .cwall__publish:active,.s-community .cwall__totop:active{transform:translateY(0)}.s-community .cwall__publish:focus-visible,.s-community .cwall__totop:focus-visible{outline:2px solid var(--ctl-focus);outline-offset:2px}.s-community .cwall__well{padding:0 var(--wall-gutter) clamp(3rem,2rem + 4vw,6rem)}.s-community .cwall__grid{display:flex;align-items:flex-start;gap:var(--wall-gap);width:100%;max-width:calc((100% - (var(--cols-max) - 1) * var(--wall-gap)) / var(--cols-max) * var(--cols) + (var(--cols) - 1) * var(--wall-gap));margin-inline:auto}.s-community .cwall__col{display:flex;flex-direction:column;gap:var(--wall-gap);flex:1 1 0;min-width:0}.s-community .cpost{position:relative;overflow:hidden;border-radius:var(--wall-radius);background:var(--media-bg);isolation:isolate}.s-community .cpost__media{position:absolute;inset:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .72s var(--resolve)}.s-community .cpost:focus-within .cpost__media,.s-community .cpost:hover .cpost__media{transform:scale(1.042)}.s-community .cpost__open{position:absolute;inset:0;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:transparent;cursor:pointer}.s-community .cpost:has(.cpost__open:focus-visible){outline:2px solid var(--text);outline-offset:-2px}.s-community .cpost__pip{position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem;z-index:2;display:inline-flex;align-items:center;gap:.1875rem;height:1.375rem;padding-block:0;padding-inline:.3125rem .4375rem;border-radius:999px;background:rgba(8,10,18,.56);backdrop-filter:blur(8px);color:var(--on-media);font-size:.6875rem;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.01em}.s-community .cpost__pip svg{width:.75rem;height:.75rem}.s-community .cpost__foot>*,.s-community .cpost__scrim{opacity:0;transition:opacity .28s var(--ease)}.s-community .cpost:focus-within .cpost__foot>*,.s-community .cpost:focus-within .cpost__scrim,.s-community .cpost:hover .cpost__foot>*,.s-community .cpost:hover .cpost__scrim{opacity:1}.s-community .cpost__scrim{z-index:1;height:48%;background:linear-gradient(0deg,rgba(4,5,10,.82) 0,rgba(4,5,10,.46) 42%,rgba(4,5,10,0))}.s-community .cpost__foot,.s-community .cpost__scrim{position:absolute;inset-block:auto 0;inset-inline:0;pointer-events:none}.s-community .cpost__foot{z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;padding:.625rem .75rem}.s-community .cpost__credit{display:flex;flex-direction:column;gap:.0625rem;min-width:0}.s-community .cpost__author{pointer-events:auto;align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--on-media);font-size:.8125rem;font-weight:500;line-height:1.25;text-decoration-color:transparent;text-underline-offset:.1875em;transition:text-decoration-color .18s var(--ease)}.s-community .cpost__author:hover{text-decoration:underline;text-decoration-color:currentColor}.s-community .cpost__author:focus-visible{outline:2px solid var(--on-media);outline-offset:2px;border-radius:.25rem}.s-community .cpost__recipe{display:flex;align-items:center;gap:.3125rem;min-width:0;color:var(--on-media-dim);font-size:.6875rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-community .cpost__recipe i{font-style:normal;opacity:.55}.s-community .cpost__like{pointer-events:auto;display:inline-flex;align-items:center;gap:.25rem;flex:none;height:1.625rem;padding-block:0;padding-inline:.4375rem .5rem;border:0;border-radius:999px;background:rgba(8,10,18,.5);backdrop-filter:blur(8px);color:var(--on-media);font-size:.75rem;font-weight:500;font-family:inherit;line-height:1;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .18s var(--ease),transform .16s var(--ease)}.s-community .cpost__like svg{width:.9375rem;height:.9375rem}.s-community .cpost__like:hover{background:rgba(8,10,18,.74);transform:translateY(-1px)}.s-community .cpost__like:focus-visible{outline:2px solid var(--on-media);outline-offset:2px}.s-community .cpost__like.is-liked svg{color:#ff4d5e;animation:cwall-like-pop .34s var(--ease)}@keyframes cwall-like-pop{0%{transform:scale(1)}42%{transform:scale(1.3)}to{transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.s-community .cpost[data-armed]{opacity:0;filter:blur(10px);transform:translateY(14px) scale(.988)}.s-community .cpost[data-in]{opacity:1;filter:blur(0);transform:none;transition:opacity .5s var(--resolve) calc(var(--i, 0) * 34ms),filter .56s var(--resolve) calc(var(--i, 0) * 34ms),transform .56s var(--resolve) calc(var(--i, 0) * 34ms)}}.s-community .cwall__empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:clamp(5rem,4rem + 8vw,10rem) 1.25rem;text-align:center}.s-community .cwall__empty-line{margin:0;max-width:28rem;font-size:1.0625rem;line-height:1.5;color:var(--text-dim)}.s-community .cwall__empty-btn{height:2.375rem;padding:0 1.125rem;border-radius:999px;border:1px solid var(--card-line);background:var(--ic-box-bg);color:var(--text);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease)}.s-community .cwall__empty-btn:hover{border-color:var(--card-hover-line);background:var(--menu-hl)}.s-community .cwall__empty-btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}@media (max-width:1080px){.s-community .cwall{--wall-gutter:0.625rem;--wall-gap:0.625rem;--wall-radius:0.875rem}}@media (max-width:620px){.s-community .cwall{--wall-gutter:0.5rem;--wall-gap:0.5rem}.s-community .cwall__rail-inner{padding-block:.625rem;overflow-x:auto;scrollbar-width:none}.s-community .cwall__rail-inner::-webkit-scrollbar{display:none}.s-community .cwall__publish{position:sticky;inset-inline-end:0}.s-community .cpost__foot{padding:.5rem}.s-community .cpost__recipe{display:none}}@media (hover:none){.s-community .cpost__foot>*,.s-community .cpost__scrim{opacity:1}.s-community .cpost__media{transition:none}}@media (prefers-reduced-motion:reduce){.s-community .cpost__media{transition:none}.s-community .cpost:focus-within .cpost__media,.s-community .cpost:hover .cpost__media{transform:none}.s-community .cpost__like.is-liked svg{animation:none}}