.feed-scroll{flex:1;overflow-y:auto;padding-bottom:calc(var(--bottom-bar) + var(--sab) + 8px);-webkit-overflow-scrolling:touch}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.post-header{display:flex;align-items:center;gap:10px;padding:10px 12px 6px}.post-ava{width:38px;height:38px;border-radius:50%;overflow:hidden;border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#562AE8,#562AE8)}.post-ava img{width:100%;height:100%;object-fit:cover}.post-ava .al{color:white;font-size:16px;font-weight:800}.post-meta{flex:1}.post-username{font-size:14px;font-weight:800;color:var(--text)}.post-time{font-size:12px;color:var(--text2)}.post-more{color:var(--text2);background:none;border:none;cursor:pointer;font-size:22px;font-weight:700;line-height:1;padding:4px 8px;font-family:'Inter',sans-serif}.post-image{width:100%;display:block;max-height:480px;object-fit:cover;background:var(--input-bg)}.post-caption{padding:6px 12px 10px;font-size:16px;font-weight:700;line-height:1.7;color:var(--text)}.post-caption-top{padding:2px 12px 0;font-size:16px;font-weight:700;line-height:1.7;color:var(--text)}.post-caption strong{font-weight:800;margin-right:6px}.post-actions{display:flex;align-items:center;gap:0;padding:4px 4px 4px 4px}.action-btn{background:none;border:none;color:var(--text);cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .15s}.action-btn:active{transform:scale(.82)}.action-btn svg{width:28px;height:28px}.action-btn.liked svg{stroke:#e41c23;fill:#e41c23}.action-btn.liked{color:#e41c23}.action-btn.saved svg{stroke:#f5c518;fill:#f5c518}.action-btn.saved{color:#f5c518}.emoji-picker{position:absolute;bottom:48px;left:0;background:var(--card);border:1px solid var(--border);border-radius:30px;padding:8px 12px;display:flex;gap:6px;box-shadow:0 4px 20px rgba(0,0,0,.18);z-index:999;animation:emojiPop .2s ease}.emoji-picker span{font-size:26px;cursor:pointer;transition:transform .15s;line-height:1}.emoji-picker span:active{transform:scale(1.3)}@keyframes emojiPop{from{opacity:0;transform:scale(.7) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.emoji-reaction{font-size:15px;font-weight:700;margin-left:2px}.like-spacer{flex:1}.post-stats{padding:2px 16px 4px;min-height:24px}.post-stats span{font-size:14px;font-weight:700}.feed-empty{text-align:center;padding:70px 24px;color:var(--text2)}.feed-empty div{font-size:52px;margin-bottom:12px}.feed-empty p{font-size:16px;font-weight:600;line-height:1.6}.post-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:800;display:flex;align-items:flex-end;opacity:0;transition:opacity .25s}.post-menu-overlay.open{opacity:1}.post-menu-sheet{width:100%;background:var(--card);border-radius:20px 20px 0 0;padding:12px 0 calc(env(safe-area-inset-bottom)+16px);transform:translateY(100%);transition:transform .3s cubic-bezier(.32,1,.23,1)}.post-menu-overlay.open .post-menu-sheet{transform:translateY(0)}.post-menu-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 12px}.post-menu-btn{display:flex;align-items:center;gap:14px;width:100%;padding:15px 24px;border:none;background:none;color:var(--text);font-size:16px;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;text-align:left;transition:background .15s}.post-menu-btn:active{background:var(--input-bg)}.post-menu-btn.danger{color:#e41c23}.post-menu-btn.cancel{color:var(--text2);border-top:1px solid var(--border);margin-top:8px}.comments-page{background:var(--bg)}.comments-list{flex:1;overflow-y:auto;padding:calc(var(--top-bar)+0px) 0 8px;-webkit-overflow-scrolling:touch}.comments-empty{text-align:center;padding:60px 20px;color:var(--text2)}.comments-empty div{font-size:48px;margin-bottom:12px}.comments-empty p{font-size:15px;font-weight:600;line-height:1.6}.comment-item{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--border);animation:fadeIn .2s ease}.comment-ava{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#562AE8,#562AE8);display:flex;align-items:center;justify-content:center;color:white;font-size:15px;font-weight:800;flex-shrink:0;overflow:hidden;border:1.5px solid var(--border)}.comment-ava img{width:100%;height:100%;object-fit:cover}.comment-body{flex:1;min-width:0}.comment-name{font-size:13px;font-weight:800;color:var(--text);margin-bottom:3px}.comment-time{font-size:11px;color:var(--text3);font-weight:500;margin-left:6px}.comment-text{font-size:14px;color:var(--text);line-height:1.5;word-break:break-word}.comment-del{background:none;border:none;color:var(--text3);font-size:16px;cursor:pointer;padding:4px 6px;flex-shrink:0;margin-top:2px}.comment-del:active{color:#e41c23}.comments-input-bar{display:flex;align-items:center;gap:10px;padding:10px 12px calc(env(safe-area-inset-bottom)+10px);background:var(--card);border-top:1px solid var(--border);flex-shrink:0}.comment-input-ava{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#562AE8,#562AE8);display:flex;align-items:center;justify-content:center;color:white;font-size:13px;font-weight:800;flex-shrink:0;overflow:hidden}.comment-input-ava img{width:100%;height:100%;object-fit:cover}.comment-input-wrap{flex:1;background:var(--input-bg);border-radius:22px;padding:9px 14px}.comment-input-field{width:100%;border:none;outline:none;background:transparent;font-size:15px;font-family:'Inter',sans-serif;color:var(--text)}.comment-input-field::placeholder{color:var(--text3)}.comment-send-btn{background:none;border:none;color:var(--text3);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:color .2s}.comment-send-btn:active{transform:scale(.88)}.gx-share-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:900;display:flex;align-items:flex-end;opacity:0;transition:opacity .25s}.gx-share-overlay.open{opacity:1}.gx-share-sheet{width:100%;background:var(--card);border-radius:20px 20px 0 0;padding:14px 0 calc(env(safe-area-inset-bottom)+16px);transform:translateY(100%);transition:transform .3s cubic-bezier(.32,1,.23,1)}.gx-share-overlay.open .gx-share-sheet{transform:translateY(0)}.gx-share-grid{display:flex;gap:8px;padding:0 16px 8px;overflow-x:auto;scrollbar-width:none}.gx-share-grid::-webkit-scrollbar{display:none}.gx-share-app{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:68px;background:none;border:none;cursor:pointer;text-decoration:none;color:var(--text);padding:4px;flex-shrink:0}.gx-share-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center}.gx-share-app span{font-size:12px;font-weight:700;color:var(--text);white-space:nowrap}.post-card{background:var(--card);border-radius:0;margin:0;margin-bottom:8px;border:none;border-bottom:1px solid var(--border);box-shadow:none;overflow:hidden;animation:fadeIn .3s ease;width:100%}[data-theme="dark"] .post-card{box-shadow:none;border-bottom:1px solid var(--border)}.feed-scroll{padding-bottom:calc(var(--bottom-bar) + var(--sab) + 16px);background:var(--bg)}.post-image{width:100%;aspect-ratio:1 / 1;display:block;object-fit:cover;background:var(--input-bg);border-radius:0;cursor:pointer}.post-image.landscape{aspect-ratio:4 / 3}.post-actions{display:flex;align-items:center;padding:6px 10px 4px;gap:2px}.post-stats{padding:0 16px 10px;min-height:20px}.stories-bar{padding:14px 12px;gap:14px;border-bottom:1px solid var(--border);background:var(--card);margin-bottom:4px;border-radius:0 0 16px 16px}.img-viewer{position:fixed;inset:0;background:#000;z-index:9999;display:flex;flex-direction:column;animation:imgViewerIn .2s ease;overflow:hidden}@keyframes imgViewerIn{from{opacity:0}to{opacity:1}}.img-viewer-bar{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;padding:0 12px;gap:8px;background:linear-gradient(to bottom,rgba(0,0,0,0.65),transparent);z-index:2}.img-viewer-back{width:42px;height:42px;border-radius:50%;border:none;background:rgba(255,255,255,0.15);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(6px);flex-shrink:0}.img-viewer-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.img-viewer-wrap img{max-width:100%;max-height:100vh;object-fit:contain;display:block;user-select:none;transform-origin:center center;transition:transform 0.05s linear;will-change:transform}.post-link{color:#562AE8;text-decoration:underline;word-break:break-all;cursor:pointer;font-weight:600;}
/* ===== خط Inter - ضبط عام ===== */
body,html,input,textarea,button,select{font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.post-caption-top{font-size:16px;font-weight:500;line-height:1.7;letter-spacing:-0.01em}
.post-username{font-weight:700;letter-spacing:-0.02em}

/* ===== ميزة شاهد المزيد ===== */
.caption-short,.caption-full{font-size:16px;font-weight:700;line-height:1.7;color:var(--text);white-space:pre-wrap;word-break:break-word}
.see-more-btn{color:var(--text2);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;transition:color .15s}
.see-more-btn:hover,.see-more-btn:active{color:var(--primary)}
.see-less-btn{color:var(--text2);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;transition:color .15s}
.see-less-btn:hover,.see-less-btn:active{color:var(--primary)}

/* ===== COMMENTS BOTTOM SHEET - إنستقرام ستايل ===== */
.comments-sheet{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:501;
  display:none;
  flex-direction:column;
  background:var(--card);
  border-radius:18px 18px 0 0;
  max-height:88vh;
  min-height:50vh;
  transform:translateY(100%);
  transition:transform .32s cubic-bezier(.32,1,.23,1);
  box-shadow:0 -4px 32px rgba(0,0,0,.18);
  overflow:hidden;
}
.comments-sheet.open{transform:translateY(0)}

/* handle + header */
.comments-sheet-header{
  flex-shrink:0;
  background:var(--card);
  border-bottom:1px solid var(--border);
  padding:10px 16px 12px;
}
.comments-sheet-handle{
  width:38px;height:4px;
  background:var(--border);
  border-radius:2px;
  margin:0 auto 12px;
}
.comments-sheet-title-row{
  display:flex;align-items:center;justify-content:center;
  position:relative;
}
.comments-sheet-title{
  font-size:16px;font-weight:800;color:var(--text);
  letter-spacing:-0.02em;
}
.comments-sheet-close{
  position:absolute;right:0;top:50%;transform:translateY(-50%);
  width:32px;height:32px;border-radius:50%;
  background:var(--input-bg);border:none;
  color:var(--text2);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background .15s;
}
.comments-sheet-close:active{background:var(--border)}

/* قائمة التعليقات */
.comments-sheet-list{
  flex:1;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:4px 0 8px;
}

/* بار الإدخال */
.comments-sheet-input{
  flex-shrink:0;
  display:flex;align-items:center;gap:10px;
  padding:10px 14px calc(env(safe-area-inset-bottom,0px)+10px);
  background:var(--card);
  border-top:1px solid var(--border);
}
.comments-sheet-field-wrap{
  flex:1;
  background:var(--input-bg);
  border-radius:24px;
  padding:10px 16px;
  border:1.5px solid transparent;
  transition:border-color .2s;
}
.comments-sheet-field-wrap:focus-within{
  border-color:var(--primary);
}
.comments-sheet-field{
  width:100%;border:none;outline:none;
  background:transparent;
  font-size:14.5px;font-family:'Inter',sans-serif;
  color:var(--text);
  line-height:1.4;
}
.comments-sheet-field::placeholder{color:var(--text3)}
.comments-sheet-send{
  background:none;border:none;
  color:var(--text3);
  cursor:pointer;padding:6px;
  display:flex;align-items:center;justify-content:center;
  transition:color .2s,transform .2s;
  flex-shrink:0;
}
.comments-sheet-send:active{transform:scale(.85)!important}

/* comment-input-ava داخل الـ sheet */
.comments-sheet-input .comment-input-ava{
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,#562AE8,#562AE8);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;overflow:hidden;
  border:1.5px solid var(--border);
}