/* twittsocial.com V4.10.82 — inline Facebook-style comments. No comments popup. */
#sp-comments-modal{display:none!important}
#sp-comments-tap-shield{display:none!important;pointer-events:none!important}
body.sp-mobile-comments-open .sp-mobile-nav,
body.sp-mobile-comments-opening .sp-mobile-nav,
body.sp-comments-nav-blocked .sp-mobile-nav{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}

[data-open-comments]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
[data-open-comments].is-comments-open{color:var(--sp-blue)!important}

.sp-inline-comments{
  --sp-inline-bubble:#f0f2f5;
  display:block;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  border-top:1px solid var(--sp-line);
  background:var(--sp-card);
  padding:10px 14px 12px;
  scroll-margin-bottom:84px;
  color:var(--sp-text);
}
.sp-inline-comments[hidden]{display:none!important}
.sp-inline-comments-inner{display:flex;flex-direction:column;gap:10px;min-width:0}
.sp-inline-comments-list{display:flex;flex-direction:column;gap:8px;min-width:0}
.sp-inline-comments-list:empty{display:none}

.sp-inline-comments .sp-dialog-comment{display:flex;align-items:flex-start;gap:8px;margin:0;min-width:0}
.sp-inline-comments .sp-dialog-comment-avatar{width:36px;height:36px;min-width:36px;display:block;line-height:0}
.sp-inline-comments .sp-dialog-comment-avatar .sp-avatar,
.sp-inline-comments .sp-dialog-comment-input-row>.sp-avatar{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:50%!important;object-fit:cover!important;display:block!important}
.sp-inline-comments .sp-dialog-comment-body{min-width:0;max-width:min(82%,620px)}
.sp-inline-comments .sp-dialog-comment-bubble{background:var(--sp-inline-bubble);border-radius:18px;padding:8px 12px;color:#050505;overflow-wrap:anywhere}
.sp-inline-comments .sp-dialog-comment-bubble strong{display:block;font-size:13px;line-height:1.25;margin-bottom:2px;color:#050505}
.sp-inline-comments .sp-dialog-comment-text{font-size:14px;line-height:1.35;color:#050505}
.sp-inline-comments .sp-dialog-comment-text p{margin:0}
.sp-inline-comments .sp-dialog-comment-meta{font-size:11px;color:var(--sp-muted);padding:3px 10px 0}

.sp-inline-comment-form-shell{border-top:0;margin-top:1px}
.sp-inline-comments .sp-dialog-comment-form{margin:0;padding:0}
.sp-inline-comments .sp-dialog-comment-input-row{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:end;gap:8px;margin:0}
.sp-inline-comments .sp-dialog-comment-input-wrap{
  min-width:0;display:flex;align-items:flex-end;gap:7px;
  background:var(--sp-inline-bubble);border:1px solid transparent;border-radius:24px;
  padding:4px 5px 4px 13px;transition:border-color .15s ease,box-shadow .15s ease;
}
.sp-inline-comments .sp-dialog-comment-input-wrap:focus-within{border-color:rgba(24,119,242,.38);box-shadow:0 0 0 2px rgba(24,119,242,.08)}
.sp-inline-comments textarea[name="comment"]{
  flex:1;min-width:0;min-height:36px;max-height:120px;height:36px;resize:none;overflow-y:auto;
  border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;
  padding:8px 0 6px!important;margin:0!important;color:var(--sp-text)!important;font:inherit;font-size:15px!important;line-height:1.35!important;
}
.sp-inline-comments textarea[name="comment"]::placeholder{color:var(--sp-muted);opacity:.86}
.sp-inline-comments .sp-dialog-comment-actions{display:flex;align-items:center;justify-content:flex-end;margin:0!important;padding:0!important;gap:0}
.sp-inline-comments .sp-dialog-comment-actions small{display:none!important}
.sp-inline-comments .sp-dialog-comment-submit{
  min-width:58px;height:36px;border:0;border-radius:20px;background:var(--sp-blue);color:#fff;
  font-weight:750;font-size:13px;padding:0 14px;cursor:pointer;box-shadow:none;
}
.sp-inline-comments .sp-dialog-comment-submit:disabled{opacity:.55;cursor:wait}
.sp-inline-comments .sp-dialog-comment-login{margin:0;padding:10px 12px;border-radius:12px;background:var(--sp-inline-bubble);color:var(--sp-muted)}
.sp-inline-comments .sp-dialog-comment-login p{margin:0}

.sp-inline-comments-loader{height:52px;display:grid;place-items:center}
.sp-inline-comments-loader i{width:20px;height:20px;border:2px solid rgba(101,103,107,.25);border-top-color:var(--sp-blue);border-radius:50%;animation:spInlineCommentsSpin .65s linear infinite}
@keyframes spInlineCommentsSpin{to{transform:rotate(360deg)}}
.sp-inline-comments-error{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px;color:var(--sp-muted);font-size:13px}
.sp-inline-comments-error button{border:0;border-radius:8px;background:#e7f3ff;color:var(--sp-blue);font-weight:700;padding:8px 12px;cursor:pointer}

/* Reels also stay inline: the slide becomes vertically scrollable and the
   conversation is placed below the reel card rather than in a modal. */
.sp-reel-slide.sp-reel-inline-open{overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:none}
.sp-reel-slide.sp-reel-inline-open::-webkit-scrollbar{display:none}
.sp-reel-slide.sp-reel-inline-open>.sp-inline-comments{position:relative;z-index:8;flex:0 0 auto}

body.sp-theme-dark .sp-inline-comments{--sp-inline-bubble:var(--sp-card-soft,#2b2d31)}
body.sp-theme-dark .sp-inline-comments .sp-dialog-comment-bubble,
body.sp-theme-dark .sp-inline-comments .sp-dialog-comment-bubble strong,
body.sp-theme-dark .sp-inline-comments .sp-dialog-comment-text{color:var(--sp-text,#f5f7fb)}

@media (max-width:860px){
  .sp-inline-comments{padding:8px 12px 11px;scroll-margin-bottom:76px}
  .sp-inline-comments .sp-dialog-comment-body{max-width:86%}
  .sp-inline-comments .sp-dialog-comment-input-row{grid-template-columns:34px minmax(0,1fr);gap:7px}
  .sp-inline-comments .sp-dialog-comment-avatar,
  .sp-inline-comments .sp-dialog-comment-avatar .sp-avatar,
  .sp-inline-comments .sp-dialog-comment-input-row>.sp-avatar{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  .sp-inline-comments textarea[name="comment"]{font-size:16px!important}
  .sp-inline-comments .sp-dialog-comment-submit{height:35px;min-width:55px;padding:0 12px}
  .sp-post-card>.sp-inline-comments{border-radius:0!important}
}