.post-detail{background:#e8e8e8}.detail-main{box-sizing:border-box;min-height:70svh;padding:calc(var(--header-height) + 14px) var(--gutter) 53px;max-width:1340px;margin:auto}@media (width>=810px){.detail-info{position:sticky;top:90px}}.detail-back-slot{height:38px;margin-bottom:14px}.back-to-feed{top:calc(var(--header-height) + 14px);left:max(var(--gutter), calc((100% - 1340px) / 2 + var(--gutter)));z-index:10;backdrop-filter:blur(8px);min-width:38px;min-height:38px;box-shadow:none;letter-spacing:-.02em;color:#888;background:#fffffff0;border:1px solid #0000000d;border-radius:999px;justify-content:center;align-items:center;gap:0;padding:0 12px;font-size:16px;font-weight:400;line-height:1.2;transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .2s,border-color .2s;display:inline-flex;position:fixed}.back-to-feed>span{opacity:0;white-space:nowrap;max-width:0;margin-left:0;transition:max-width .28s cubic-bezier(.22,1,.36,1),margin-left .28s cubic-bezier(.22,1,.36,1),opacity .18s;overflow:hidden}.back-to-feed:focus-visible>span{opacity:1;max-width:52px;margin-left:10px}@media (hover:hover) and (pointer:fine){.back-to-feed:hover>span{opacity:1;max-width:52px;margin-left:10px}}@media (prefers-reduced-motion:reduce){.back-to-feed>span{transition:none}}@media (width>=810px) and (hover:hover) and (pointer:fine){.back-to-feed:hover{background-color:#ffffffdb;border-color:#00000014}}.detail-content{align-items:flex-start;gap:44px;display:flex}.detail-media{flex:1;min-width:0}.detail-media .media--full,.detail-media .media--full img{max-height:none}.detail-media .media--full,.detail-zoom-content>.media{display:block}.detail-media .media--full img{height:auto}.detail-zoom-trigger{cursor:zoom-in;background:0 0;border:1px solid #00000014;width:100%;padding:0;display:block}.detail-info{flex:.8;min-width:0;max-width:440px}.detail-title-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.detail-title-row h1{letter-spacing:-.02em;margin:0;padding-right:17px;font-size:18px;font-weight:600;line-height:1.2}.detail-source.button{letter-spacing:-.03em;color:#000c;white-space:nowrap;flex:none;gap:8px;height:38px;min-height:38px;padding:6px 12px;font-size:14px;font-weight:500;line-height:1.6}.detail-source svg{color:#b8b8b8}.detail-source--mobile,.detail-mobile-views{display:none}.detail-creator{display:flex}.detail-creator .creator-tag{letter-spacing:-.02em;font-size:16px;line-height:1.2}.detail-creator .creator-tag>img{border:.4px solid #2121211c;width:17px;height:17px;margin-right:4px}.detail-meta{letter-spacing:-.02em;border-block:1px solid #00000014;flex-direction:column;gap:17px;margin-top:26px;padding:26px 0;font-size:14px;display:flex}.detail-meta>div{flex-direction:column;gap:8px;display:flex}.detail-meta>div:first-child{gap:10px}.detail-meta>div>span{color:#00000087;line-height:1.2}.detail-meta>div>a{color:#000c;font-weight:500;line-height:1.4;transition:color .18s}.detail-tools{flex-wrap:wrap;gap:4px;display:flex}.detail-tools a{color:#fff;background:#3d3d3d;border:1px solid #0000;border-radius:126px;padding:4px 8px;font-size:14px;font-weight:400;line-height:1.4;transition:background-color .18s}.detail-statistics{align-items:center;gap:8px;padding-top:26px;display:flex}.post-detail [data-views][data-metric-pending],.post-detail [data-metric-pending] [data-like-count]{color:#0000;background:#dedede;border-radius:4px}.post-detail [data-saved-pending] svg{opacity:.25}.detail-statistics .view-count{color:#1212129e;border-right:1px solid #00000014;gap:4px;min-height:36px;padding-right:8px;font-size:14px;font-weight:400;line-height:.8}.detail-statistics .view-count svg{color:#a1a1a1}.detail-statistics .like-button--light{color:#12121270;background:0 0;border:1px solid #0000002b;gap:6px;min-height:38px;padding:10px;font-size:16px;font-weight:400;line-height:1;transition:background-color .18s,border-color .18s,transform .18s}.detail-statistics .like-button--light svg{color:#1212125c;stroke:currentColor}.detail-statistics [data-like-count]{color:#12121287;font-weight:500}.detail-like-label{margin-left:-3px}.detail-statistics .like-button--light[aria-pressed=true]{background:#fff;border-color:#00000026}.detail-statistics .like-button--light[aria-pressed=true] svg{color:#e61900;stroke:currentColor}.detail-statistics .like-button--light[aria-pressed=true] [data-like-count]{color:#121212cc}@media (hover:hover) and (pointer:fine){.detail-meta>div>a:hover{color:#0000008c}.detail-tools a:hover{background-color:#555}.detail-statistics .like-button--light:hover{background-color:#ffffffa6;border-color:#0000003b}.detail-statistics .like-button--light[aria-pressed=true]:hover{background-color:#f4f4f4}}.detail-statistics .detail-share{color:#969696;background:0 0;width:30px;height:38px;min-height:38px;padding:6px;transition:color .18s}.detail-share svg{color:inherit}@media (hover:hover) and (pointer:fine){.detail-statistics .detail-share:hover{color:#111}}.detail-statistics .detail-share[aria-pressed=true]{color:#111}.related-section{background:#f7f7f7;border-top:1px solid #fff}.related-heading{max-width:1340px;padding:35px var(--gutter) 17px;justify-content:space-between;align-items:center;gap:10px;margin:auto;display:flex}.related-heading h2{letter-spacing:-.04em;font-size:16px;font-weight:500;line-height:1.2}.related-heading h2 a{color:inherit;text-decoration:none;transition:opacity .24s}@media (hover:hover){.related-heading h2 a:hover{opacity:.65}}.related-heading h2 .related-category span{color:#3e5bdc}.related-heading h2 .related-creator .verified{vertical-align:-1px;background-color:#075bff}.related-heading h2 em{color:#0000009e;font-style:normal}.related-heading>div{gap:8px;display:flex}.related-arrow .source-icon{width:20px;height:20px}.related-arrow{color:#545454;background:0 0;place-items:center;width:19px;height:20px;padding:0;display:grid}.related-arrow:disabled{opacity:.5;cursor:default}.related-track{overscroll-behavior-x:contain;--related-inset:max(var(--gutter), calc((100% - 1260px) / 2));padding:0 var(--related-inset) 44px;scroll-padding-inline:var(--related-inset);scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.related-track::-webkit-scrollbar{display:none}.related-track .post-card{width:auto;height:316px;aspect-ratio:var(--media-ratio);flex:none}.related-track .post-open{height:100%}.related-track .media{width:100%;height:100%;aspect-ratio:var(--media-ratio)}.related-track .media img{width:100%;height:100%}.related-track .post-card-top,.related-track .post-card-bottom{display:none}@media (width>=810px) and (hover:hover) and (pointer:fine){.related-track .post-card:hover .post-open>.media{transform:none}}.detail-media-dialog{background:0 0;border:0;width:100%;max-width:100%;height:100%;max-height:100dvh;margin:0;padding:40px 35px;overflow:auto}.detail-media-dialog[open]{display:flex}.detail-media-dialog::backdrop{background:0 0}.detail-zoom-backdrop{background:var(--overlay-backdrop-color);-webkit-backdrop-filter:blur(3px);cursor:zoom-out;position:fixed;inset:0}.detail-zoom-content{transform-origin:0 0;cursor:zoom-out;border:1px solid #00000014;flex:none;margin:auto;position:relative}.detail-zoom-content>.media{width:100%;height:auto;max-height:none;aspect-ratio:var(--media-ratio);background:0 0}.detail-zoom-content img,.detail-zoom-content video{cursor:zoom-out;object-fit:contain;width:100%;height:100%;max-height:none}.detail-zoom-close{opacity:0;pointer-events:none;position:fixed;top:12px;right:12px}.detail-zoom-close:focus-visible{opacity:1;pointer-events:auto}body:has(.detail-media-dialog[open]:not([data-phase=closing])){overflow:hidden}@media (width<=809.98px){.detail-main{padding-top:calc(var(--header-height) + 14px);padding-bottom:35px}.detail-content{flex-direction:column;gap:26px}.detail-info,.detail-media{width:100%;max-width:none}.detail-title-row h1{padding-right:0}.detail-mobile-views{color:#1212129e;gap:4px;font-size:14px;line-height:.8;display:inline-flex}.detail-mobile-views svg{color:#a1a1a1}.detail-title-row .detail-source,.detail-statistics .view-count{display:none}.detail-source--mobile.button{margin-left:auto;display:inline-flex}.detail-like-label{display:none}.detail-meta{margin-top:17px}.related-heading{padding-top:26px}.related-track .post-card{height:224px}.related-track .media{height:100%}.detail-media-dialog{padding:44px 16px}.detail-zoom-content{touch-action:none}}.detail-media-dialog[open][data-phase=closing]{clip-path:inset(var(--header-height,64px) 0 0)}.detail-zoom-placeholder{width:100%;display:block}.detail-zoom-content:focus{outline:none}