/* DREAMCARS comments-page.css v3 — lean comments surface for ?page=comments */
/* Scope: ?page=comments only. Replaces comments-v149.css (Stage Comments 3). */
/* v3: minimal shell rules so comments can drop site-visual.css (Stage Comments 4a). */

/* v2: screen content start (V185 parity) — keep near top so it always parses */
@media (max-width:767px){
  html.dc-comments-bottom-anchor body.comments-mode .feed-comments-screen{
    padding-top:var(--dc-comments-content-start,0px) !important;
  }
}

/* v3 A: comments shell / wrap (site-visual parity, scoped) */
body.user-mode.comments-mode{
  background:#050505!important;
  color:#f4f6f8;
}
body.user-mode.comments-mode .wrap{
  max-width:430px!important;
  margin:0 auto!important;
  padding:0 10px calc(92px + env(safe-area-inset-bottom,0px))!important;
}

/* v3 B: iOS zoom guard */
body.comments-mode input,
body.comments-mode textarea{
  font-size:16px!important;
}

/* v3 C: touch targets */
body.comments-mode .btn,
body.comments-mode button{
  min-height:44px;
}

/* v3 D: guest CTA buttons */
body.comments-mode .feed-comments-guest .btn,
body.comments-mode .feed-comments-guest a.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
body.comments-mode .feed-comments-guest .btn.secondary,
body.comments-mode .feed-comments-guest a.btn.secondary{
  color:#f4f6f8;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
    #111;
  border:1px solid rgba(255,138,0,.32);
  box-shadow:0 11px 24px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.11);
}

/* v3 E: acting banner (comment-as-user) */
body.comments-mode .admin-acting-banner,
body.comments-mode .feed-comments-acting-banner{
  margin:8px 0 10px;
  padding:8px 10px;
  border-radius:12px;
  color:rgba(255,226,190,.95);
  background:rgba(255,138,0,.10);
  border:1px solid rgba(255,138,0,.26);
  font-size:12px;
  line-height:1.25;
}

/* --- extract L1-L42 --- */
/* DREAMCARS V149 — comments layout fixes after mobile review */
.tg-voice-comments-link{ text-decoration:none !important; cursor:pointer !important; }
.tg-voice-comments-link:active{ opacity:.92; }
.feed-comments-screen{
  width:min(720px,100%);
  min-height:calc(100vh - 180px);
  margin:0 auto;
  padding:8px 0 max(96px,calc(18px + env(safe-area-inset-bottom)));
  box-sizing:border-box;
}
.feed-comments-top{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
  padding:10px 10px 12px;
  border-radius:20px;
  background:rgba(4,8,14,.94);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,178,67,.16);
}
.feed-comments-back{
  width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 40px; border-radius:999px; text-decoration:none; font-size:25px; line-height:1;
  color:rgba(244,248,252,.96); background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12);
}
.feed-comments-title-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}
.feed-comments-title-wrap h1{margin:0;font-size:18px;line-height:1.15;color:#f5f7fa}
.feed-comments-total{font-size:11px;line-height:1.2;color:rgba(224,232,240,.66)}
.feed-comments-thread{display:flex;flex-direction:column;gap:10px;padding:4px 10px 16px;box-sizing:border-box}
.feed-comments-empty,.feed-comments-missing{
  display:flex; flex-direction:column; gap:5px; align-items:center; justify-content:center;
  min-height:160px; margin:8px 0; padding:18px; text-align:center;
  border-radius:24px; border:1px solid rgba(255,255,255,.08); background:rgba(17,24,34,.72);
  color:rgba(240,246,251,.95);
}
.feed-comments-empty strong,.feed-comments-missing{font-size:14px}
.feed-comments-empty span{font-size:12px;color:rgba(224,232,240,.68)}

/* --- extract L43-L63 --- */
.feed-comment-row{display:flex;align-items:flex-end;gap:7px;width:100%;box-sizing:border-box}
.feed-comment-row.is-own{justify-content:flex-end;padding-left:40px}
.feed-comment-row.is-other{justify-content:flex-start;padding-right:40px}
.feed-comment-avatar{
  width:22px;height:22px;flex:0 0 22px;border-radius:999px;
  background:linear-gradient(145deg,rgba(255,190,77,.98),rgba(230,142,35,.94));
  border:1px solid rgba(255,220,150,.56); box-shadow:0 0 0 2px rgba(0,0,0,.26);
}
.feed-comment-bubble{
  position:relative; max-width:min(78vw,460px); min-width:54px; padding:8px 10px 6px;
  box-sizing:border-box; border-radius:16px; border:1px solid rgba(133,167,196,.18);
  background:linear-gradient(180deg,rgba(25,39,54,.98),rgba(18,31,45,.98));
  box-shadow:0 10px 24px rgba(0,0,0,.22); color:rgba(243,247,251,.96);
}
.feed-comment-row.is-other .feed-comment-bubble{border-radius:16px 16px 16px 4px}
.feed-comment-row.is-own .feed-comment-bubble{border-radius:16px 16px 4px 16px;background:linear-gradient(180deg,rgba(48,72,94,.98),rgba(32,54,75,.98))}
.feed-comment-login{margin:0 0 3px;font-size:11px;line-height:1.2;font-weight:700;color:rgba(255,190,77,.98);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed-comment-text{font-size:11px;line-height:1.34;font-weight:400;letter-spacing:.01em;overflow-wrap:anywhere;white-space:normal}
.feed-comment-meta{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:3px;min-height:13px;color:rgba(220,230,240,.62);font-size:10px;line-height:1}
.feed-comment-delete{border:0;background:transparent;color:rgba(255,210,210,.78);font-size:15px;line-height:12px;padding:0 1px;cursor:pointer}
.feed-comment-delete:active{transform:scale(.94)}

/* --- extract L81-L89 --- */
.feed-comments-guest{
  position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:40;
  display:flex;flex-direction:column;gap:5px;width:min(calc(100% - 22px),700px);padding:12px 14px;box-sizing:border-box;
  border-radius:24px;border:1px solid rgba(255,178,67,.24);background:rgba(7,12,19,.95);box-shadow:0 18px 40px rgba(0,0,0,.4);
}
.feed-comments-guest strong{font-size:13px;line-height:1.25;color:rgba(244,248,252,.98)}
.feed-comments-guest span{font-size:11px;line-height:1.25;color:rgba(224,232,240,.68)}
.feed-comments-guest div{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.feed-comments-guest .btn{margin:0;padding:9px 12px;font-size:12px}

/* --- extract L246-L254 --- */
body.comments-mode .feed-comment-bubble{
  max-width:min(72vw,420px) !important;
}
body.comments-mode .feed-comment-media{margin-top:5px !important;}
body.comments-mode .feed-comment-voice audio{display:block;width:min(210px,55vw);height:32px;}
body.comments-mode .feed-comment-voice span{display:block;margin-top:2px;font-size:10px;color:rgba(224,232,240,.62)}
body.comments-mode .feed-comment-circle video{display:block;width:132px;height:132px;border-radius:50%;object-fit:cover;background:#000;}
body.comments-mode .feed-comment-image img{display:block;max-width:min(220px,60vw);border-radius:12px;}
body.comments-mode .feed-comment-composer{display:none !important;}

/* --- extract L403-L497 --- */
body.comments-mode .feed-comments-dock{
  position:fixed !important;
  top:var(--dc-comments-dock-top,112px) !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  z-index:2147483200 !important;
  width:calc(100vw - 28px) !important;
  max-width:420px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  pointer-events:none !important;
}
body.comments-mode .feed-comments-top{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  width:max-content !important;
  max-width:calc(100vw - 28px) !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  pointer-events:auto !important;
}
body.comments-mode .feed-comments-back{
  width:30px !important;
  height:30px !important;
  flex:0 0 30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border-radius:999px !important;
  background:rgba(11,20,31,.86) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.24) !important;
  color:rgba(244,248,252,.96) !important;
  font-size:18px !important;
  line-height:1 !important;
  text-decoration:none !important;
}
body.comments-mode .feed-comments-counter-inline{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  max-width:calc(100vw - 74px) !important;
  min-height:30px !important;
  margin:0 !important;
  padding:0 11px !important;
  border-radius:999px !important;
  background:rgba(11,20,31,.86) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.24) !important;
  color:rgba(244,248,252,.96) !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  text-align:center !important;
  pointer-events:none !important;
}
body.comments-mode .feed-comments-counter-inline b{
  display:inline-block !important;
  margin-right:4px !important;
  color:rgba(244,248,252,.96) !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:700 !important;
}
body.comments-mode .feed-comments-thread{
  padding-top:44px !important;
}
@media (max-width:420px){
  body.comments-mode .feed-comments-dock{
    width:calc(100vw - 20px) !important;
  }
  body.comments-mode .feed-comments-top{
    max-width:calc(100vw - 20px) !important;
  }
  body.comments-mode .feed-comments-counter-inline{
    max-width:calc(100vw - 66px) !important;
    padding-inline:10px !important;
    font-size:17px !important;
  }
  body.comments-mode .feed-comments-counter-inline b{
    font-size:17px !important;
  }
}

/* --- extract L6584-L7080 --- */
@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video){
height:auto!important;
    min-height:46px!important;
    align-items:end!important;
    overflow:visible!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .attach-action,
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .mode-action,
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .send-action{
align-self:end!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
height:auto!important;
    min-height:46px!important;
    max-height:var(--mobile-admin-input-max-height,340px)!important;
    align-self:end!important;
    align-items:flex-end!important;
    overflow:hidden!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.composer-multiline:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
border-radius:24px!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) textarea{
box-sizing:border-box!important;
    min-height:46px!important;
    height:var(--mobile-admin-input-height,46px)!important;
    max-height:var(--mobile-admin-input-max-height,340px)!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
    overflow-y:hidden!important;
    overscroll-behavior:contain!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.composer-textarea-scroll:not(.is-recording-audio):not(.is-recording-video) textarea{
overflow-y:auto!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
box-sizing:border-box!important;
    min-height:58px!important;
    max-height:calc(var(--mobile-admin-input-max-height,340px) + 12px)!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
    align-items:flex-end!important;
    overflow:hidden!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) textarea{
display:block!important;
    flex:0 0 auto!important;
    align-self:flex-end!important;
    min-height:46px!important;
    height:var(--mobile-admin-input-height,46px)!important;
    max-height:var(--mobile-admin-input-max-height,340px)!important;
    margin:0!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
    line-height:1.32!important;
    background:transparent!important;
    overflow-x:hidden!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.composer-multiline:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
border-radius:28px!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video){
align-items:end!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
position:relative!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:58px!important;
    height:auto!important;
    max-height:calc(var(--mobile-admin-input-max-height,588px) + 12px)!important;
    padding:6px 0!important;
    align-items:flex-end!important;
    border-radius:30px!important;
    overflow:hidden!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.composer-multiline:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
border-radius:30px!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) textarea{
display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    flex:0 0 auto!important;
    align-self:flex-end!important;
    min-height:46px!important;
    height:var(--mobile-admin-input-height,46px)!important;
    max-height:var(--mobile-admin-input-max-height,588px)!important;
    margin:0!important;
    padding:7px 42px 7px 18px!important;
    border:0!important;
    border-radius:0!important;
    -webkit-border-radius:0!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    background:transparent!important;
    background-clip:padding-box!important;
    outline:none!important;
    box-shadow:none!important;
    color:#fff!important;
    font-size:19px!important;
    line-height:25px!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    overscroll-behavior:contain!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.has-text):not(.is-recording-audio):not(.is-recording-video) textarea{
padding-right:18px!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.composer-textarea-scroll:not(.is-recording-audio):not(.is-recording-video) textarea{
overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer .composer-emoji{
top:auto!important;
    bottom:13px!important;
    transform:none!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video){
position:fixed!important;
    display:grid!important;
    grid-template-columns:var(--dc-admin-side-btn,38px) minmax(0,1fr) var(--dc-admin-side-btn,38px)!important;
    gap:8px!important;
    align-items:end!important;
    height:auto!important;
    min-height:var(--dc-tg-composer-input-h)!important;
    overflow:visible!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.has-text:not(.is-recording-audio):not(.is-recording-video){
grid-template-columns:var(--dc-admin-side-btn,38px) minmax(0,1fr)!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .attach-action,
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .tg-dynamic-action{
align-self:end!important;
    margin-bottom:8px!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    min-height:var(--dc-tg-composer-input-h)!important;
    height:auto!important;
    max-height:calc(var(--mobile-admin-input-max-height,620px) + 12px)!important;
    padding:6px 0!important;
    border-radius:30px!important;
    align-items:flex-end!important;
    overflow:hidden!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.has-text:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
grid-column:2 / 4!important;
    width:100%!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.composer-multiline:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
border-radius:30px!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) textarea{
display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    flex:0 0 auto!important;
    align-self:flex-end!important;
    min-height:var(--dc-tg-composer-text-h)!important;
    height:var(--mobile-admin-input-height,var(--dc-tg-composer-text-h))!important;
    max-height:var(--mobile-admin-input-max-height,620px)!important;
    margin:0!important;
    padding:8px 20px!important;
    border:0!important;
    border-radius:0!important;
    -webkit-border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:none!important;
    resize:none!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:26px!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    overscroll-behavior:contain!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.has-text:not(.is-recording-audio):not(.is-recording-video) textarea{
padding-right:102px!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.composer-textarea-scroll:not(.is-recording-audio):not(.is-recording-video) textarea{
overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .tg-dynamic-action{
grid-column:3!important;
    grid-row:1!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.has-text:not(.is-recording-audio):not(.is-recording-video) .tg-dynamic-action{
display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .send-action{
position:absolute!important;
    right:var(--dc-tg-composer-btn-inset)!important;
    bottom:var(--dc-tg-composer-btn-inset)!important;
    z-index:8!important;
    width:var(--dc-tg-composer-send-size)!important;
    height:var(--dc-tg-composer-send-size)!important;
    min-width:var(--dc-tg-composer-send-size)!important;
    min-height:var(--dc-tg-composer-send-size)!important;
    max-width:var(--dc-tg-composer-send-size)!important;
    max-height:var(--dc-tg-composer-send-size)!important;
    margin:0!important;
    display:none!important;
    place-items:center!important;
    visibility:hidden!important;
    pointer-events:none!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.has-text:not(.is-recording-audio):not(.is-recording-video) .send-action:not([hidden]){
display:grid!important;
    visibility:visible!important;
    pointer-events:auto!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer .composer-emoji{
top:auto!important;
    right:14px!important;
    bottom:12px!important;
    transform:none!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.has-text .composer-emoji{
right:56px!important;
    bottom:12px!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video){
min-height:38px!important;
    align-items:end!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .attach-action,
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .tg-dynamic-action{
margin-bottom:0!important;
    align-self:end!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
min-height:38px!important;
    height:auto!important;
    max-height:calc(var(--mobile-admin-input-max-height,620px) + 0px)!important;
    padding:0!important;
    border-radius:22px!important;
    align-items:flex-end!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.composer-multiline:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
border-radius:28px!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) textarea{
min-height:38px!important;
    height:var(--mobile-admin-input-height,38px)!important;
    max-height:var(--mobile-admin-input-max-height,620px)!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
    padding-left:18px!important;
    padding-right:18px!important;
    font-size:18px!important;
    line-height:24px!important;
    text-indent:0!important;
    border-radius:0!important;
    overflow-y:hidden!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.has-text:not(.is-recording-audio):not(.is-recording-video) textarea{
padding-left:18px!important;
    padding-right:84px!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.composer-textarea-scroll:not(.is-recording-audio):not(.is-recording-video) textarea{
overflow-y:auto!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .send-action{
width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    right:2px!important;
    bottom:2px!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.has-text .composer-emoji{
right:42px!important;
    bottom:4px!important;
    width:30px!important;
    height:30px!important;
    font-size:24px!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video){
min-height:var(--dc-admin-composer-empty-h)!important;
    align-items:end!important;
    overflow:visible!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .attach-action,
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .tg-dynamic-action{
align-self:end!important;
    margin-bottom:0!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
box-sizing:border-box!important;
    min-height:var(--dc-admin-composer-empty-h)!important;
    height:auto!important;
    max-height:var(--dc-admin-composer-max-text-h)!important;
    padding:0!important;
    border-radius:999px!important;
    align-items:flex-end!important;
    overflow:hidden!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.composer-multiline:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
border-radius:28px!important;
}
}

@media (max-width: 767px){
body.comments-mode #mobileAdminText,
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) textarea#mobileAdminText{
box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    flex:0 0 auto!important;
    align-self:flex-end!important;
    min-height:var(--dc-admin-composer-empty-h)!important;
    height:var(--mobile-admin-input-height,var(--dc-admin-composer-empty-h))!important;
    max-height:var(--mobile-admin-input-max-height,var(--dc-admin-composer-max-text-h))!important;
    margin:0!important;
    padding-top:var(--dc-admin-composer-vpad)!important;
    padding-bottom:var(--dc-admin-composer-vpad)!important;
    padding-left:18px!important;
    padding-right:18px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:none!important;
    resize:none!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:var(--dc-admin-composer-line-h)!important;
    text-indent:0!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    overscroll-behavior:contain!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.has-text:not(.is-recording-audio):not(.is-recording-video) textarea#mobileAdminText{
padding-left:18px!important;
    padding-right:84px!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer.composer-textarea-scroll:not(.is-recording-audio):not(.is-recording-video) textarea#mobileAdminText{
overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
}
}

@media (max-width: 767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .send-action{
right:2px!important;
    bottom:1px!important;
}
}

/* --- extract L7162-L7185 --- */
@media (max-width:767px){
body.comments-mode .mobile-admin-composer,
body.mobile-admin-keyboard.comments-mode .mobile-admin-composer{
background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    overflow:visible !important;
    align-items:end !important;
    min-height:0 !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer::before,
body.comments-mode .mobile-admin-composer::after,
body.mobile-admin-keyboard.comments-mode .mobile-admin-composer::before,
body.mobile-admin-keyboard.comments-mode .mobile-admin-composer::after{
content:none !important;
    display:none !important;
}
}

/* --- extract L7251-L7570 --- */
@media (max-width:767px){
body.comments-mode .mobile-admin-composer,
body.comments-mode .mobile-admin-composer.is-recording-audio,
body.comments-mode .mobile-admin-composer.is-recording-audio.is-locked-audio,
body.comments-mode .mobile-admin-composer.is-recording-video{
position:fixed !important;
    left:50% !important;
    right:auto !important;
    top:var(--dc-v53-composer-top,auto) !important;
    bottom:var(--dc-v53-composer-fallback-bottom,calc(22px + env(safe-area-inset-bottom,0px))) !important;
    transform:translate3d(-50%,0,0) !important;
    width:calc(100% - 28px) !important;
    max-width:406px !important;
    min-height:46px !important;
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) 46px !important;
    gap:8px !important;
    align-items:end !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    z-index:2147483900 !important;
    transition:none !important;
    will-change:auto !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video){
height:auto !important;
    min-height:46px !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .attach-action,
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .mode-action,
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .send-action,
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
align-self:end !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
min-height:46px !important;
    height:auto !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) textarea{
height:var(--mobile-admin-input-height,46px) !important;
    min-height:46px !important;
    max-height:var(--mobile-admin-input-max-height,372px) !important;
    line-height:28px !important;
    padding-top:9px !important;
    padding-bottom:9px !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer.is-recording-audio,
body.comments-mode .mobile-admin-composer.is-recording-audio.is-locked-audio,
body.comments-mode .mobile-admin-composer.is-recording-video{
height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    align-items:center !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer.is-recording-audio .attach-action,
body.comments-mode .mobile-admin-composer.is-recording-video .attach-action{
visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer.is-recording-audio .composer-input-wrap,
body.comments-mode .mobile-admin-composer.is-recording-audio.is-locked-audio .composer-input-wrap,
body.comments-mode .mobile-admin-composer.is-recording-video .composer-input-wrap{
grid-column:1 / 3 !important;
    width:100% !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    align-self:center !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer.is-recording-audio textarea,
body.comments-mode .mobile-admin-composer.is-recording-video textarea,
body.comments-mode .mobile-admin-composer.is-recording-audio .composer-emoji,
body.comments-mode .mobile-admin-composer.is-recording-video .composer-emoji{
visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    min-width:0 !important;
    padding:0 !important;
    pointer-events:none !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer.is-recording-audio .tg-audio-inline-record,
body.comments-mode .mobile-admin-composer.is-recording-video .tg-audio-inline-record{
display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
    height:100% !important;
    min-height:100% !important;
    align-items:center !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer.is-recording-audio #mobileAdminMode,
body.comments-mode .mobile-admin-composer.is-recording-audio.is-locked-audio #mobileAdminMode,
body.comments-mode .mobile-admin-composer.is-recording-video #mobileAdminMode{
grid-column:3 !important;
    justify-self:end !important;
    align-self:center !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer-backdrop{
position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:var(--dc-v53-blur-top,calc(100dvh - 68px - env(safe-area-inset-bottom,0px))) !important;
    bottom:var(--dc-v53-blur-bottom,-80px) !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    transform:none !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    z-index:2147483400 !important;
    pointer-events:auto !important;
    touch-action:none !important;
    user-select:none !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer{
min-height:var(--dc-v54-composer-equal-h) !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video){
min-height:var(--dc-v54-composer-equal-h) !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
min-height:var(--dc-v54-composer-equal-h) !important;
    height:var(--dc-v54-composer-equal-h) !important;
    max-height:var(--dc-v54-composer-equal-h) !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video):not(.composer-multiline) #mobileAdminText{
min-height:var(--dc-v54-composer-equal-h) !important;
    height:var(--dc-v54-composer-equal-h) !important;
    max-height:var(--dc-v54-composer-equal-h) !important;
    line-height:calc(var(--dc-v54-composer-equal-h) - 2px) !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer.is-recording-audio,
body.comments-mode .mobile-admin-composer.is-recording-audio.is-locked-audio,
body.comments-mode .mobile-admin-composer.is-recording-video{
height:var(--dc-v54-composer-equal-h) !important;
    min-height:var(--dc-v54-composer-equal-h) !important;
    max-height:var(--dc-v54-composer-equal-h) !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer.is-recording-audio .composer-input-wrap,
body.comments-mode .mobile-admin-composer.is-recording-audio.is-locked-audio .composer-input-wrap,
body.comments-mode .mobile-admin-composer.is-recording-video .composer-input-wrap{
height:var(--dc-v54-composer-equal-h) !important;
    min-height:var(--dc-v54-composer-equal-h) !important;
    max-height:var(--dc-v54-composer-equal-h) !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer.composer-multiline:not(.is-recording-audio):not(.is-recording-video){
height:auto !important;
    min-height:var(--dc-v54-composer-equal-h,var(--dc-admin-side-btn,38px)) !important;
    max-height:none !important;
    align-items:end !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer.composer-multiline:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
align-self:end !important;
    height:auto !important;
    min-height:var(--dc-v54-composer-equal-h,var(--dc-admin-side-btn,38px)) !important;
    max-height:var(--mobile-admin-input-max-height,410px) !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer.composer-multiline:not(.is-recording-audio):not(.is-recording-video) textarea#mobileAdminText{
height:var(--mobile-admin-input-height,38px) !important;
    min-height:var(--dc-v54-composer-equal-h,var(--dc-admin-side-btn,38px)) !important;
    max-height:var(--mobile-admin-input-max-height,410px) !important;
    line-height:28px !important;
    padding-top:9px !important;
    padding-bottom:9px !important;
    overflow-y:hidden !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer.composer-textarea-scroll:not(.is-recording-audio):not(.is-recording-video) textarea#mobileAdminText{
overflow-y:auto !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer,
body.comments-mode .mobile-admin-composer.is-recording-audio,
body.comments-mode .mobile-admin-composer.is-recording-audio.is-locked-audio,
body.comments-mode .mobile-admin-composer.is-recording-video{
grid-template-columns:var(--dc-v56-composer-h) minmax(0,1fr) var(--dc-v56-composer-h) !important;
    min-height:var(--dc-v56-composer-h) !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer .attach-action,
body.comments-mode .mobile-admin-composer .mode-action,
body.comments-mode .mobile-admin-composer .send-action{
width:var(--dc-v56-composer-h) !important;
    height:var(--dc-v56-composer-h) !important;
    min-width:var(--dc-v56-composer-h) !important;
    min-height:var(--dc-v56-composer-h) !important;
    max-width:var(--dc-v56-composer-h) !important;
    max-height:var(--dc-v56-composer-h) !important;
    flex:0 0 var(--dc-v56-composer-h) !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video){
min-height:var(--dc-v56-composer-h) !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video):not(.composer-multiline) .composer-input-wrap,
body.comments-mode .mobile-admin-composer.is-recording-audio .composer-input-wrap,
body.comments-mode .mobile-admin-composer.is-recording-audio.is-locked-audio .composer-input-wrap,
body.comments-mode .mobile-admin-composer.is-recording-video .composer-input-wrap{
height:var(--dc-v56-composer-h) !important;
    min-height:var(--dc-v56-composer-h) !important;
    max-height:var(--dc-v56-composer-h) !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer:not(.is-recording-audio):not(.is-recording-video):not(.composer-multiline) textarea#mobileAdminText{
height:var(--dc-v56-composer-h) !important;
    min-height:var(--dc-v56-composer-h) !important;
    max-height:var(--dc-v56-composer-h) !important;
    line-height:calc(var(--dc-v56-composer-h) - 2px) !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer.composer-multiline:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap,
body.comments-mode .mobile-admin-composer.composer-multiline:not(.is-recording-audio):not(.is-recording-video) textarea#mobileAdminText{
min-height:var(--dc-v56-composer-h) !important;
}
}

@media (max-width:767px){
body.comments-mode .mobile-admin-composer.has-text:not(.is-recording-audio):not(.is-recording-video) .send-action:not([hidden]){
width:var(--dc-admin-side-btn,46px) !important;
    height:var(--dc-admin-side-btn,46px) !important;
    min-width:var(--dc-admin-side-btn,46px) !important;
    min-height:var(--dc-admin-side-btn,46px) !important;
    max-width:var(--dc-admin-side-btn,46px) !important;
    max-height:var(--dc-admin-side-btn,46px) !important;
    right:0 !important;
    bottom:0 !important;
    margin:0 !important;
    border-radius:999px !important;
    display:grid !important;
    place-items:center !important;
    visibility:visible !important;
    pointer-events:auto !important;
}
}

@media (max-width:767px){

/* --- extract L7833-L7850 --- */
body.comments-mode .user-bottom-nav,
body.comments-mode .admin-mobile-bottom-nav{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
@media (max-width:767px){
  body.user-mode.comments-mode .mobile-admin-composer,
  body.user-mode.comments-mode .mobile-admin-composer.is-recording-audio,
  body.user-mode.comments-mode .mobile-admin-composer.is-recording-audio.is-locked-audio,
  body.user-mode.comments-mode .mobile-admin-composer.is-recording-video,
  body.admin-mode.comments-mode .mobile-admin-composer,
  body.admin-mode.comments-mode .mobile-admin-composer.is-recording-audio,
  body.admin-mode.comments-mode .mobile-admin-composer.is-recording-audio.is-locked-audio,
  body.admin-mode.comments-mode .mobile-admin-composer.is-recording-video{
    top:auto !important;
    bottom:max(14px,env(safe-area-inset-bottom,0px)) !important;
  }

/* --- extract L7855-L7897 --- */
@media (max-width:767px){
  body.comments-mode .feed-comments-dock{
    position:fixed !important;
    top:var(--dc-comments-dock-top,112px) !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    z-index:2147483200 !important;
    width:calc(100vw - 28px) !important;
    max-width:420px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    pointer-events:none !important;
  }
  body.comments-mode .feed-comments-top{pointer-events:auto !important;}

  body.comments-mode .mobile-admin-composer.composer-multiline:not(.is-recording-audio):not(.is-recording-video){
    height:auto !important;
    min-height:46px !important;
    max-height:none !important;
    align-items:end !important;
  }
  body.comments-mode .mobile-admin-composer.composer-multiline:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
    height:auto !important;
    min-height:46px !important;
    max-height:var(--mobile-admin-input-max-height,410px) !important;
    align-self:end !important;
  }
  body.comments-mode .mobile-admin-composer.composer-multiline:not(.is-recording-audio):not(.is-recording-video) textarea#mobileAdminText{
    height:var(--mobile-admin-input-height,38px) !important;
    min-height:46px !important;
    max-height:var(--mobile-admin-input-max-height,410px) !important;
    line-height:28px !important;
    padding-top:9px !important;
    padding-bottom:9px !important;
    overflow-y:hidden !important;
  }
  body.comments-mode .mobile-admin-composer.composer-textarea-scroll:not(.is-recording-audio):not(.is-recording-video) textarea#mobileAdminText{
    overflow-y:auto !important;
  }

/* --- extract L7946-L8063 --- */
@media (max-width:767px){
body.comments-mode .mobile-admin-composer[data-composer-context="comments"]:not(.is-recording-audio):not(.is-recording-video){
    grid-template-columns:minmax(0,1fr) !important;
}

body.comments-mode .mobile-admin-composer[data-composer-context="comments"]:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
    grid-column:1 !important;
    width:100% !important;
}

body.comments-mode .mobile-admin-composer[data-composer-context="comments"]:not(.is-recording-audio):not(.is-recording-video) textarea#mobileAdminText{
    padding-left:18px !important;
    padding-right:84px !important;
}

body.comments-mode .mobile-admin-composer[data-composer-context="comments"]:not(.is-recording-audio):not(.is-recording-video) .send-action:not([hidden]){
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
    pointer-events:auto !important;
}
}


/* DREAMCARS V187 — guest CTA replaces composer slot; comment send button keeps the typed-state visual */
@media (max-width:767px){
  body.comments-mode .feed-comments-screen[data-can-comment="0"] .mobile-admin-composer,
  body.comments-mode .feed-comments-screen[data-can-comment="0"] .comments-composer-backdrop{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.comments-mode .feed-comments-screen[data-can-comment="0"] .feed-comments-guest{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:calc(100% - 28px) !important;
    max-width:406px !important;
    bottom:var(--dc-comments-guest-bottom,max(14px,env(safe-area-inset-bottom,0px))) !important;
    z-index:2147483900 !important;
  }

  body.comments-mode .mobile-admin-composer[data-composer-context="comments"]:not(.is-recording-audio):not(.is-recording-video) .send-action:not([hidden]){
    display:grid !important;
    place-items:center !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    width:var(--dc-tg-composer-send-size,var(--dc-admin-side-btn,46px)) !important;
    height:var(--dc-tg-composer-send-size,var(--dc-admin-side-btn,46px)) !important;
    min-width:var(--dc-tg-composer-send-size,var(--dc-admin-side-btn,46px)) !important;
    min-height:var(--dc-tg-composer-send-size,var(--dc-admin-side-btn,46px)) !important;
    max-width:var(--dc-tg-composer-send-size,var(--dc-admin-side-btn,46px)) !important;
    max-height:var(--dc-tg-composer-send-size,var(--dc-admin-side-btn,46px)) !important;
    border-radius:999px !important;
    right:var(--dc-tg-composer-btn-inset,8px) !important;
    bottom:var(--dc-tg-composer-btn-inset,8px) !important;
    margin:0 !important;
    transform:none !important;
  }

  body.comments-mode .mobile-admin-composer[data-composer-context="comments"]:not(.is-recording-audio):not(.is-recording-video) .send-action:not([hidden])::before{
    content:"" !important;
    display:block !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    margin:0 auto !important;
    padding:0 !important;
    border:0 !important;
    background-color:transparent !important;
    background-image:url("send-plane-white-padded-v67.png?v=20260515v67") !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:contain !important;
    filter:none !important;
    transform:none !important;
    opacity:1 !important;
  }
}
/* DREAMCARS V187 marker: 20260517_comments_guest_cta_and_send_button_active_visual_v187 */

/* DREAMCARS V188 — comments send button size matches the right contour of the input capsule */
@media (max-width:767px){
  body.comments-mode .mobile-admin-composer[data-composer-context="comments"]:not(.is-recording-audio):not(.is-recording-video) .send-action:not([hidden]){
    width:var(--dc-admin-side-btn,46px) !important;
    height:var(--dc-admin-side-btn,46px) !important;
    min-width:var(--dc-admin-side-btn,46px) !important;
    min-height:var(--dc-admin-side-btn,46px) !important;
    max-width:var(--dc-admin-side-btn,46px) !important;
    max-height:var(--dc-admin-side-btn,46px) !important;
    right:0 !important;
    bottom:0 !important;
    border-radius:999px !important;
    margin:0 !important;
  }
}
/* DREAMCARS V188 marker: 20260517_comments_send_button_input_contour_v188 */


/* DREAMCARS V189 — comments input emoji control removed, keep clean send-button reserve only */
@media (max-width:767px){
  body.comments-mode .mobile-admin-composer[data-composer-context="comments"] .composer-emoji,
  body.comments-mode .mobile-admin-composer[data-composer-context="comments"] .composer-emoji-panel{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.comments-mode .mobile-admin-composer[data-composer-context="comments"]:not(.is-recording-audio):not(.is-recording-video) textarea#mobileAdminText{
    padding-right:calc(var(--dc-admin-side-btn,46px) + 18px) !important;
  }
}

/* --- extract L8067-L8126 --- */
/* DREAMCARS V190 — two stable text-comment widths + hold-to-delete menu */
body.comments-mode .feed-comment-bubble.feed-comment-width-compact{
  width:min(72vw,272px) !important;
  min-width:min(72vw,272px) !important;
  max-width:min(72vw,272px) !important;
}
body.comments-mode .feed-comment-bubble.feed-comment-width-wide{
  width:min(82vw,324px) !important;
  min-width:min(82vw,324px) !important;
  max-width:min(82vw,324px) !important;
}
body.comments-mode .feed-comment-bubble[data-comment-hold-delete]{
  -webkit-touch-callout:none;
  user-select:none;
  -webkit-user-select:none;
}
body.comments-mode .feed-comment-delete{display:none !important;}
.feed-comment-delete-menu{
  position:fixed;
  z-index:9999;
  min-width:128px;
  padding:6px;
  box-sizing:border-box;
  border-radius:14px;
  border:1px solid rgba(255,196,90,.28);
  background:rgba(10,16,24,.98);
  box-shadow:0 18px 44px rgba(0,0,0,.42);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.feed-comment-delete-menu button{
  display:block;
  width:100%;
  min-height:40px;
  padding:0 14px;
  border:0;
  border-radius:10px;
  background:rgba(255,177,63,.14);
  color:rgba(255,218,150,.98);
  font:700 14px/1.2 inherit;
  text-align:center;
  cursor:pointer;
}
.feed-comment-delete-menu button:active{transform:scale(.98);}


/* DREAMCARS V193 — outer comments dock stays transparent; only arrow and counter chips keep their filled surfaces */
body.comments-mode .feed-comments-dock,
body.comments-mode .feed-comments-top{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.comments-mode .feed-comments-back,
body.comments-mode .feed-comments-counter-inline{
  background:rgba(11,20,31,.86) !important;
}

/* --- extract L8130-L8393 --- */
@media (max-width:767px){
  body.comments-mode .comments-composer-backdrop,
  html.dc-comments-bottom-anchor body.comments-mode .comments-composer-backdrop,
  html.dc-comments-bottom-anchor body.comments-mode.dc-keyboard-open .comments-composer-backdrop,
  body.comments-mode.dc-keyboard-open .comments-composer-backdrop{
    background:rgba(7,11,17,.18) !important;
    backdrop-filter:blur(18px) saturate(118%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(118%) !important;
  }
}
/* DREAMCARS V194 marker: 20260517_comments_lower_backdrop_soft_blur_v194 */

/* DREAMCARS V195 — lower comments blur backing is shorter and visibly softer */
@media (max-width:767px){
  body.comments-mode .comments-composer-backdrop,
  html.dc-comments-bottom-anchor body.comments-mode .comments-composer-backdrop{
    height:calc(92px + env(safe-area-inset-bottom,0px)) !important;
    background:rgba(7,11,17,.16) !important;
    backdrop-filter:blur(28px) saturate(124%) !important;
    -webkit-backdrop-filter:blur(28px) saturate(124%) !important;
  }

  html.dc-comments-bottom-anchor body.comments-mode.dc-keyboard-open .comments-composer-backdrop,
  body.comments-mode.dc-keyboard-open .comments-composer-backdrop{
    backdrop-filter:blur(28px) saturate(124%) !important;
    -webkit-backdrop-filter:blur(28px) saturate(124%) !important;
  }
}
/* DREAMCARS V195 marker: 20260517_comments_lower_backdrop_shorter_stronger_blur_v195 */

/* DREAMCARS V196 — lower comments blur joins the composer more softly, without a hard top line */
@media (max-width:767px){
  body.comments-mode .comments-composer-backdrop,
  html.dc-comments-bottom-anchor body.comments-mode .comments-composer-backdrop,
  html.dc-comments-bottom-anchor body.comments-mode.dc-keyboard-open .comments-composer-backdrop,
  body.comments-mode.dc-keyboard-open .comments-composer-backdrop{
    background:linear-gradient(180deg,rgba(7,11,17,0) 0%,rgba(7,11,17,.07) 18%,rgba(7,11,17,.13) 42%,rgba(7,11,17,.16) 100%) !important;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.42) 16%,rgba(0,0,0,.86) 34%,#000 52%) !important;
    mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.42) 16%,rgba(0,0,0,.86) 34%,#000 52%) !important;
  }
}
/* DREAMCARS V196 marker: 20260517_comments_lower_backdrop_soft_join_v196 */


/* DREAMCARS V197 — comments lower glass veil moves closer to the composer and fades from near-transparent blur into darker depth */
@media (max-width:767px){
  body.comments-mode .comments-composer-backdrop,
  html.dc-comments-bottom-anchor body.comments-mode .comments-composer-backdrop,
  html.dc-comments-bottom-anchor body.comments-mode.dc-keyboard-open .comments-composer-backdrop,
  body.comments-mode.dc-keyboard-open .comments-composer-backdrop{
    height:calc(102px + env(safe-area-inset-bottom,0px)) !important;
    background:linear-gradient(
      180deg,
      rgba(7,11,17,0) 0%,
      rgba(7,11,17,.018) 10%,
      rgba(7,11,17,.048) 24%,
      rgba(7,11,17,.09) 44%,
      rgba(7,11,17,.14) 68%,
      rgba(7,11,17,.19) 100%
    ) !important;
    backdrop-filter:blur(32px) saturate(128%) !important;
    -webkit-backdrop-filter:blur(32px) saturate(128%) !important;
    -webkit-mask-image:linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,0,0,.08) 9%,
      rgba(0,0,0,.24) 22%,
      rgba(0,0,0,.54) 42%,
      rgba(0,0,0,.82) 64%,
      #000 86%
    ) !important;
    mask-image:linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,0,0,.08) 9%,
      rgba(0,0,0,.24) 22%,
      rgba(0,0,0,.54) 42%,
      rgba(0,0,0,.82) 64%,
      #000 86%
    ) !important;
  }
}
/* DREAMCARS V197 marker: 20260517_comments_lower_backdrop_closer_ultrasoft_gradient_v197 */


/* DREAMCARS V198 — lower comments glass veil: closer to composer, transparent blurred crown, softer dark fade without hard black edge */
@media (max-width:767px){
  body.comments-mode .comments-composer-backdrop,
  html.dc-comments-bottom-anchor body.comments-mode .comments-composer-backdrop,
  html.dc-comments-bottom-anchor body.comments-mode.dc-keyboard-open .comments-composer-backdrop,
  body.comments-mode.dc-keyboard-open .comments-composer-backdrop{
    height:calc(118px + env(safe-area-inset-bottom,0px)) !important;
    bottom:0 !important;
    background:linear-gradient(
      180deg,
      rgba(6,10,16,0) 0%,
      rgba(6,10,16,.01) 6%,
      rgba(6,10,16,.035) 16%,
      rgba(6,10,16,.075) 30%,
      rgba(6,10,16,.12) 48%,
      rgba(6,10,16,.17) 70%,
      rgba(6,10,16,.22) 88%,
      rgba(6,10,16,.24) 100%
    ) !important;
    backdrop-filter:blur(38px) saturate(132%) !important;
    -webkit-backdrop-filter:blur(38px) saturate(132%) !important;
    -webkit-mask-image:linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,0,0,.025) 4%,
      rgba(0,0,0,.10) 12%,
      rgba(0,0,0,.24) 24%,
      rgba(0,0,0,.46) 42%,
      rgba(0,0,0,.70) 62%,
      rgba(0,0,0,.88) 82%,
      rgba(0,0,0,.96) 100%
    ) !important;
    mask-image:linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,0,0,.025) 4%,
      rgba(0,0,0,.10) 12%,
      rgba(0,0,0,.24) 24%,
      rgba(0,0,0,.46) 42%,
      rgba(0,0,0,.70) 62%,
      rgba(0,0,0,.88) 82%,
      rgba(0,0,0,.96) 100%
    ) !important;
  }

  body.comments-mode .comments-composer-backdrop::after,
  html.dc-comments-bottom-anchor body.comments-mode .comments-composer-backdrop::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    height:44px !important;
    pointer-events:none !important;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.012) 28%,
      rgba(255,255,255,.02) 58%,
      rgba(255,255,255,0) 100%
    ) !important;
  }
}
/* DREAMCARS V198 marker: 20260517_comments_lower_backdrop_true_soft_blur_v198 */

/* DREAMCARS V199 — comments lower backdrop: real composer geometry + soft transparent-to-dark glass fade without hard black strip */
@media (max-width:767px){
  body.comments-mode .comments-composer-backdrop,
  html.dc-comments-bottom-anchor body.comments-mode .comments-composer-backdrop,
  html.dc-comments-bottom-anchor body.comments-mode.dc-keyboard-open .comments-composer-backdrop,
  body.comments-mode.dc-keyboard-open .comments-composer-backdrop{
    bottom:0 !important;
    background:linear-gradient(
      180deg,
      rgba(6,10,16,0) 0%,
      rgba(6,10,16,.008) 8%,
      rgba(6,10,16,.024) 18%,
      rgba(6,10,16,.052) 32%,
      rgba(6,10,16,.096) 50%,
      rgba(6,10,16,.148) 70%,
      rgba(6,10,16,.205) 88%,
      rgba(6,10,16,.235) 100%
    ) !important;
    backdrop-filter:blur(42px) saturate(136%) !important;
    -webkit-backdrop-filter:blur(42px) saturate(136%) !important;
    -webkit-mask-image:linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,0,0,.028) 6%,
      rgba(0,0,0,.09) 14%,
      rgba(0,0,0,.22) 28%,
      rgba(0,0,0,.45) 48%,
      rgba(0,0,0,.70) 68%,
      rgba(0,0,0,.88) 86%,
      rgba(0,0,0,.96) 100%
    ) !important;
    mask-image:linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,0,0,.028) 6%,
      rgba(0,0,0,.09) 14%,
      rgba(0,0,0,.22) 28%,
      rgba(0,0,0,.45) 48%,
      rgba(0,0,0,.70) 68%,
      rgba(0,0,0,.88) 86%,
      rgba(0,0,0,.96) 100%
    ) !important;
  }

  body.comments-mode .comments-composer-backdrop::after,
  html.dc-comments-bottom-anchor body.comments-mode .comments-composer-backdrop::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    height:58px !important;
    pointer-events:none !important;
    background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.014) 40%,rgba(255,255,255,.008) 72%,rgba(255,255,255,0) 100%) !important;
  }
}
/* DREAMCARS V199 marker: 20260517_comments_lower_backdrop_geometry_soft_fade_v199 */


/* DREAMCARS V200 — lower comments glass backdrop fades softly over live thread content, without a hard black edge */
@media (max-width:767px){
  body.comments-mode .comments-composer-backdrop,
  html.dc-comments-bottom-anchor body.comments-mode .comments-composer-backdrop,
  html.dc-comments-bottom-anchor body.comments-mode.dc-keyboard-open .comments-composer-backdrop,
  body.comments-mode.dc-keyboard-open .comments-composer-backdrop{
    border:0 !important;
    box-shadow:none !important;
    background-color:transparent !important;
    background:linear-gradient(
      180deg,
      rgba(7,11,17,0) 0%,
      rgba(7,11,17,0) 10%,
      rgba(7,11,17,.008) 22%,
      rgba(7,11,17,.022) 38%,
      rgba(7,11,17,.052) 56%,
      rgba(7,11,17,.096) 76%,
      rgba(7,11,17,.145) 100%
    ) !important;
    backdrop-filter:blur(48px) saturate(138%) !important;
    -webkit-backdrop-filter:blur(48px) saturate(138%) !important;
    -webkit-mask-image:linear-gradient(
      180deg,
      transparent 0%,
      transparent 12%,
      rgba(0,0,0,.035) 26%,
      rgba(0,0,0,.15) 42%,
      rgba(0,0,0,.38) 60%,
      rgba(0,0,0,.68) 82%,
      rgba(0,0,0,.90) 100%
    ) !important;
    mask-image:linear-gradient(
      180deg,
      transparent 0%,
      transparent 12%,
      rgba(0,0,0,.035) 26%,
      rgba(0,0,0,.15) 42%,
      rgba(0,0,0,.38) 60%,
      rgba(0,0,0,.68) 82%,
      rgba(0,0,0,.90) 100%
    ) !important;
  }

  body.comments-mode .comments-composer-backdrop::after,
  html.dc-comments-bottom-anchor body.comments-mode .comments-composer-backdrop::after{
    height:72px !important;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.010) 42%,
      rgba(255,255,255,.006) 72%,
      rgba(255,255,255,0) 100%
    ) !important;
  }
}

/* --- extract L8396-L8428 --- */
/* DREAMCARS V201 — keyboard-open comments only: composer sits closer to the keyboard; closed-keyboard layout is untouched */
@media (max-width:767px){
  body.mobile-admin-keyboard.comments-mode .mobile-admin-composer,
  body.mobile-admin-keyboard.comments-mode .mobile-admin-composer.is-recording-audio,
  body.mobile-admin-keyboard.comments-mode .mobile-admin-composer.is-recording-audio.is-locked-audio,
  body.mobile-admin-keyboard.comments-mode .mobile-admin-composer.is-recording-video,
  body.comments-mode.dc-keyboard-open .mobile-admin-composer,
  body.comments-mode.dc-keyboard-open .mobile-admin-composer.is-recording-audio,
  body.comments-mode.dc-keyboard-open .mobile-admin-composer.is-recording-audio.is-locked-audio,
  body.comments-mode.dc-keyboard-open .mobile-admin-composer.is-recording-video{
    top:auto !important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important;
    margin:0 !important;
  }
}
/* DREAMCARS V201 marker: 20260517_comments_keyboard_scroll_top_composer_closer_v201 */


/* DREAMCARS V202 — comments keyboard-open only: reliable focus-driven composer proximity to the keyboard */
@media (max-width:767px){
  body.comments-mode.comments-keyboard-focus .mobile-admin-composer,
  body.comments-mode.comments-keyboard-focus .mobile-admin-composer.is-recording-audio,
  body.comments-mode.comments-keyboard-focus .mobile-admin-composer.is-recording-audio.is-locked-audio,
  body.comments-mode.comments-keyboard-focus .mobile-admin-composer.is-recording-video,
  body.comments-mode.dc-keyboard-open .mobile-admin-composer,
  body.comments-mode.dc-keyboard-open .mobile-admin-composer.is-recording-audio,
  body.comments-mode.dc-keyboard-open .mobile-admin-composer.is-recording-audio.is-locked-audio,
  body.comments-mode.dc-keyboard-open .mobile-admin-composer.is-recording-video{
    top:auto !important;
    bottom:var(--dc-comments-composer-bottom,calc(var(--dc-keyboard-offset,0px) + 2px)) !important;
    margin:0 !important;
  }
}

/* --- extract L8432-L8645 --- */
/* DREAMCARS V210 — centered long-press comment action menu + reply/edit composer context */
html.comments-action-menu-open,
html.comments-action-menu-open body{
  overscroll-behavior:none !important;
}
.feed-comment-action-layer{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483640 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:22px 16px !important;
  box-sizing:border-box !important;
}
.feed-comment-action-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(4,7,12,.58) !important;
  backdrop-filter:blur(14px) saturate(118%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(118%) !important;
}
.feed-comment-action-stage{
  position:relative !important;
  z-index:1 !important;
  width:min(calc(100vw - 32px),430px) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:center !important;
  gap:10px !important;
  max-height:calc(100svh - 44px) !important;
}
.feed-comment-action-focus{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}
.feed-comment-action-focus .feed-comment-row{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
.feed-comment-action-focus .feed-comment-bubble{
  box-shadow:0 20px 58px rgba(0,0,0,.54),0 0 0 1px rgba(255,255,255,.12) !important;
}
.feed-comment-action-focus .feed-comment-avatar{
  opacity:1 !important;
}
.feed-comment-action-menu{
  align-self:flex-end !important;
  width:min(212px,74vw) !important;
  padding:7px !important;
  box-sizing:border-box !important;
  border-radius:18px !important;
  border:1px solid rgba(178,196,214,.18) !important;
  background:rgba(10,16,24,.94) !important;
  box-shadow:0 20px 50px rgba(0,0,0,.48) !important;
  backdrop-filter:blur(18px) saturate(126%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(126%) !important;
}
.feed-comment-action-menu button{
  display:block !important;
  width:100% !important;
  min-height:43px !important;
  padding:0 14px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:rgba(243,247,251,.98) !important;
  font:600 15px/1.2 inherit !important;
  text-align:left !important;
  cursor:pointer !important;
}
.feed-comment-action-menu button + button{
  margin-top:2px !important;
}
.feed-comment-action-menu button:active{
  background:rgba(255,255,255,.08) !important;
  transform:scale(.985) !important;
}
.feed-comment-action-menu button.is-danger{
  color:#ff5c63 !important;
}
body.comments-mode .feed-comment-bubble[data-comment-menu]{
  -webkit-touch-callout:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
body.comments-mode .feed-comment-reply-preview{
  margin:0 0 6px !important;
  padding:6px 8px !important;
  border-left:2px solid rgba(103,182,255,.9) !important;
  border-radius:8px !important;
  background:rgba(8,18,29,.52) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}
body.comments-mode .feed-comment-reply-preview b{
  color:rgba(219,238,255,.98) !important;
  font:700 12px/1.25 inherit !important;
}
body.comments-mode .feed-comment-reply-preview span{
  color:rgba(219,229,238,.78) !important;
  font:500 12px/1.25 inherit !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.comments-mode .mobile-admin-composer[data-composer-context="comments"] .comments-composer-context{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:calc(100% + 8px) !important;
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:7px 8px 7px 11px !important;
  box-sizing:border-box !important;
  border-radius:16px !important;
  border:1px solid rgba(131,169,202,.28) !important;
  background:rgba(10,18,28,.92) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.34) !important;
  backdrop-filter:blur(16px) saturate(122%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(122%) !important;
  z-index:2147483920 !important;
}
body.comments-mode .mobile-admin-composer[data-composer-context="comments"] .comments-composer-context[hidden]{
  display:none !important;
}
body.comments-mode .comments-composer-context > div{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:1px !important;
}
body.comments-mode .comments-composer-context strong{
  color:rgba(223,240,255,.98) !important;
  font:700 12px/1.25 inherit !important;
}
body.comments-mode .comments-composer-context span{
  color:rgba(215,226,236,.76) !important;
  font:500 12px/1.25 inherit !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.comments-mode .comments-composer-context button{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.08) !important;
  color:rgba(235,242,248,.96) !important;
  font:500 22px/1 inherit !important;
  display:grid !important;
  place-items:center !important;
}
body.comments-mode .mobile-admin-composer.is-comment-editing[data-composer-context="comments"] .comments-composer-context{
  border-color:rgba(255,188,92,.34) !important;
}
@media (max-width:767px){
  .feed-comment-action-layer{
    padding:18px 14px !important;
  }
  .feed-comment-action-stage{
    width:min(calc(100vw - 28px),430px) !important;
    max-height:calc(100svh - 36px) !important;
  }
}
/* DREAMCARS V210 marker: 20260517_comments_action_menu_reply_edit_v210 */


/* DREAMCARS V212 — action menu overlay stays inside the real visible viewport above the mobile keyboard */
.feed-comment-action-layer{
  inset:auto 0 auto 0 !important;
  top:var(--dc-comment-action-top,0px) !important;
  bottom:auto !important;
  height:var(--dc-comment-action-height,100svh) !important;
  min-height:180px !important;
}
.feed-comment-action-stage{
  max-height:calc(var(--dc-comment-action-height,100svh) - 44px) !important;
}
@media (max-width:767px){
  .feed-comment-action-stage{
    max-height:calc(var(--dc-comment-action-height,100svh) - 36px) !important;
  }
}
/* DREAMCARS V212 marker: 20260517_comments_action_menu_visible_viewport_v212 */


/* DREAMCARS V213 — action overlay also covers the composer area; the focused comment and actions stay above it */
html.comments-action-menu-open body.comments-mode .mobile-admin-composer,
html.comments-action-menu-open body.comments-mode .comments-composer-backdrop,
html.comments-action-menu-open body.comments-mode .feed-comments-guest{
  z-index:2147483300 !important;
}
html.comments-action-menu-open body.comments-mode .mobile-admin-composer,
html.comments-action-menu-open body.comments-mode .mobile-admin-composer *{
  pointer-events:none !important;
}
html.comments-action-menu-open .feed-comment-action-layer{
  z-index:2147483640 !important;
}
/* DREAMCARS V213 marker: 20260517_comments_action_overlay_covers_composer_restore_state_v213 */

/* --- extract L8805-L8817 --- */
@media (max-width:767px){
  body.comments-admin-user-visual.comments-mode{
    margin:0 !important;
    padding:0 !important;
  }
  body.comments-admin-user-visual.comments-mode header:not(.dc-app-header) nav.admin-header-actions,
  body.comments-admin-user-visual.comments-mode header:not(.dc-app-header) .admin-home-link,
body.comments-admin-user-visual.comments-mode header:not(.dc-app-header) .admin-logout-link{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

/* --- extract L10211-L10258 --- */
/* === DREAMCARS hard fix: round comment avatars + overlay covers composer v248 === */

/* Comments avatars: force true circle even when rendered as button */
button.feed-comment-avatar,
.feed-comment-row .feed-comment-avatar{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  flex:0 0 44px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:50%!important;
  aspect-ratio:1 / 1!important;
  line-height:1!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

button.feed-comment-avatar img,
.feed-comment-row .feed-comment-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  border-radius:50%!important;
}

button.feed-comment-avatar-fallback,
.feed-comment-row .feed-comment-avatar-fallback{
  font-size:13px!important;
  font-weight:900!important;
  text-align:center!important;
}

/* Preserve smaller own layout spacing around avatar column */
.feed-comment-row.is-other{
  align-items:flex-end!important;
}

/* --- comments-page v1 supplements (final winning visual, no geometry vars) --- */
body.comments-mode .feed-comment-composer{display:none !important;}

@media (max-width:767px){
  body.comments-mode .mobile-admin-composer[data-composer-context="comments"]:not(.is-recording-audio):not(.is-recording-video) .attach-action,
  body.comments-mode .mobile-admin-composer[data-composer-context="comments"]:not(.is-recording-audio):not(.is-recording-video) .mode-action{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.comments-mode .mobile-admin-composer[data-composer-context="comments"]:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
    position:relative !important;
    display:flex !important;
    align-items:flex-end !important;
    width:100% !important;
    min-width:0 !important;
    border-radius:999px !important;
    border:1px solid rgba(101,169,198,.22) !important;
    background:rgba(10,56,76,.78) !important;
    box-shadow:0 7px 18px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05) !important;
    overflow:hidden !important;
  }

  body.comments-mode .mobile-admin-composer.composer-multiline[data-composer-context="comments"]:not(.is-recording-audio):not(.is-recording-video) .composer-input-wrap{
    border-radius:28px !important;
  }

  body.comments-mode .mobile-admin-composer[data-composer-context="comments"]:not(.is-recording-audio):not(.is-recording-video) .send-action:not([hidden]){
    border:1px solid rgba(101,169,198,.38) !important;
    background:rgba(8,54,74,.86) !important;
    box-shadow:0 7px 18px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  body.comments-mode .feed-comments-screen[data-can-comment="0"] .feed-comments-guest{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:calc(100% - 28px) !important;
    max-width:406px !important;
    bottom:var(--dc-comments-guest-bottom,max(14px,env(safe-area-inset-bottom,0px))) !important;
    z-index:2147483900 !important;
  }
}

body.comments-mode .user-bottom-nav,
body.comments-mode .admin-mobile-bottom-nav{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}