.pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ph{aspect-ratio:1;background:var(--sand,#eee);cursor:pointer;border-radius:14px;position:relative;overflow:hidden}.ph img{object-fit:cover;width:100%;height:100%;display:block}.ph.a.is-active{outline:2.5px solid var(--a);outline-offset:-2px}.ph.b.is-active{outline:2.5px solid var(--b);outline-offset:-2px}.vote-corner{z-index:1;align-items:center;gap:6px;display:flex;position:absolute;bottom:9px}.ph.a .vote-corner{left:9px}.ph.b .vote-corner{flex-direction:row-reverse;right:9px}.tag{font-family:var(--font-headline);color:#fff;text-shadow:0 2px 8px #00000073;pointer-events:none;font-size:24px;font-weight:700;line-height:1}.ph>.tag{position:absolute;bottom:9px}.ph>.tag.A{left:11px}.ph>.tag.B{right:11px}.heart{background:color-mix(in srgb, var(--elevated) 92%, transparent);width:32px;height:32px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;transition:transform .12s;display:flex}.heart:active{transform:scale(.86)}.heart.on.a{color:var(--a)}.heart.on.b{color:var(--b)}.tug{border-radius:8px;height:28px;margin:13px 0 9px;display:flex;position:relative;overflow:hidden}.tug .a{background:var(--a);min-width:0}.tug .b{background:var(--b);flex:1;min-width:0}.tug--muted .a,.tug--muted .b{background:#c8c8c8}.tug--muted .a{flex:1}.tug-hint{z-index:2;color:#fff;text-align:center;pointer-events:none;text-shadow:0 1px 2px #00000040;justify-content:center;align-items:center;padding:0 10px;font-size:11.5px;font-weight:700;line-height:1.2;display:flex;position:absolute;inset:0}.tug-label{z-index:1;color:#fff;pointer-events:none;text-shadow:0 1px 2px #00000059;white-space:nowrap;font-size:12px;font-weight:700;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.tug-label-a{left:8px}.tug-label-b{right:8px}.post-detail{background:var(--paper);color:var(--ink);font-family:var(--font-body)}.post-detail .body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.post-detail .body::-webkit-scrollbar{width:0;height:0}.post-detail .pad{padding:16px 16px 20px}.post-detail .vote-ended-note{color:var(--muted);text-align:center;margin:0 0 10px;font-size:13px;font-weight:700}.post-detail .crow{align-items:center;gap:10px;margin-bottom:11px;display:flex}.post-detail .av{object-fit:cover;background:var(--placeholder);border-radius:50%;flex:none;width:32px;height:32px}.post-detail .uname{font-size:13px;font-weight:700}.post-detail .dotsep{color:var(--muted);font-size:13px}.post-detail .follow{border:1.5px solid var(--line);background:var(--elevated);cursor:pointer;border-radius:20px;margin-left:auto;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:700}.post-detail .follow.on{background:var(--inverse-bg);color:var(--inverse-fg);border-color:var(--inverse-bg)}.post-detail .follow:disabled{cursor:not-allowed;opacity:.5}.post-detail .q{font-family:var(--font-headline);letter-spacing:-.01em;margin:10px 0 14px;font-size:21px;font-weight:600;line-height:1.25}.post-detail .post-location{color:var(--muted);align-items:center;gap:4px;margin:0 0 14px;font-size:13px;font-weight:500;display:flex}.post-detail .detail-block{color:#4a4138;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 14px;font-size:14px;line-height:1.5}.post-detail .tag-chip{background:var(--sand);color:var(--minihead);border-radius:20px;margin-bottom:6px;margin-right:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.post-detail .btn{cursor:pointer;text-align:center;border:none;border-radius:13px;width:100%;padding:13px;font-family:inherit;font-size:16px;font-weight:700}.post-detail .btn:active{transform:scale(.99)}.post-detail .btn.ghost{background:var(--elevated);color:var(--ink);border:1.5px solid var(--line)}.post-detail .btnsm{cursor:pointer;border:none;border-radius:11px;flex:none;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700}.post-detail .minihead{color:var(--minihead);margin-bottom:6px;font-size:12px;font-weight:700}.post-detail .comment-vote-badge{vertical-align:middle;border-radius:4px;justify-content:center;align-items:center;margin-left:4px;padding:0 4px;font-size:10px;font-weight:800;line-height:1.4;display:inline-flex}.post-detail .comment-vote-badge.a{background:var(--a-soft,#e8f4ea);color:var(--a,#2d6a4f)}.post-detail .comment-vote-badge.b{background:var(--b-soft,#fde8e8);color:var(--b,#c0392b)}.post-detail .comment-author-badge{vertical-align:middle;background:color-mix(in srgb, var(--primary,#e85d04) 12%, transparent);color:var(--primary,#e85d04);border-radius:4px;justify-content:center;align-items:center;margin-left:4px;padding:0 4px;font-size:10px;font-weight:800;line-height:1.4;display:inline-flex}.post-detail .inp{border:1.5px solid var(--line);background:var(--elevated);color:var(--ink);border-radius:12px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px}.post-detail .inp:focus{border-color:var(--brand)}.post-detail .inp::placeholder{color:var(--muted)}.post-detail .vote-meta-note{text-align:center;color:var(--muted);margin-top:6px;font-size:12px}.post-detail .vote-meta-note .vote-hot{color:#e85028;vertical-align:-2px;align-items:center;gap:2px;margin-left:4px;display:inline-flex}.post-detail .vote-meta-note .vote-hot .vote-hot-icon{width:14px;height:14px}.post-detail .ab-compare{flex-direction:column;row-gap:10px;margin-bottom:12px;display:flex}.post-detail .pair .ph.a{outline:2.5px solid var(--a);outline-offset:-2px}.post-detail .pair .ph.b{outline:2.5px solid var(--b);outline-offset:-2px}.post-detail .pair-labels{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:grid}.post-detail .pair-labels .lbl-a{color:var(--a)}.post-detail .pair-labels .lbl-b{color:var(--b);text-align:right}.post-detail .social-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:20px;margin:16px 0;padding:14px 0;display:flex}.post-detail .social-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.post-detail .social-btn.on{color:var(--brand)}.post-detail .social-btn:disabled{opacity:.5;cursor:not-allowed}.post-detail .comment-row{border-top:1px solid var(--line);padding:11px 0}.post-detail .comment-row .comment-row{border-top:none;padding-top:8px;padding-bottom:8px}.post-detail .comment-row-inner{align-items:flex-start;gap:8px;display:flex}.post-detail .comment-row-main{flex:1;min-width:0}.post-detail .comment-row-avatar{object-fit:cover;background:var(--placeholder);border-radius:50%;flex:none;width:32px;height:32px}.post-detail .comment-row-avatar--fallback{color:#6b7280;text-align:center;background:#e5e7eb;justify-content:center;align-items:center;font-size:10px;line-height:1;display:flex;overflow:hidden}.post-detail .comment-row-head{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.post-detail .comment-row-head-meta{flex:1;min-width:0}.post-detail .comment-row-actions{color:#576f76;flex-shrink:0;align-items:center;gap:16px;margin-top:6px;font-size:12px;font-weight:600;display:inline-flex}.post-detail .comment-row-action-btn{color:inherit;line-height:1;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.post-detail .comment-row-action-btn:hover:not(:disabled){color:var(--ink)}.post-detail .comment-row-action-btn:disabled{opacity:.5;cursor:default}.post-detail .comment-row-action-btn--like.on{color:var(--brand)}.post-detail .comment-row-action-btn--like.on .comment-row-action-icon{color:var(--brand);background-color:currentColor}.post-detail .comment-row-action-btn--delete:hover:not(:disabled){color:#dc2626}.post-detail .comment-row-action-icon{flex:none;width:14px;height:14px}.post-detail .comment-row-time{color:var(--muted);font-size:12px;font-weight:400}.post-detail .comment-row-body{color:#4a4138;margin-top:3px;font-size:14px}.post-detail .comment-compose-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}@keyframes post-detail-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.post-detail .skeleton-block{background:var(--sand);border-radius:8px;animation:1.4s ease-in-out infinite post-detail-skeleton-pulse}.post-detail .skeleton-block--circle{border-radius:50%}.post-detail .skeleton-block--pill{border-radius:20px}.post-detail .skeleton-block--card{border-radius:18px}.post-detail .skeleton-author-row{align-items:center;gap:10px;margin-bottom:11px;display:flex}.post-detail .skeleton-author-row__follow{margin-left:auto}.post-detail .skeleton-title{margin:10px 0 14px}.post-detail .skeleton-desc{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.post-detail .skeleton-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.post-detail .skeleton-social-row{gap:16px;margin:16px 0;display:flex}.post-detail .skeleton-comment-filters{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.post-detail .skeleton-comment-item{border-top:1px solid var(--line);padding:11px 0}.post-detail .skeleton-comment-item__head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.post-detail .skeleton-comment-item__body{flex-direction:column;gap:6px;display:flex}.post-detail-ab-wipe{color:#fff;background:#191512;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;overflow:visible}.post-detail-ab-wipe__head{flex:none;justify-content:space-between;align-items:center;padding:13px;display:flex}.post-detail-ab-wipe__head b{color:#fff;font-size:14px;font-weight:700}.post-detail-ab-wipe__head-spacer{flex:none;width:40px;height:30px}.post-detail-ab-wipe__swipe{flex:1;min-height:0;display:flex;overflow:hidden}.post-detail-ab-wipe__brand{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));flex:none;justify-content:center;align-items:center;display:flex}.post-detail-ab-wipe__brand-logo{flex:none;width:auto;height:28px;display:block}