.feedCommentSheetV1{position:fixed;left:0;right:0;top:0;height:100%;z-index:10050;display:flex;align-items:flex-end;justify-content:center;background:rgba(3,0,6,.64);overscroll-behavior:contain;overflow:hidden;transform:translateZ(0)}
.feedCommentSheetV1.hidden{display:none!important}
.feedCommentSheetBackdropV1{position:absolute;inset:0;border:0;background:transparent;padding:0}
.feedCommentSheetPanelV1{position:relative;width:min(720px,100%);height:min(92%,920px);max-height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(220,76,239,.38);border-radius:28px 28px 0 0;background:linear-gradient(180deg,#17081b 0%,#0b070d 100%);box-shadow:0 -22px 70px rgba(0,0,0,.65)}
.feedCommentSheetHandleV1{width:68px;height:6px;border-radius:999px;background:#827687;margin:10px auto 4px;flex:0 0 auto}
.feedCommentSheetHeaderV1{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px 14px;border-bottom:1px solid rgba(216,90,240,.25);flex:0 0 auto}
.feedCommentSheetHeaderV1 strong{font-size:21px;color:#fff}
.feedCommentSheetHeaderV1 .muted{font-size:12px;margin-top:2px}
.feedCommentSheetCloseV1{width:42px;height:42px;border-radius:50%;border:1px solid #6a2b78;background:#211226;color:#fff;font-size:28px;line-height:1}
.feedCommentSheetContentV1{display:flex!important;flex-direction:column;min-height:0;flex:1;padding:0!important;margin:0!important;background:transparent!important;border:0!important}
.feedCommentSheetListV1{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 18px 28px;scrollbar-gutter:stable}
.feedCommentSheetLoadingV1{padding:20px 0;text-align:center}
.feedCommentSheetComposerV1{position:relative!important;inset:auto!important;transform:none!important;display:grid;grid-template-columns:minmax(0,1fr) 50px auto;gap:8px;align-items:end;flex:0 0 auto;margin:0!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(216,90,240,.3);background:rgba(13,7,15,.98);box-shadow:0 -10px 26px rgba(0,0,0,.34);z-index:4}
.feedCommentSheetComposerV1 .commentTextInput{min-width:0;min-height:48px;max-height:132px;margin:0!important;resize:none}
.feedCommentSheetComposerV1 .commentPhotoPick{height:48px;min-width:50px;padding:0;display:grid;place-items:center}
.feedCommentSheetComposerV1 .commentSend{height:48px;min-width:102px;padding:0 16px}
.feedCommentSheetComposerV1 .commentPhotoName{grid-column:1/-1}
@media(max-width:560px){.feedCommentSheetPanelV1{height:94%;border-radius:24px 24px 0 0}
.feedCommentSheetV1.keyboardOpen .feedCommentSheetPanelV1{height:100%;max-height:100%;border-radius:18px 18px 0 0}.feedCommentSheetHeaderV1{padding-inline:14px}.feedCommentSheetListV1{padding-inline:14px}.feedCommentSheetComposerV1{grid-template-columns:minmax(0,1fr) 48px auto;padding-inline:10px}.feedCommentSheetComposerV1 .commentSend{min-width:88px;padding-inline:12px}}
@media(min-width:721px){.feedCommentSheetPanelV1{margin-bottom:2vh;border-radius:28px}}
.feedCommentEditV1{position:fixed;left:0;right:0;z-index:11000;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(2,0,5,.84);box-sizing:border-box}
.feedCommentEditPanelV1{width:min(680px,100%);max-height:100%;min-height:min(490px,85%);display:flex;flex-direction:column;gap:14px;padding:20px;box-sizing:border-box;border:1px solid rgba(220,76,239,.5);border-radius:24px;background:#160c1b;color:#fff;box-shadow:0 20px 70px #000}
.feedCommentEditPanelV1 header,.feedCommentEditPanelV1 footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.feedCommentEditPanelV1 h2{font-size:23px;margin:0}.feedCommentEditCloseV1{border:0;background:transparent;color:#fff;font-size:34px;line-height:1}
.feedCommentEditPanelV1 textarea{width:100%;min-height:180px;flex:1;resize:none;box-sizing:border-box;padding:16px;border:1px solid #80428d;border-radius:14px;background:#0b080e;color:#fff;font:inherit;font-size:18px;line-height:1.5;outline:none;overflow:auto}
.feedCommentEditPanelV1 textarea:focus{border-color:#e07bea;box-shadow:0 0 0 2px rgba(214,80,236,.25)}
.feedCommentEditPanelV1 footer{justify-content:flex-end}.feedCommentEditPanelV1 footer button{min-height:46px;padding:10px 18px;border-radius:14px;font:inherit;font-weight:700}
.feedCommentEditCancelV1{border:1px solid #704978;background:#241629;color:#fff}.feedCommentEditSaveV1{border:0;background:linear-gradient(120deg,#9f2abe,#d238e4);color:#fff}
@media(max-width:560px){.feedCommentEditV1{padding:8px;overflow-y:auto;align-items:stretch}.feedCommentEditPanelV1{height:100%;min-height:0;max-height:none;min-width:0;padding:16px;border-radius:18px;overflow-y:auto;overscroll-behavior:contain}.feedCommentEditPanelV1 textarea{min-height:64px;flex:1 0 64px}.feedCommentEditPanelV1 header,.feedCommentEditPanelV1 footer{flex-shrink:0}.feedCommentEditPanelV1 footer{position:sticky;bottom:-16px;z-index:1;margin:0 -16px -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#160c1b;border-top:1px solid rgba(220,76,239,.25)}}

/* Keep the save action above the mobile keyboard in comment editing. */
.feedCommentEditHeaderSaveV1{display:none}
@media(max-width:560px){
  .feedCommentEditPanelV1{overflow:hidden}
  .feedCommentEditPanelV1 header{gap:10px}
  .feedCommentEditPanelV1 header h2{flex:1;min-width:0;font-size:19px}
  .feedCommentEditHeaderSaveV1{
    display:block;
    flex:none;
    min-height:44px;
    padding:8px 16px;
    border:0;
    border-radius:12px;
    background:linear-gradient(120deg,#9f2abe,#d238e4);
    color:#fff;
    font:inherit;
    font-weight:800;
  }
  .feedCommentEditPanelV1 textarea{min-height:0;flex:1 1 auto}
  .feedCommentEditPanelV1 footer{display:none}
}


/* Comment reaction viewer must sit above the modal comment sheet. */
#reactionViewerOverlay:not(.hidden){z-index:12050!important}