.replyo{
  --rp-bg:#18161f;
  --rp-bg-soft:#221f2b;
  --rp-card:#262233;
  --rp-border:#3a3151;
  --rp-border-soft:#4a3f67;
  --rp-text:#f5f1ff;
  --rp-muted:#b8adc9;
  --rp-accent:#8f67ff;
  --rp-accent-2:#6e4be0;
  --rp-pill:#2f2940;
  --rp-danger:#ff6b7d;
  margin:32px 0;
  padding:24px;
  border:1px solid var(--rp-border);
  border-radius:18px;
  background:linear-gradient(180deg,var(--rp-bg),#1b1725);
  box-shadow:0 16px 40px rgba(0,0,0,.28);
  color:var(--rp-text);
}
.replyo *{box-sizing:border-box}
.replyo-header{margin-bottom:18px}
.replyo-header h3{margin:0 0 6px;font-size:24px;color:#fff}
.replyo-header p{margin:0;color:var(--rp-muted)}
.replyo-form-card{
  padding:16px;
  border:1px solid var(--rp-border);
  border-radius:16px;
  background:linear-gradient(180deg,var(--rp-bg-soft),#201c2a);
}
.replyo-grid{display:grid;gap:12px}
.replyo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.replyo textarea,.replyo input,.replyo select{
  width:100%;
  padding:14px 16px;
  border:1px solid var(--rp-border-soft);
  border-radius:14px;
  font:inherit;
  color:var(--rp-text);
  background:#2b2736;
  outline:none;
}
.replyo textarea::placeholder,.replyo input::placeholder{color:#9d92b1}
.replyo textarea:focus,.replyo input:focus{
  border-color:var(--rp-accent);
  box-shadow:0 0 0 3px rgba(143,103,255,.15);
}
.replyo textarea{min-height:128px;resize:vertical}
.replyo-form-actions,.replyo-inline-actions{display:flex;gap:10px;align-items:center;margin-top:12px}
.replyo-button{
  border:0;
  background:linear-gradient(180deg,var(--rp-accent),var(--rp-accent-2));
  color:#fff;
  border-radius:12px;
  padding:11px 18px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(111,75,224,.28);
}
.replyo-button-secondary{
  background:#332c45;
  color:#f3efff;
  box-shadow:none;
}
.replyo-feedback{
  margin:14px 0;
  padding:12px 14px;
  border-radius:12px;
  font-weight:600;
}
.replyo-success{background:rgba(34,197,94,.12);color:#9df0b9}
.replyo-error{background:rgba(255,107,125,.12);color:#ffb1ba}
.replyo-post-reactions,.replyo-comment-reactions{margin-bottom:16px}
.replyo-reaction-row{display:flex;flex-wrap:wrap;gap:8px}
.replyo-reaction{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid var(--rp-border-soft);
  background:var(--rp-pill);
  color:#fff;
  cursor:pointer;
  font:inherit;
  transition:.18s ease;
}
.replyo-reaction:hover{transform:translateY(-1px);border-color:var(--rp-accent)}
.replyo-reaction.is-active{
  background:rgba(143,103,255,.18);
  border-color:var(--rp-accent);
  box-shadow:0 0 0 2px rgba(143,103,255,.12) inset;
}
.replyo-post-reactions.is-loading,.replyo-comment-reactions.is-loading{opacity:.7}
.replyo-comment-list{display:flex;flex-direction:column;gap:18px;margin-top:18px}
.replyo-comment{
  padding:18px;
  border:1px solid var(--rp-border);
  border-radius:16px;
  background:linear-gradient(180deg,#221d2e,#1d1927);
}
.replyo-comment-main{display:flex;align-items:flex-start;gap:14px}
.replyo-avatar{
  width:44px;height:44px;border-radius:999px;object-fit:cover;
  background:#3b344b;border:1px solid var(--rp-border);
}
.replyo-body{flex:1;min-width:0}
.replyo-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin-bottom:10px;color:var(--rp-muted);font-size:14px
}
.replyo-meta strong{color:#fff;font-size:15px}
.replyo-content{color:#f4f1fb;line-height:1.7}
.replyo-content p{margin:.2em 0}
.replyo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.replyo-action{
  padding:0;border:0;background:transparent;color:#d6cffa;
  font:inherit;cursor:pointer
}
.replyo-action:hover{color:#fff}
.replyo-children{
  margin-left:56px;margin-top:14px;display:flex;flex-direction:column;gap:14px;
  border-left:2px solid rgba(143,103,255,.18);padding-left:14px
}
.replyo-inline-area{margin-top:12px}
.replyo-inline-box{
  padding:14px;border-radius:14px;background:#272235;border:1px solid var(--rp-border)
}
.replyo-history-item{padding:10px 0;border-bottom:1px solid var(--rp-border)}
.replyo-history-item:last-child{border-bottom:0}
.replyo-history-date{font-size:12px;color:var(--rp-muted);margin-bottom:6px}
.replyo-badges{display:inline-flex;gap:6px;flex-wrap:wrap}
.replyo-badge{
  display:inline-flex;align-items:center;gap:6px;color:#fff;
  padding:4px 8px;border-radius:999px;font-size:12px;line-height:1
}
.replyo-badge img{width:14px;height:14px;border-radius:999px;object-fit:cover}
.replyo-edited-tag{
  display:inline-flex;padding:2px 8px;background:rgba(143,103,255,.18);
  color:#d8ccff;border-radius:999px;font-size:12px;border:1px solid rgba(143,103,255,.28)
}
.replyo-empty{
  padding:18px;border-radius:14px;background:#241f30;color:var(--rp-muted);
  margin-top:18px;text-align:center;border:1px dashed var(--rp-border)
}
.replyo-login-note{color:var(--rp-muted)}
.comment-respond .comment-form,
#respond .comment-form,
.comment-list,
.comment-navigation {
  display:none !important;
}
@media (max-width:640px){
  .replyo{padding:18px}
  .replyo-grid-2{grid-template-columns:1fr}
  .replyo-children{margin-left:18px}
  .replyo-comment-main{gap:10px}
}

.replyo-post-reactions .replyo-reaction-row{
  display:grid;
  grid-template-columns:repeat(3, minmax(92px, 120px));
  justify-content:center;
  gap:12px;
  margin:8px auto 18px;
}
.replyo-post-reactions .replyo-reaction{
  justify-content:center;
  min-height:48px;
  font-size:16px;
  padding:12px 14px;
}
.replyo-comment-reactions .replyo-reaction-row{
  display:flex;
  justify-content:flex-start;
  gap:8px;
}
.replyo-comment-reactions .replyo-reaction{
  min-height:auto;
  padding:6px 10px;
  font-size:13px;
}
.replyo-more-wrap{
  display:flex;
  justify-content:center;
  margin-top:18px;
}
.replyo-removed{
  margin:0;
  padding:10px 12px;
  border-radius:10px;
}
.replyo-removed-author{
  background:rgba(255,255,255,.04);
  color:var(--rp-muted);
}
.replyo-removed-admin{
  background:rgba(255,107,125,.10);
  color:#ffb8c1;
  border:1px solid rgba(255,107,125,.18);
}

.replyo-reaction[disabled]{opacity:.8;cursor:default}
.replyo-more-replies-wrap{
  margin:10px 0 0 56px;
}
.replyo-load-more-replies{
  color:#bcaeff;
}

.replyo-toolbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  margin:14px 0 6px;
}
.replyo-toolbar label{
  color:var(--rp-muted);
  font-size:13px;
}
.replyo-toolbar .replyo-sort-select{
  width:auto;
  min-width:150px;
  padding:10px 12px;
}

.replyo-live-notice{margin:10px 0 0;padding:10px 12px;border:1px solid rgba(143,103,255,.25);background:rgba(143,103,255,.10);color:#daccff;border-radius:12px;opacity:.92}.replyo-live-notice.is-visible{animation:replyoFadeIn .2s ease}@keyframes replyoFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:.92;transform:none}}

.replyo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.replyo-toolbar-left,.replyo-toolbar-right{display:flex;align-items:center;gap:10px}
.replyo-total-comments{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.replyo-mention{color:#bda7ff;font-weight:600}
.replyo-replying-to{margin-bottom:8px;font-size:13px;color:#b7a6df}
.replyo-live-notice{opacity:0;transform:translateY(-4px);transition:.2s ease;pointer-events:none;margin-bottom:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.replyo-live-notice.is-visible{opacity:1;transform:translateY(0)}

.replyo-toolbar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:'. center .' 'left . right';align-items:end;gap:14px 16px;margin-top:12px}
.replyo-toolbar-left{grid-area:left;justify-self:start}
.replyo-toolbar-center{grid-area:center;justify-self:center}
.replyo-toolbar-right{grid-area:right;justify-self:end}
.replyo-post-reactions{margin:0}
.replyo-inline-reply-box{margin-top:12px;padding:14px;border:1px solid var(--rp-border);background:rgba(255,255,255,.03);border-radius:14px}
.replyo-inline-reply-form textarea{min-height:96px}
.replyo-quoted-text{margin:0 0 10px;padding:10px 12px;border-left:3px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:var(--rp-muted);font-style:italic;border-radius:8px}
@media (max-width:900px){
  .replyo-toolbar{
    grid-template-columns:1fr;
    grid-template-areas:"center" "left" "right";
  }
  .replyo-toolbar-left,.replyo-toolbar-center,.replyo-toolbar-right{justify-self:stretch}
  .replyo-toolbar-right{justify-content:flex-start}
}

.replyo-inline-reply-slot{display:block;width:100%}
.replyo-more-wrap{display:flex;justify-content:center;margin-top:16px}

.replyo-inline-reply-slot{display:block;width:100%;margin-top:12px}

.replyo-comment.is-pinned{
  border-color: rgba(255, 215, 64, .45);
  box-shadow: 0 0 0 1px rgba(255,215,64,.18), 0 12px 28px rgba(255,215,64,.08);
  background: linear-gradient(180deg, rgba(255,215,64,.08), rgba(255,255,255,.02));
}
.replyo-pinned-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 9px;
  border-radius:999px;
  background: rgba(255,215,64,.14);
  border:1px solid rgba(255,215,64,.28);
  color:#ffd95a;
  font-size:12px;
  font-weight:700;
}

.replyo-role-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  color:#fff;
  font-size:12px;
  font-weight:700;
  line-height:1;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.replyo-role-pill img{
  width:14px;
  height:14px;
  border-radius:4px;
  object-fit:cover;
}
.replyo-role-emoji{font-size:13px;line-height:1}


/* Replyo notifications */
.replyo-toolbar-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.replyo-notification-wrap{
  position:relative;
  display:flex;
  align-items:center;
}
.replyo-notification-bell{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:48px;
  height:42px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(138,92,246,.35);
  background:rgba(255,255,255,.04);
  color:#fff;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(17,12,31,.18);
}
.replyo-notification-bell:hover{
  border-color:rgba(168,85,247,.6);
}
.replyo-bell-icon{
  font-size:18px;
  line-height:1;
}
.replyo-notification-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:linear-gradient(90deg,#8b5cf6,#ec4899);
  color:#fff;
  font-size:11px;
  font-weight:700;
}
.replyo-notification-dropdown{
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  width:320px;
  max-width:min(90vw,320px);
  background:#171426;
  border:1px solid rgba(138,92,246,.24);
  border-radius:14px;
  box-shadow:0 20px 40px rgba(17,12,31,.35);
  overflow:hidden;
  z-index:30;
}
.replyo-notification-item,
.replyo-notification-all{
  display:block;
  padding:12px 14px;
  color:#fff;
  text-decoration:none;
}
.replyo-notification-item{
  border-bottom:1px solid rgba(255,255,255,.06);
}
.replyo-notification-item.is-unread{
  background:rgba(139,92,246,.08);
}
.replyo-notification-message{
  font-size:14px;
  line-height:1.45;
}
.replyo-notification-time{
  margin-top:4px;
  font-size:12px;
  color:#b6b0d3;
}
.replyo-notification-all{
  text-align:center;
  font-weight:600;
  background:rgba(255,255,255,.03);
}
.replyo-notification-empty{
  padding:14px;
  color:#b6b0d3;
  text-align:center;
}


/* Replyo sort + bell compact alignment */
.replyo-toolbar-right{
  align-self:end;
  justify-self:end;
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}
.replyo-toolbar-right label{
  margin:0;
}
.replyo-toolbar-right .replyo-sort-select{
  min-width:118px;
  max-width:132px;
  width:132px;
}
.replyo-toolbar-right .replyo-notification-bell{
  min-width:42px;
  width:42px;
  height:42px;
  padding:0;
  flex:0 0 42px;
}
@media (max-width:900px){
  .replyo-toolbar-right{
    justify-self:end;
    margin-top:8px;
  }
}


/* Fix sort + bell inline layout */
.replyo-toolbar-right{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    flex-direction:row !important;
}

.replyo-toolbar-right label{
    margin-right:4px;
    white-space:nowrap;
}

.replyo-toolbar-right .replyo-sort-select{
    width:130px;
    min-width:130px;
}

.replyo-toolbar-right .replyo-notification-wrap{
    display:flex;
    align-items:center;
}



/* Force sort + bell to stay on one line */
.replyo-toolbar-right,
.replyo-toolbar .replyo-toolbar-right{
    display:inline-flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    width:auto !important;
    max-width:none !important;
    white-space:nowrap !important;
}

.replyo-toolbar-right > label,
.replyo-toolbar .replyo-toolbar-right > label{
    display:inline-flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
    flex:0 0 auto !important;
}

.replyo-toolbar-right > .replyo-sort-select,
.replyo-toolbar .replyo-toolbar-right > .replyo-sort-select{
    display:inline-block !important;
    width:130px !important;
    min-width:130px !important;
    max-width:130px !important;
    flex:0 0 130px !important;
    margin:0 !important;
}

.replyo-toolbar-right > .replyo-notification-wrap,
.replyo-toolbar .replyo-toolbar-right > .replyo-notification-wrap{
    display:inline-flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    margin:0 !important;
}

.replyo-toolbar-right .replyo-notification-bell{
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    padding:0 !important;
}



/* Single-row post reactions test */
.replyo-post-reactions .replyo-reaction-row{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    gap:12px !important;
}

.replyo-post-reactions .replyo-reaction{
    flex:0 0 auto !important;
}

@media (max-width: 900px){
    .replyo-post-reactions .replyo-reaction-row{
        gap:10px !important;
        overflow-x:auto;
        overflow-y:hidden;
        justify-content:flex-start !important;
        padding-bottom:4px;
        scrollbar-width:thin;
    }
}



/* Center post reactions cleanly */
.replyo-toolbar-center{
    justify-self:center !important;
    width:100%;
    display:flex;
    justify-content:center;
}

.replyo-post-reactions{
    display:flex;
    justify-content:center;
    width:100%;
}

.replyo-post-reactions .replyo-reaction-row{
    width:auto !important;
    margin:0 auto !important;
    justify-content:center !important;
}

@media (max-width:900px){
    .replyo-toolbar-center{
        width:100%;
    }
    .replyo-post-reactions{
        justify-content:center;
    }
}



/* True geometric centering for top reactions */
.replyo-toolbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:end !important;
    gap:14px 16px !important;
}

.replyo-toolbar-center{
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    justify-self:center !important;
    width:auto !important;
    display:flex !important;
    justify-content:center !important;
}

.replyo-toolbar-left{
    grid-column:1 !important;
    grid-row:2 !important;
    justify-self:start !important;
}

.replyo-toolbar-right{
    grid-column:3 !important;
    grid-row:2 !important;
    justify-self:end !important;
}

.replyo-post-reactions{
    width:max-content !important;
    margin:0 auto !important;
}

.replyo-post-reactions .replyo-reaction-row{
    width:max-content !important;
    margin:0 auto !important;
    justify-content:center !important;
}

@media (max-width:900px){
    .replyo-toolbar{
        grid-template-columns:1fr !important;
        grid-template-rows:auto auto auto !important;
    }
    .replyo-toolbar-center{
        grid-column:1 !important;
        grid-row:1 !important;
    }
    .replyo-toolbar-left{
        grid-column:1 !important;
        grid-row:2 !important;
    }
    .replyo-toolbar-right{
        grid-column:1 !important;
        grid-row:3 !important;
        justify-self:end !important;
    }
}


/* Replyo notifications */
.replyo-notification-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:320px;max-width:min(90vw,320px);background:#171426;border:1px solid rgba(138,92,246,.24);border-radius:14px;box-shadow:0 20px 40px rgba(17,12,31,.35);overflow:hidden;z-index:30}
.replyo-notification-item,.replyo-notification-all{display:block;padding:12px 14px;color:#fff;text-decoration:none}
.replyo-notification-item{border-bottom:1px solid rgba(255,255,255,.06)}
.replyo-notification-item.is-unread{background:rgba(139,92,246,.08)}
.replyo-notification-message{font-size:14px;line-height:1.45}
.replyo-notification-time{margin-top:4px;font-size:12px;color:#b6b0d3}
.replyo-notification-all{text-align:center;font-weight:600;background:rgba(255,255,255,.03)}
.replyo-notification-empty{padding:14px;color:#b6b0d3;text-align:center}
.replyo-theme-page{max-width:960px;margin:24px auto;padding:0 16px}
.replyo-theme-card{background:linear-gradient(180deg,#171426 0%,#0f0d18 100%);padding:20px;border:1px solid rgba(138,92,246,.24);border-radius:16px;box-shadow:0 14px 32px rgba(17,12,31,.28);color:#fff}
.replyo-theme-card h2{margin-top:0;color:#fff}
.replyo-theme-notification{padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}
.replyo-theme-notification:first-of-type{border-top:0}
.replyo-theme-notification-message{font-size:15px;color:#fff}
.replyo-theme-notification-time{margin-top:6px;font-size:12px;color:#b6b0d3}
.replyo-theme-empty{color:#b6b0d3}

.replyo-theme-notification{display:block;color:inherit;text-decoration:none}
.replyo-theme-notification:hover{background:rgba(139,92,246,.08)}
.replyo-comment-highlight{animation:replyoCommentHighlight 2.4s ease}
@keyframes replyoCommentHighlight{
  0%{box-shadow:0 0 0 0 rgba(139,92,246,0);background:rgba(139,92,246,0)}
  15%{box-shadow:0 0 0 3px rgba(139,92,246,.30);background:rgba(139,92,246,.12)}
  100%{box-shadow:0 0 0 0 rgba(139,92,246,0);background:rgba(139,92,246,0)}
}

.replyo-avatar-link{
  display:block;
  padding:0;
  margin:0;
  line-height:0;
  background:transparent;
  border:0;
  border-radius:999px;
  box-shadow:none;
  color:inherit;
  text-decoration:none;
  flex:0 0 44px;
  align-self:flex-start;
}
.replyo-comment-main > .replyo-avatar-link .replyo-avatar{
  display:block;
  margin:0;
}
.replyo-author-link{
  display:inline-flex;
  align-items:center;
  gap:0;
  padding:0;
  border-radius:0;
  background:transparent;
  border:0;
  color:#fff;
  font-weight:700;
  transition:color .18s ease;
  box-shadow:none;
  text-decoration:none;
}
.replyo-profile-comment-link {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 16px;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(125,88,255,.22), rgba(125,88,255,.12));
  border:1px solid rgba(125,88,255,.34);
  color:#f4f1ff;
  font-weight:700;
  transition:all .18s ease;
  box-shadow:0 10px 24px rgba(35, 16, 88, .18);
  text-decoration:none;
}
.replyo-author-link strong {
  color: inherit;
}
.replyo-comment .replyo-author-link{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
}
.replyo-comment .replyo-author-link strong{
  font-size:15px;
  line-height:1.2;
}
.replyo-author-link:hover{
  color:#fff;
  transform:none;
  border-color:transparent;
}
.replyo-profile-comment-link:hover{
  transform:translateY(-1px);
  border-color:rgba(125,88,255,.42);
}
.replyo-comment-main > .replyo-avatar-link,
.replyo-comment-main > .replyo-avatar-link:hover{
  transform:none;
}
.replyo-profile-page {
  max-width: 960px;
  margin: 24px auto;
}
.replyo-profile-card {
  padding: 24px;
}
.replyo-profile-header {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-bottom: 20px;
}
.replyo-profile-avatar,
.replyo-profile-avatar-preview {
  width: 112px;
  height: 112px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255,255,255,.12);
}
.replyo-profile-name {
  margin: 0 0 6px;
}
.replyo-profile-submeta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.replyo-profile-activity-badge {
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(125,88,255,.14);
  border: 1px solid rgba(125,88,255,.25);
}
.replyo-profile-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 22px;
}
.replyo-profile-stat,
.replyo-profile-settings-box,
.replyo-profile-comment-card {
  position: relative;
  padding: 18px;
  margin-bottom: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 10px 32px rgba(8, 5, 28, .18);
}

.replyo-profile-stat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  min-height: 110px;
}
.replyo-profile-stat-value,
.replyo-profile-stat-label {
  display: block;
}
.replyo-profile-stat-value {
  font-size: 31px;
  line-height: 1.05;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.02em;
}
.replyo-profile-stat-date {
  font-size: 24px;
  line-height: 1.2;
}
.replyo-profile-stat-label {
  color: rgba(255,255,255,.72);
  font-size: 15px;
  font-weight: 700;
}
.replyo-profile-comment-hidden {
  display: none;
}
.replyo-profile-comments-more-wrap {
  display: flex;
  justify-content: center;
  margin: 8px 0 16px;
}
.replyo-profile-comments-more {
  appearance: none;
  border: 1px solid rgba(125,88,255,.3);
  background: linear-gradient(180deg, rgba(125,88,255,.18), rgba(125,88,255,.1));
  color: #fff;
  padding: 12px 18px;
  border-radius: 14px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(12,8,36,.18);
}
.replyo-profile-comments-more:hover {
  background: linear-gradient(180deg, rgba(125,88,255,.28), rgba(125,88,255,.14));
  border-color: rgba(125,88,255,.46);
}

.replyo-profile-comment-card::before {
  content: '';
  position: absolute;
  top: 16px;
  left: 16px;
  bottom: 16px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(125,88,255,.85), rgba(125,88,255,.15));
  opacity: .95;
}
.replyo-profile-comment-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  padding-left: 14px;
}
.replyo-profile-comment-text-wrap {
  margin: 0 0 14px 14px;
  padding: 14px 15px;
  border-radius: 16px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.08);
}
.replyo-profile-comment-text {
  line-height: 1.65;
  color: rgba(255,255,255,.92);
  margin: 0;
}
.replyo-profile-comment-actions {
  display: flex;
  justify-content: flex-start;
  padding-left: 14px;
}
.replyo-profile-comment-date {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  height: max-content;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: #d8d1f6;
  font-size: 13px;
  font-weight: 700;
}
.replyo-profile-comment-post-wrap {
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-width: 0;
  flex: 1;
}
.replyo-profile-comment-label {
  display: inline-flex;
  align-items: center;
  width: max-content;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(125,88,255,.14);
  border: 1px solid rgba(125,88,255,.26);
  color: #cbb7ff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
}
.replyo-profile-comment-post-box {
  display: block;
  width: 100%;
  padding: 14px 16px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(18, 14, 48, .85), rgba(255,255,255,.02));
  border: 1px solid rgba(125,88,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.replyo-profile-comment-post {
  display: block;
  font-size: 17px;
  line-height: 1.45;
  color: #fff;
  word-break: break-word;
}
.replyo-profile-comment-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 12px 16px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(125,88,255,.26), rgba(125,88,255,.14));
  border: 1px solid rgba(125,88,255,.34);
  color: #f8f6ff;
  font-weight: 800;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  box-shadow: 0 10px 24px rgba(20, 14, 58, .22);
}
.replyo-profile-comment-link:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg, rgba(125,88,255,.34), rgba(125,88,255,.18));
  border-color: rgba(125,88,255,.52);
  box-shadow: 0 14px 28px rgba(12, 8, 36, .26);
}
.replyo-profile-comment-link-text {
  letter-spacing: .01em;
}
@media (max-width: 767px) {
  .replyo-profile-comment-top {
    flex-direction: column;
  }
  .replyo-profile-comment-date {
    align-self: flex-start;
  }
}

@media (max-width: 900px) {
  .replyo-profile-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .replyo-profile-stat {
    min-height: 96px;
  }
  .replyo-profile-stat-value {
    font-size: 24px;
  }
  .replyo-profile-stat-date {
    font-size: 18px;
  }
  .replyo-profile-stat-label {
    font-size: 14px;
  }
}


.replyo-profile-stats-grid .replyo-profile-stat {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:8px !important;
}
.replyo-profile-stats-grid .replyo-profile-stat-value,
.replyo-profile-stats-grid .replyo-profile-stat-label {
  display:block !important;
  width:100%;
}
.replyo-profile-comments-more {
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px;
  padding:12px 18px !important;
  border-radius:14px !important;
  border:1px solid rgba(125,88,255,.34) !important;
  background:linear-gradient(180deg, rgba(125,88,255,.26), rgba(125,88,255,.14)) !important;
  color:#f8f6ff !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 10px 24px rgba(20,14,58,.22) !important;
}
.replyo-profile-comments-more:hover {
  transform:translateY(-1px);
  background:linear-gradient(180deg, rgba(125,88,255,.34), rgba(125,88,255,.18)) !important;
  border-color:rgba(125,88,255,.52) !important;
}


.replyo-profile-settings-box {
  padding: 24px 22px !important;
}
.replyo-profile-settings-title {
  margin: 0 0 16px !important;
  font-size: 31px;
  line-height: 1.2;
}
.replyo-profile-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}
.replyo-profile-avatar-options {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px !important;
}
.replyo-profile-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 52px;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #f7f4ff !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  cursor: pointer;
}
.replyo-profile-checkbox input[type="radio"] {
  margin: 0 !important;
  flex: 0 0 auto;
}
.replyo-profile-checkbox span {
  display: block;
}
.replyo-profile-field-label {
  display: block !important;
  margin: 0 !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.replyo-profile-avatar-url {
  width: 100% !important;
  min-height: 48px;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  background: rgba(255,255,255,.04) !important;
  color: #fff !important;
  box-sizing: border-box !important;
}
.replyo-profile-avatar-preview-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 116px;
  padding: 4px 0 0 !important;
}
.replyo-profile-form-actions {
  display: flex !important;
  justify-content: flex-start !important;
}
.replyo-profile-save-btn {
  min-width: 132px;
}
@media (max-width: 700px) {
  .replyo-profile-avatar-options {
    grid-template-columns: 1fr;
  }
}