.post-detail-page{gap:0;display:grid}.post-modal-layer{top:0;bottom:0;left:var(--post-modal-left,max(0px, calc(50% - 300px)));z-index:120;box-sizing:border-box;width:var(--post-modal-width,600px);overscroll-behavior:contain;border-inline:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card-hover);position:fixed;overflow-y:auto}.post-modal-page{background:var(--surface);min-height:100%}html.post-modal-open{scrollbar-width:none}html.post-modal-open::-webkit-scrollbar{display:none}.post-detail-card,.post-detail-replies{border:0;border-bottom:1px solid var(--line);background:var(--surface);border-radius:0}.post-detail-card{padding:16px 16px 14px;position:relative}.post-back-button{z-index:20;border:0;border-bottom:1px solid var(--line);background:var(--surface);width:100%;min-height:48px;color:var(--accent);-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;text-align:left;align-items:center;gap:10px;padding:0 16px;font-size:15px;font-weight:800;display:inline-flex;position:sticky;top:0}.post-back-button:hover,.post-back-button:focus-visible{color:var(--accent-hover)}.post-back-button svg{width:22px;height:22px}.post-detail-header{grid-template-columns:52px minmax(0,1fr) 32px;align-items:start;gap:12px;display:grid}.post-detail-header .post-author-name{color:var(--ink);margin:0;font-size:16px;font-weight:800;line-height:1.15}.post-detail-header p{color:var(--muted);margin:5px 0 0;font-size:14px}.post-detail-content{color:var(--ink);margin:16px 0 12px;font-size:19px;line-height:1.46}.post-detail-card .post-image-frame{aspect-ratio:1;max-width:none;margin:0 0 12px}.post-detail-replies{gap:0;padding:0 16px 12px;display:grid}.post-detail-replies h2{color:var(--ink);margin:0;padding:13px 0 8px;font-size:17px;font-weight:800;line-height:1.2}.post-detail-replies .reply-preview{border-bottom:1px solid color-mix(in srgb, var(--line) 72%, transparent);grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px 0}.post-detail-replies .reply-preview:before{content:none}.post-detail-replies .reply-avatar{width:38px;height:38px}.post-detail-replies .reply-header strong,.post-detail-replies .reply-header span,.post-detail-replies .reply-preview p{font-size:14px}.post-detail-replies .reply-preview p{line-height:1.4}@media (max-width:1200px){.post-modal-layer{height:calc(100dvh - 68px);top:68px;bottom:auto}}@media (max-width:820px){.post-modal-layer{border-inline:0;width:auto;height:auto;inset:0}.post-modal-layer .post-modal-page{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.post-modal-layer .post-back-button{z-index:100;box-sizing:border-box;width:calc(100% + 32px);min-height:calc(56px + env(safe-area-inset-bottom,0px));padding:0 32px env(safe-area-inset-bottom,0px);border-top:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0;justify-content:flex-end;position:fixed;inset:auto -16px 0;box-shadow:0 -10px 24px #0f172a1f}.post-detail-card,.post-detail-replies{padding:16px}.post-detail-header{grid-template-columns:60px minmax(0,1fr) 24px;gap:12px}.post-detail-header .avatar{width:60px;height:60px}.post-detail-content{font-size:19px}}@media (max-width:520px){.post-detail-header{grid-template-columns:54px minmax(0,1fr) 24px;gap:10px}}