@layer components{.post-card-root{--post-card-meta:var(--muted-70);--post-card-category-color:var(--black-30);--post-card-description-color:var(--card-fan-page-card-body);--post-card-divider:var(--divider);--post-card-action-divider:var(--black-10);--post-card-media-overlay:var(--black-50);--post-card-media-foreground:var(--white-100);--post-card-locked-media-fill:var(--black-40);--post-card-lock-badge-fill:color-mix(in srgb, var(--black-13) 85%, transparent);--post-card-tier-chip-background:var(--black-5);--post-card-tier-chip-border:var(--black-10);--post-card-tier-chip-text:var(--muted-100);--post-card-tier-chip-selected-text:var(--black-100);width:min(100%, var(--size-396));border-radius:var(--radius-3xl);border:var(--size-1) solid var(--card-border);background:var(--card-background);flex-direction:column;align-items:center;display:flex;position:relative;overflow:clip}.dark .post-card-root{--post-card-meta:var(--fog-70);--post-card-category-color:var(--white-30);--post-card-action-divider:var(--white-10);--post-card-tier-chip-background:var(--white-5);--post-card-tier-chip-border:var(--white-10);--post-card-tier-chip-text:var(--fog-100);--post-card-tier-chip-selected-text:var(--white-100)}.post-card__author-row{justify-content:space-between;align-items:center;gap:var(--space-8);width:100%;padding:0;display:flex}.post-card__top-row{align-items:center;gap:var(--space-8);width:100%;display:flex}.post-card__title-row{align-items:flex-start;gap:var(--space-8);width:100%;display:flex}.post-card__copy{align-items:flex-start;gap:var(--space-8);flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.post-card__date{font-family:var(--font-main);font-size:var(--fs-12);font-weight:var(--fw-regular);line-height:var(--lh-32);letter-spacing:var(--ls-0);color:var(--post-card-category-color);white-space:nowrap;text-align:right;padding-inline:var(--space-8);font-variant-numeric:lining-nums proportional-nums;flex-shrink:0}.post-card__header-actions{align-items:center;gap:var(--space-8);flex-shrink:0;margin-left:auto;display:inline-flex}.post-card-root[data-overlay-navigation=true]{z-index:2;pointer-events:none}.post-card-root[data-overlay-navigation=true] .post-card__author-row,.post-card-root[data-overlay-navigation=true] .post-card__header-actions,.post-card-root[data-overlay-navigation=true] .post-card__tier-row,.post-card-root[data-overlay-navigation=true] .post-card__footer{pointer-events:auto}.post-card__media-shell{border:0;order:2;width:100%;padding:0;position:relative;container:post-media/inline-size}.post-card__body{width:100%;box-shadow:none;background:0 0;border:0;order:1;gap:0;padding:0}.post-card-root[data-layout=media-first] .post-card__media-shell{order:1}.post-card-root[data-layout=media-first] .post-card__body{order:2}.post-card-root[data-layout=media-first] .post-card__body[data-has-actions=true] .post-card__header{padding-bottom:0}.post-card__media:not([data-frame]){aspect-ratio:398/260;background:var(--black-14);width:100%;display:block;position:relative;overflow:hidden}.post-card__media.media-collection[data-layout]:not([data-frame]){aspect-ratio:398/260}.post-card__media:not([data-frame]) img,[data-slot=post-card-media-asset]{object-fit:cover;width:100%;height:100%;transition:filter .18s,transform .18s,opacity .18s;display:block}.post-card__header{align-items:flex-start;gap:var(--space-16);width:100%;padding:var(--space-16);flex-direction:column;display:flex}.post-card__meta{font-size:var(--fs-13);font-weight:var(--fw-regular);line-height:var(--lh-16);letter-spacing:var(--ls-0);color:var(--post-card-meta);font-family:var(--font-main);font-variant-numeric:lining-nums proportional-nums}.post-card__category{width:100%;font-size:var(--fs-13);font-weight:var(--fw-regular);line-height:var(--lh-16);letter-spacing:var(--ls-0);color:var(--post-card-category-color)}.post-card__top-row .post-card__category{width:auto}.post-card__title{width:100%;font-size:var(--fs-20);font-weight:var(--fw-semibold);line-height:var(--lh-28);letter-spacing:var(--ls-0);color:var(--card-title);font-family:var(--font-main);font-variant-numeric:lining-nums proportional-nums}.post-card__description{width:100%;font-size:var(--fs-14);font-weight:var(--fw-light);line-height:var(--lh-22);letter-spacing:var(--ls-0);color:var(--post-card-description-color);font-family:var(--font-main);font-variant-numeric:lining-nums proportional-nums;margin:0}.post-card__tier-row{align-items:center;gap:var(--space-8);flex-wrap:wrap;width:100%;min-width:0;display:flex}.post-card__tiers-label{color:var(--post-card-meta);font-family:var(--font-main);font-size:var(--fs-12);font-weight:var(--fw-medium);line-height:var(--lh-16);flex:none}.post-card__tiers{gap:var(--space-6);flex-wrap:wrap;flex:1;min-width:0;display:flex}.post-card__tier,.post-card__tier.chip-root,.post-card__tier-overflow{min-width:0;height:var(--size-32);align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-10);border-radius:var(--radius-full);border:var(--size-1) solid var(--post-card-tier-chip-border);background:var(--post-card-tier-chip-background);color:var(--post-card-tier-chip-text);font-family:var(--font-main);font-size:var(--fs-12);font-weight:var(--fw-medium);line-height:var(--lh-16);flex:none;display:inline-flex}.post-card__tier.chip-root{--chip-state-hover:color-mix(in srgb, var(--post-card-tier-color) 8%, transparent);--chip-state-pressed:color-mix(in srgb, var(--post-card-tier-color) 14%, transparent);cursor:pointer;box-shadow:none}.post-card__tier.chip-root:focus-visible{outline-color:var(--post-card-tier-color)}.post-card__tier .chip-content{gap:var(--space-6)}.post-card__tier .chip-icon-slot{width:var(--size-8);height:var(--size-8)}.post-card__tier-dot{width:var(--size-8);height:var(--size-8);border-radius:var(--radius-full);background:var(--post-card-tier-color);flex:none}.post-card__tier-name,.post-card__tier .chip-label{max-width:var(--size-160);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.post-card__tier[data-selected=true]{border-color:color-mix(in srgb, var(--post-card-tier-color) 55%, var(--post-card-tier-chip-border));background:color-mix(in srgb, var(--post-card-tier-color) 12%, var(--post-card-tier-chip-background));color:var(--post-card-tier-chip-selected-text)}.post-card__tier-check{width:var(--size-14);height:var(--size-14);color:var(--post-card-tier-color);flex:none}.post-card__tier-overflow{color:var(--post-card-meta)}.post-card__footer{width:100%;padding:var(--space-8);order:3;align-items:center;display:flex}.post-card__footer [data-slot=post-action]{gap:var(--space-8)}.post-card__action-divider{width:var(--size-1);height:var(--size-16);background:var(--post-card-action-divider);flex-shrink:0}.post-card__divider{margin-inline:var(--space-16);height:var(--size-1);background:var(--post-card-divider);border:0}.post-card__video-overlay{border-radius:var(--radius-full);background:var(--post-card-media-overlay);-webkit-backdrop-filter:blur(var(--blur-5));padding:var(--space-16);color:var(--post-card-media-foreground);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.post-card__video-overlay svg:not([class*=size-]){width:var(--size-24);height:var(--size-24)}.post-card__video-duration{left:var(--space-12);bottom:var(--space-12);align-items:center;gap:var(--space-4);border-radius:var(--radius-lg);background:var(--post-card-media-overlay);-webkit-backdrop-filter:blur(var(--blur-5));padding:var(--space-4) var(--space-8);font-size:var(--fs-12);font-weight:var(--fw-regular);line-height:var(--lh-16);color:var(--post-card-media-foreground);font-family:var(--font-main);display:inline-flex;position:absolute}@container (max-width:500px){.post-card__video-duration{left:var(--space-8);bottom:var(--space-8)}}.post-card__video-duration svg:not([class*=size-]){width:var(--size-16);height:var(--size-16)}.post-card__lock-badge{z-index:2;height:var(--size-44);border-radius:var(--radius-44);background:var(--post-card-lock-badge-fill);padding:var(--space-10);color:var(--white-100);box-shadow:var(--shadow-dark-200);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.post-card__lock-badge svg{width:var(--size-24);height:var(--size-24);flex-shrink:0}.post-card__lock-badge[data-labeled=true]{gap:var(--space-8);padding:var(--space-10) var(--space-16) var(--space-10) var(--space-14)}@container (max-width:299.98px){.post-card__lock-badge[data-labeled=true]{width:var(--size-44);height:var(--size-44);padding:var(--space-10)}.post-card__lock-badge .post-card__lock-label{display:none}}.post-card__lock-label{font-family:var(--font-main);font-size:var(--fs-14);font-weight:var(--fw-semibold);line-height:var(--lh-20);white-space:nowrap}.post-card-root[data-locked=true] .post-card__media-shell:not([data-media-kind=spoiler-preview]):after{content:"";pointer-events:none;z-index:1;background:var(--post-card-locked-media-fill);position:absolute;inset:0}.post-card-root[data-locked=true] [data-slot=post-card-media-asset]{pointer-events:none;-webkit-user-drag:none}.post-card-root[data-locked=true] [data-slot=spoiler-preview-media]{-webkit-user-drag:none}.post-card-root[data-locked=true] .post-card__video-overlay,.post-card-root[data-locked=true] .post-card__video-duration{opacity:0}.post-action-chip{isolation:isolate;align-items:center;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-full);color:var(--post-action-text);cursor:pointer;font-family:var(--font-main);font-variant-numeric:lining-nums proportional-nums;background:0 0;border:0;transition:color .18s;display:inline-flex;position:relative;overflow:hidden}.post-action-chip:after{content:"";pointer-events:none;border-radius:inherit;background:0 0;transition:background-color .18s;position:absolute;inset:0}.post-action-chip:hover:after{background:var(--post-action-state-hover)}.post-action-chip:active:after{background:var(--post-action-state-pressed)}.post-action-chip:focus-visible{outline:var(--size-2) solid var(--post-action-text);outline-offset:var(--space-2)}.post-action-chip:disabled{pointer-events:none;cursor:default;opacity:.5}.post-action-chip svg{width:var(--size-20);height:var(--size-20);pointer-events:none;flex-shrink:0}.post-action-chip__count{font-size:var(--fs-14);font-weight:var(--fw-regular);line-height:var(--lh-20);letter-spacing:var(--ls-0)}.post-action-chip__ripple{pointer-events:none;border-radius:var(--radius-full);background:var(--post-action-ripple);animation:.45s cubic-bezier(.2,0,0,1) chip-ripple;position:absolute;transform:scale(0)}.post-like-control{align-items:center;gap:var(--space-4);pointer-events:auto;display:inline-flex}.post-like-control .post-action-chip:disabled{pointer-events:auto}.post-like-control__error{color:var(--red-100)}}
@layer components{.spoiler-preview{--spoiler-preview-foreground:var(--white-100);--spoiler-preview-locked-fill:var(--black-40);--spoiler-preview-cell-fill:var(--gray-1b);--spoiler-preview-overlay-fill:var(--black-50);--spoiler-preview-lock-badge-fill:color-mix(in srgb, var(--black-13) 85%, transparent)}.spoiler-preview__media-frame,.spoiler-preview__media{width:100%;height:100%}.spoiler-preview__media-frame{position:relative}.spoiler-preview__media-frame[data-cell=fill]{background:var(--spoiler-preview-cell-fill)}.spoiler-preview__media{object-fit:cover;display:block}.media-collection__item[data-fit=contain] .spoiler-preview__media,.media-collection__item[data-fit=contain-ambient] .spoiler-preview__media{z-index:1;object-fit:contain;position:relative}.spoiler-preview__cell-dim{z-index:2;pointer-events:none;background:var(--spoiler-preview-locked-fill);-webkit-backdrop-filter:blur(var(--blur-10));position:absolute;inset:0}.spoiler-preview__lock-button{z-index:3;height:var(--size-44);justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-16) var(--space-10) var(--space-14);border-radius:var(--radius-44);background:var(--spoiler-preview-lock-badge-fill);color:var(--spoiler-preview-foreground);box-shadow:var(--shadow-dark-200);pointer-events:none;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spoiler-preview__lock-button svg{width:var(--size-24);height:var(--size-24);flex-shrink:0}@container (max-width:299.98px){.spoiler-preview__lock-button{width:var(--size-44);height:var(--size-44);padding:var(--space-10)}.spoiler-preview__lock-button .post-card__lock-label{display:none}}.spoiler-preview__manifest{left:var(--space-12);bottom:var(--space-12);z-index:3;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);background:var(--spoiler-preview-overlay-fill);-webkit-backdrop-filter:blur(var(--blur-5));color:var(--spoiler-preview-foreground);font-family:var(--font-main);font-size:var(--fs-12);font-weight:var(--fw-regular);line-height:var(--lh-16);letter-spacing:var(--ls-tight);pointer-events:none;display:inline-flex;position:absolute}.spoiler-preview__manifest svg{width:var(--size-14);height:var(--size-14);flex-shrink:0}.spoiler-preview__video-overlay{z-index:2;border-radius:var(--radius-full);background:var(--spoiler-preview-overlay-fill);-webkit-backdrop-filter:blur(var(--blur-5));padding:var(--space-16);color:var(--spoiler-preview-foreground);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spoiler-preview__video-overlay svg:not([class*=size-]){width:var(--size-24);height:var(--size-24)}.spoiler-preview__video-duration{left:var(--space-12);bottom:var(--space-12);z-index:2;align-items:center;gap:var(--space-4);border-radius:var(--radius-lg);background:var(--spoiler-preview-overlay-fill);-webkit-backdrop-filter:blur(var(--blur-5));padding:var(--space-4) var(--space-8);font-size:var(--fs-12);font-weight:var(--fw-regular);line-height:var(--lh-16);color:var(--spoiler-preview-foreground);font-family:var(--font-main);pointer-events:none;display:inline-flex;position:absolute}.spoiler-preview__video-duration svg:not([class*=size-]){width:var(--size-16);height:var(--size-16)}@container (max-width:500px){.spoiler-preview__manifest,.spoiler-preview__video-duration{left:var(--space-8);bottom:var(--space-8)}}@media (max-width:479.98px){.spoiler-preview__manifest,.spoiler-preview__video-duration{left:var(--space-8);bottom:var(--space-8)}}}