/* Portal /formiga — comunidade (feed, chat ao vivo, perfis) no visual de
   axye.css. Só o portal carrega este arquivo. */

/* ---------- tela de entrada ---------- */
.login-screen { min-height: 100dvh; display: flex; align-items: center; justify-content: center; }
.formiga-wrap { max-width: 470px; }
.ax-hero { text-align: center; margin: 8px 0 26px; }
.ax-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px;
  border: 1px solid var(--ax-border); border-radius: 9999px; background: var(--ax-glass);
  font-size: 11px; font-weight: 700; letter-spacing: .08em; color: var(--ax-fg);
  -webkit-backdrop-filter: var(--ax-blur); backdrop-filter: var(--ax-blur);
}
.ax-chip img { width: 14px; height: 14px; filter: invert(1); }
.ax-hero-title { margin: 18px 0 10px; font-size: clamp(30px, 6vw, 44px); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.ax-hero-sub { margin: 0; color: var(--ax-muted); font-size: 15px; line-height: 1.6; }
.formiga-card.login-card { padding: 30px 26px; }
.formiga-card h1 { font-size: 26px; }
.login-brand span { color: var(--ax-fg); }

/* ---------- notificações (etapa obrigatória do cadastro + faixa no app) ---------- */
.push-step, .ax-push-banner {
  display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px;
  border: 1px solid rgb(85 152 247 / .45); background: rgb(85 152 247 / .1);
  box-shadow: 0 0 24px rgb(85 152 247 / .12); transition: border-color .3s, background .3s, box-shadow .3s;
}
.push-step.done { border-color: rgb(36 214 138 / .45); background: rgb(36 214 138 / .08); box-shadow: none; }
.push-step.attention { animation: ax-shake .5s; border-color: #ff7b7f; }
.push-step-icon { font-size: 22px; flex-shrink: 0; }
.push-step-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.push-step-text strong { font-size: 14px; color: var(--ax-fg); }
.push-step-text span, .ax-push-banner p { font-size: 12.5px; line-height: 1.45; color: var(--ax-text-2); margin: 0; }
.login-card .push-step-btn { min-height: 38px; height: 38px; padding: 0 16px; flex-shrink: 0; }
.push-step.done .push-step-btn { color: #4ade80; border-color: rgb(36 214 138 / .4); opacity: 1; }
.ax-push-banner p { flex: 1; }
.ax-push-banner .ax-btn { flex-shrink: 0; }
@keyframes ax-shake { 0%, 100% { transform: none; } 20%, 60% { transform: translateX(-5px); } 40%, 80% { transform: translateX(5px); } }

/* ---------- esqueci a senha / campos extras ---------- */
.login-card .link-btn, .link-btn {
  min-height: 0; height: auto; padding: 6px 0; margin-top: 2px; border: 0; background: none; box-shadow: none;
  color: var(--ax-accent-text); font: 500 13px var(--font-primary); cursor: pointer; text-align: center;
}
.login-card .link-btn:hover { background: none; opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.forgot-intro { margin: 0 0 4px; line-height: 1.5; }
.forgot-admin { margin-top: 14px; padding: 14px; border: 1px solid rgb(85 152 247 / .35); border-radius: 14px; background: var(--ax-purple-soft); text-align: center; }
.forgot-admin p { margin: 0 0 6px; }
.optional { color: var(--ax-muted); font-weight: 400; }

/* ---------- post automático de pagamento ---------- */
.ax-post-payment { border-color: rgb(36 214 138 / .4); background-image: linear-gradient(135deg, rgb(36 214 138 / .09), transparent 55%); }
.ax-pay-badge { padding: 4px 10px; border-radius: 9999px; font-size: 12px; font-weight: 700; white-space: nowrap; color: var(--ax-online); background: rgb(36 214 138 / .12); border: 1px solid rgb(36 214 138 / .35); }

/* ---------- app ---------- */
.ax-app { min-height: 100dvh; padding: 84px 16px 32px; }
.ax-nav-wrap { position: fixed; top: 10px; left: 0; right: 0; z-index: 50; display: flex; justify-content: center; padding: 0 12px; pointer-events: none; }
.ax-nav {
  pointer-events: auto; display: flex; align-items: center; gap: 6px; padding: 5px;
  border: 1px solid var(--ax-border); border-radius: 9999px; background: var(--ax-glass);
  -webkit-backdrop-filter: var(--ax-blur); backdrop-filter: var(--ax-blur);
  box-shadow: 0 10px 40px rgb(0 0 0 / .45), inset 0 1px 0 rgb(var(--ax-ink-rgb) / .06);
}
.ax-nav-group { display: flex; gap: 2px; }
.ax-nav-btn {
  position: relative; display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px;
  border: 0; border-radius: 9999px; background: transparent; color: rgb(var(--ax-ink-rgb) / .7);
  font: 500 14px var(--font-primary); cursor: pointer; transition: color .2s, background .2s;
}
.ax-nav-btn svg { width: 18px; height: 18px; flex-shrink: 0; }
.ax-nav-btn:hover { color: var(--ax-fg); background: var(--ax-hover); }
.ax-nav-btn.active { color: var(--ax-fg); font-weight: 700; }
.ax-nav-btn.active::after {
  content: ''; position: absolute; left: 22%; right: 22%; bottom: 3px; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--ax-fg), transparent); box-shadow: 0 0 10px rgb(var(--ax-ink-rgb) / .7);
}
.ax-nav-logo {
  display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 16px; margin: 0 4px;
  border: 1px solid var(--ax-border); border-radius: 9999px; cursor: pointer;
  background: linear-gradient(135deg, rgb(var(--ax-ink-rgb) / .1), rgb(var(--ax-ink-rgb) / .02)); color: var(--ax-fg);
  font: 700 17px var(--font-primary); letter-spacing: .06em;
  box-shadow: inset 0 1px 0 rgb(var(--ax-ink-rgb) / .12), 0 0 22px rgb(85 152 247 / .18);
}
.ax-nav-logo img { width: 18px; height: 18px; filter: invert(1); }
.ax-dot { position: absolute; top: 7px; right: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--ax-purple); box-shadow: 0 0 8px var(--ax-purple); }

.ax-shell {
  display: grid; grid-template-columns: 270px minmax(0, 600px) 360px; gap: 20px;
  justify-content: center; align-items: start; max-width: 1290px; margin: 0 auto;
}
.ax-left, .ax-right { position: sticky; top: 84px; display: flex; flex-direction: column; gap: 14px; }
.ax-center { min-width: 0; }
.ax-pane { display: none; flex-direction: column; gap: 14px; }
.ax-app[data-tab="feed"] .ax-pane[data-pane="feed"],
.ax-app[data-tab="chat"] .ax-pane[data-pane="feed"],
.ax-app[data-tab="profile"] .ax-pane[data-pane="profile"],
.ax-app[data-tab="account"] .ax-pane[data-pane="account"] { display: flex; animation: ax-in .35s var(--ax-ease); }

/* ---------- cards ---------- */
.ax-card {
  background: var(--ax-glass); border: 1px solid var(--ax-border); border-radius: 16px; padding: 16px;
  box-shadow: var(--ax-card-shadow);
}
.ax-card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.ax-card-head h3 { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; }
.ax-count { font-size: 12px; color: var(--ax-muted); padding: 3px 9px; border: 1px solid var(--ax-border); border-radius: 9999px; }
.ax-online-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--ax-online); box-shadow: 0 0 0 3px rgb(36 214 138 / .15); flex-shrink: 0; }
.ax-eyebrow { margin: 0; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ax-muted); }
.ax-empty { text-align: center; padding: 34px 16px; }
.ax-empty-title { margin: 0 0 4px; font-weight: 700; font-size: 16px; }
.ax-section-title { margin: 10px 2px 0; font-size: 15px; font-weight: 700; color: var(--ax-muted); }

/* avatares */
.ax-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #101824; flex-shrink: 0; display: block; }
.ax-avatar-sm { width: 30px; height: 30px; }
.ax-avatar-xl { width: 92px; height: 92px; }
.ax-ring { display: inline-flex; padding: 2px; border-radius: 50%; background: var(--ax-story-ring); flex-shrink: 0; }
.ax-ring .ax-avatar { border: 2px solid var(--ax-bg); }
.ax-ring-lg { padding: 3px; }

/* identidade do dia */
.ax-me-card { text-align: center; padding: 20px 16px; }
.ax-me-avatar { margin: 14px auto 10px; display: block; padding: 3px; border: 0; border-radius: 50%; background: var(--ax-story-ring); cursor: pointer; box-shadow: 0 0 34px rgb(85 152 247 / .35); }
.ax-me-avatar img { width: 92px; height: 92px; border-radius: 50%; object-fit: cover; border: 3px solid var(--ax-bg); display: block; background: #101824; }
.ax-me-card h2 { margin: 0; font-size: 22px; }
.ax-private { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 10px 0 0; font-size: 12px; color: var(--ax-muted); }
.ax-private svg { width: 14px; height: 14px; flex-shrink: 0; }
.ax-private strong { color: var(--ax-accent-text); font-weight: 600; }
.ax-private-block { justify-content: flex-start; align-items: flex-start; text-align: left; margin: 14px 0 0; padding: 10px 12px; border: 1px solid rgb(85 152 247 / .3); border-radius: 12px; background: rgb(85 152 247 / .08); line-height: 1.5; }
.ax-private-block svg { margin-top: 2px; }
.ax-hint { margin: 6px 0 0; font-size: 12px; color: var(--ax-muted-2); }
.ax-me-stats, .ax-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 16px; }
.ax-stats { grid-template-columns: repeat(4, 1fr); }
.ax-me-stats div, .ax-stats div { padding: 10px 6px; border: 1px solid var(--ax-border); border-radius: 12px; background: rgb(var(--ax-ink-rgb) / .02); text-align: center; }
.ax-me-stats strong, .ax-stats strong { display: block; font-size: 18px; font-weight: 700; }
.ax-me-stats span, .ax-stats span { font-size: 11px; color: var(--ax-muted); }

.ax-online-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; max-height: 300px; overflow-y: auto; }
.ax-online-list li { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 500; }
.ax-online-list li span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* faixa "hoje você é" (só quando a coluna da esquerda some) */
.ax-me-strip { display: none; align-items: center; gap: 12px; width: 100%; text-align: left; color: inherit; font: inherit; cursor: pointer; padding: 12px 14px; }
.ax-me-strip-text { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.ax-me-strip-text small { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ax-muted); }
.ax-me-strip-text strong { font-size: 17px; font-weight: 700; }
.ax-me-strip-text em { font-style: normal; font-size: 12px; color: var(--ax-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ax-me-strip-text b { color: var(--ax-accent-text); font-weight: 600; }

/* compositor */
.ax-composer { display: flex; gap: 12px; align-items: flex-start; }
.ax-composer-body { flex: 1; min-width: 0; }
.ax-composer textarea {
  width: 100%; resize: vertical; min-height: 52px; max-height: 240px; padding: 12px 14px;
  font: 400 15px/1.5 var(--font-primary); background: var(--ax-input); color: var(--ax-fg);
  border: 1px solid var(--ax-border); border-radius: 14px;
}
.ax-composer-foot { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; }
.ax-counter { font-size: 12px; color: var(--ax-muted-2); }
.ax-btn { height: 40px; padding: 0 22px; font: 500 14px var(--font-primary); cursor: pointer; }
.ax-btn:disabled { opacity: .5; cursor: default; }
.ax-btn-ghost { height: 40px; padding: 0 20px; font: 500 14px var(--font-primary); cursor: pointer; }
.ax-load-more { align-self: center; }
.ax-composer .error-msg { margin: 8px 0 0; font-size: 13px; }

/* posts */
.ax-feed { display: flex; flex-direction: column; gap: 14px; }
.ax-post { padding: 16px 16px 10px; transition: border-color .3s var(--ax-ease), box-shadow .3s var(--ax-ease), transform .3s var(--ax-ease); }
.ax-post:hover { border-color: var(--ax-hover-border); box-shadow: var(--ax-card-shadow-hover); }
.ax-post.ax-new { animation: ax-pop-in .5s var(--ax-ease); }
.ax-post-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ax-author, .ax-author-mini { display: inline-flex; align-items: center; gap: 10px; border: 0; background: none; color: inherit; cursor: pointer; padding: 0; text-align: left; font: inherit; }
.ax-author-text { display: flex; flex-direction: column; line-height: 1.3; }
.ax-author-text strong { font-size: 15px; font-weight: 700; }
.ax-author:hover strong { text-decoration: underline; text-underline-offset: 3px; }
.ax-author-text time { font-size: 12px; color: var(--ax-muted); }
.ax-post-body { margin: 12px 0 8px; font-size: 15px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.ax-post-actions { display: flex; gap: 4px; border-top: 1px solid rgb(51 51 51 / .4); padding-top: 6px; }
.ax-action {
  display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 12px; border: 0; border-radius: 9999px;
  background: transparent; color: var(--ax-muted); font: 500 14px var(--font-primary); cursor: pointer; transition: color .2s, background .2s;
}
.ax-action svg { width: 19px; height: 19px; }
.ax-action:hover { color: var(--ax-fg); background: var(--ax-hover); }
.ax-action.liked { color: #ff4d8d; }
.ax-action.liked svg path { fill: currentColor; }
.ax-action.pop svg { animation: ax-heart .4s var(--ax-ease); }
.ax-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 0; border-radius: 50%; background: transparent; color: var(--ax-muted); cursor: pointer; }
.ax-icon-btn svg { width: 17px; height: 17px; }
.ax-icon-btn:hover { background: var(--ax-hover); color: #ff7b7f; }
.ax-icon-sm { width: 26px; height: 26px; font-size: 18px; }

/* comentários */
.ax-comments { border-top: 1px solid rgb(51 51 51 / .4); margin-top: 6px; padding-top: 12px; }
.ax-comment-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; }
.ax-comment { display: flex; gap: 8px; align-items: flex-start; }
.ax-comment-bubble { flex: 1; min-width: 0; padding: 8px 12px; border-radius: 14px; background: rgb(var(--ax-ink-rgb) / .05); font-size: 13px; }
.ax-comment-bubble strong { font-weight: 700; }
.ax-comment-bubble time { font-size: 11px; color: var(--ax-muted); }
.ax-comment-bubble p { margin: 3px 0 0; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.ax-no-comments { margin: 0; font-size: 13px; }
.ax-comment-form, .ax-bio-row { display: flex; gap: 8px; }
.ax-comment-form input, .ax-bio-row input { flex: 1; min-width: 0; height: 40px; padding: 0 14px; font: 400 14px var(--font-primary); }

/* chat */
.ax-chat { display: flex; flex-direction: column; height: calc(100dvh - 104px); max-height: 760px; padding: 16px 0 0; overflow: hidden; }
.ax-chat .ax-card-head { padding: 0 16px; }
.ax-chat-list { flex: 1; overflow-y: auto; padding: 4px 14px 12px; display: flex; flex-direction: column; gap: 10px; overscroll-behavior: contain; }
.ax-chat-empty { margin: auto; text-align: center; font-size: 13px; }
.ax-msg { display: flex; gap: 8px; align-items: flex-end; max-width: 92%; animation: ax-in .25s var(--ax-ease); }
.ax-msg.mine { align-self: flex-end; }
.ax-msg-bubble { padding: 8px 12px 6px; border-radius: 16px 16px 16px 4px; background: rgb(var(--ax-ink-rgb) / .06); border: 1px solid rgb(51 51 51 / .5); min-width: 0; }
.ax-msg.mine .ax-msg-bubble { border-radius: 16px 16px 4px 16px; background: var(--ax-btn-gradient); color: var(--ax-btn-fg); border: 0; }
.ax-msg-bubble strong { display: block; font-size: 12px; font-weight: 700; color: var(--ax-accent-text); margin-bottom: 1px; }
.ax-msg-bubble p { margin: 0; font-size: 14px; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
.ax-msg-bubble time { display: block; text-align: right; font-size: 10px; color: var(--ax-muted); margin-top: 2px; }
.ax-msg.mine .ax-msg-bubble time { color: var(--ax-btn-muted); }
.ax-chat-form { display: flex; gap: 8px; padding: 12px 14px; border-top: 1px solid var(--ax-border); background: rgb(var(--ax-ink-rgb) / .02); }
.ax-chat-form input { flex: 1; min-width: 0; height: 44px; padding: 0 16px; border-radius: 9999px; font: 400 14px var(--font-primary); }
.ax-send { width: 44px; padding: 0; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ax-send svg { width: 19px; height: 19px; }

/* perfil */
.ax-profile { padding: 0; overflow: hidden; }
.ax-profile-cover { position: relative; height: 120px; background: radial-gradient(120% 140% at 0% 0%, #3a85ed 0%, transparent 55%), radial-gradient(120% 140% at 100% 0%, #db2777 0%, transparent 50%), #060a10; opacity: 1; }
:root[data-theme="light"] .ax-profile-cover { background: radial-gradient(120% 140% at 0% 0%, rgb(58 133 237 / .18), transparent 55%), radial-gradient(120% 140% at 100% 0%, rgb(219 39 119 / .15), transparent 50%), #f5f8fb; }
.ax-profile-main { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 14px; padding: 0 18px 18px; margin-top: 0; }
.ax-profile-main > .ax-ring { grid-column: 1 / -1; justify-self: start; margin-top: -46px; z-index: 1; }
.ax-profile-main > .ax-level { align-self: center; margin: 0; }
.ax-profile-id { flex: 1; min-width: 0; padding-bottom: 6px; }
.ax-profile-id h2 { margin: 0; font-size: clamp(20px, 5vw, 24px); line-height: 1.25; overflow-wrap: anywhere; }
.ax-profile-id p { margin: 4px 0 0; font-size: 13px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ax-level { margin-bottom: 10px; padding: 5px 12px; border-radius: 9999px; font-size: 12px; font-weight: 700; color: #1d1404; background: linear-gradient(135deg, #ffe08a, #f5c033); box-shadow: 0 0 18px rgb(245 192 51 / .3); white-space: nowrap; }
.ax-profile > .ax-private-block, .ax-profile > .ax-bio, .ax-profile > .ax-bio-form, .ax-profile > .ax-stats { margin-left: 18px; margin-right: 18px; }
.ax-profile > .ax-stats { margin-bottom: 18px; }
.ax-bio { margin-top: 14px; font-size: 14px; line-height: 1.6; color: var(--ax-text-2); }
.ax-bio-form { margin-top: 14px; }
.ax-bio-form label { display: block; font-size: 12px; color: var(--ax-muted); margin-bottom: 6px; }

/* conta (conteúdo antigo do portal) */
.ax-account { padding: 24px; border: 1px solid var(--ax-border); border-radius: 16px; background: var(--ax-glass); box-shadow: var(--ax-card-shadow); gap: 14px; }
.ax-account .modal-section h4 { color: var(--ax-fg); }
.ax-account .activity-row { border-bottom-color: rgb(51 51 51 / .4); }

/* avisos */
.ax-toasts { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); z-index: 100; display: flex; flex-direction: column; gap: 8px; width: min(460px, calc(100vw - 32px)); pointer-events: none; }
.ax-toast {
  padding: 12px 16px; border-radius: 14px; font-size: 14px; line-height: 1.45; pointer-events: auto;
  background: rgb(20 8 12 / .92); border: 1px solid rgb(229 72 77 / .5); color: #ffd1d3;
  box-shadow: 0 16px 40px rgb(0 0 0 / .55); -webkit-backdrop-filter: var(--ax-blur); backdrop-filter: var(--ax-blur);
  animation: ax-in .25s var(--ax-ease); transition: opacity .35s, transform .35s;
}
.ax-toast-ok { background: rgb(6 20 14 / .92); border-color: rgb(36 214 138 / .45); color: #c6f6df; }
.ax-toast.out { opacity: 0; transform: translateY(8px); }

@keyframes ax-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes ax-pop-in { from { opacity: 0; transform: translateY(-10px) scale(.98); box-shadow: 0 0 0 1px rgb(85 152 247 / .7), 0 0 40px rgb(85 152 247 / .35); } to { opacity: 1; transform: none; } }
@keyframes ax-heart { 0% { transform: scale(1); } 40% { transform: scale(1.35); } 100% { transform: scale(1); } }

/* ---------- responsivo ---------- */
@media (max-width: 1180px) {
  .ax-shell { grid-template-columns: minmax(0, 1fr) 340px; max-width: 980px; }
  .ax-left { display: none; }
  .ax-me-strip { display: flex; }
}
@media (max-width: 760px) {
  .ax-app { padding: 74px 12px 24px; }
  .ax-nav-wrap { top: 8px; }
  .ax-nav { gap: 2px; padding: 4px; }
  .ax-nav-btn { padding: 0 11px; height: 40px; }
  .ax-nav-btn span { display: none; }
  .ax-nav-logo { padding: 0 12px; margin: 0 2px; font-size: 15px; }
  .ax-shell { grid-template-columns: minmax(0, 1fr); }
  .ax-right { display: none; position: static; }
  .ax-app[data-tab="chat"] .ax-right { display: flex; }
  .ax-app[data-tab="chat"] .ax-center { display: none; }
  .ax-chat { height: calc(100dvh - 98px); max-height: none; }
  .ax-stats { grid-template-columns: repeat(2, 1fr); }
  .ax-profile-main { grid-template-columns: minmax(0, 1fr); }
  .ax-profile-main > .ax-level { justify-self: start; }
  .ax-level { margin-bottom: 0; }
  .ax-account { padding: 20px 16px; }
  .formiga-card.login-card { padding: 24px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .ax-pane, .ax-post.ax-new, .ax-msg, .ax-toast, .ax-action.pop svg { animation: none !important; }
}

#social-notification-reminder { width: min(420px, calc(100vw - 32px)); box-sizing: border-box; border: 1px solid var(--ax-border); border-radius: 20px; padding: 24px; background: var(--ax-glass); color: var(--ax-fg); box-shadow: var(--shadow-lg); }
#social-notification-reminder::backdrop { background: rgb(0 0 0 / .55); }
#social-notification-reminder h2 { margin: 0 0 12px; font-size: 22px; }
#social-notification-reminder p { line-height: 1.6; }
#social-notification-reminder > div { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
#social-notification-reminder button { min-height: 44px; padding: 0 18px; }


/* Perfil editorial automático, disponível também antes do primeiro horário. */
.ax-word-link { width:100%; display:flex; align-items:center; gap:12px; text-align:left; cursor:pointer; color:var(--ax-fg); font:inherit; margin-bottom:16px; }
.ax-word-link > span:first-of-type { flex:1; min-width:0; }
.ax-word-link strong { display:block; font-size:14px; }
.ax-word-link small { display:block; margin-top:4px; font-size:12px; color:var(--ax-muted); }

/* Community profiles and private conversations */
.ax-member-controls { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 18px 18px; }
.ax-profile-received { margin:0 18px 18px; padding:18px; display:flex; flex-direction:column; gap:6px; border:1px solid var(--ax-border); border-radius:16px; background:var(--ax-glass); }
.ax-profile-received strong { font-size:28px; color:var(--ax-fg); }
.ax-profile-received small, .ax-profile-received span { font-size:12px; color:var(--ax-muted); }
.ax-photo-form { margin:0 18px 18px; display:flex; align-items:flex-start; flex-direction:column; gap:12px; }
.ax-photo-form input { max-width:100%; font:inherit; }
.ax-photo-form small { font-size:12px; color:var(--ax-muted); }
.ax-person-row { display:flex; align-items:center; gap:12px; width:100%; border:0; border-radius:12px; padding:12px; text-align:left; background:transparent; color:var(--ax-fg); cursor:pointer; font:inherit; }
.ax-person-row > span { flex:1; min-width:0; }
.ax-person-row small { display:block; margin-top:4px; color:var(--ax-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.ax-person-row:hover { background:var(--ax-glass); }
.ax-connections { margin:0 18px 18px; }
.ax-edit-btn { background:transparent; border:0; color:var(--ax-muted); font:inherit; font-size:12px; cursor:pointer; margin-left:auto; }
.ax-edit-form { padding:12px 0; }
.ax-edit-form textarea, #dm-body { width:100%; resize:vertical; border:1px solid var(--ax-border); border-radius:12px; padding:12px; background:var(--ax-glass); color:var(--ax-fg); font:inherit; box-sizing:border-box; }
.ax-edit-form > div { display:flex; gap:10px; margin-top:10px; }
.ax-edited { display:block; margin-bottom:8px; font-size:11px; }
.ax-dm-list { display:flex; flex-direction:column; gap:12px; max-height:48vh; min-height:140px; overflow:auto; margin:16px 0; padding:8px; }
.ax-dm-message { align-self:flex-start; max-width:88%; border-radius:14px; padding:12px; background:var(--ax-glass); border:1px solid var(--ax-border); }
.ax-dm-message.mine { align-self:flex-end; border-color:#5083ca; }
.ax-dm-message p { margin:0 0 6px; white-space:pre-wrap; overflow-wrap:anywhere; }
.ax-dm-message small { color:var(--ax-muted); font-size:10px; }
#dm-form { display:flex; flex-direction:column; gap:10px; }
#dm-form .ax-btn { align-self:flex-end; }
#dm-unread { position:absolute; right:0; top:0; border-radius:10px; padding:2px 4px; background:#5598f7; color:white; font-size:10px; }
@media(max-width:760px) { .ax-topbar .ax-nav { gap:4px; } .ax-nav-group { gap:1px; } .ax-nav-btn { min-width:32px; padding-left:7px; padding-right:7px; } }

.ax-app[data-tab="messages"] .ax-pane[data-pane="messages"] { display:flex; animation:ax-in .35s var(--ax-ease); }

/* Unified conversations */
.ax-app[data-tab="chat"] .ax-pane[data-pane="feed"] { display:none; }
.ax-app[data-tab="chat"] .ax-pane[data-pane="chat"], .ax-app[data-tab="notifications"] .ax-pane[data-pane="notifications"] { display:flex; }
.ax-app[data-tab="chat"] .ax-center { display:block; }
.ax-app[data-tab="chat"] .ax-right,.ax-app[data-tab="account"] .ax-right,.ax-app[data-tab="notifications"] .ax-right { display:none; }
.ax-app:is([data-tab="chat"],[data-tab="account"],[data-tab="notifications"]) .ax-shell { grid-template-columns:260px minmax(0,820px); max-width:1120px; }
.ax-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:12px 2px 6px; }
.ax-section-heading small,.ax-account-heading small { font-size:10px; letter-spacing:.16em; font-weight:700; color:var(--ax-muted); }
.ax-section-heading h1 { margin:8px 0; font-size:30px; letter-spacing:-.04em; }
.ax-section-heading p { margin:0; font-size:13px; line-height:1.6; color:var(--ax-muted); }
.ax-room-tabs,.ax-account-tabs { display:flex; gap:6px; border:1px solid var(--ax-border); border-radius:14px; padding:5px; background:var(--ax-glass); }
.ax-room-tabs button,.ax-account-tabs button { flex:1; min-height:42px; display:flex; align-items:center; justify-content:center; gap:9px; border:0; border-radius:10px; background:transparent; color:var(--ax-muted); font:600 13px var(--font-primary); cursor:pointer; }
.ax-room-tabs [aria-selected="true"],.ax-account-tabs [aria-selected="true"] { background:var(--ax-fg); color:var(--ax-bg); box-shadow:0 4px 12px #00000018; }
#chat-general-mount .ax-chat { height:min(64dvh,650px); max-height:none; }
#messages-pane .ax-dm { padding:20px; }
#dm-unread { position:static; line-height:1; padding:5px 7px; }
/* Account: clear summary, activity and editable details */
.ax-account-new { padding:0; display:flex; flex-direction:column; gap:22px; }
.ax-account-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:12px 2px 0; }
.ax-account-heading h1 { font-size:30px; line-height:1.15; letter-spacing:-.04em; margin:8px 0; }
.ax-account-heading p { margin:0; font-size:13px; color:var(--ax-muted); overflow-wrap:anywhere; }
.ax-account-summary { display:grid; grid-template-columns:1.25fr 1fr; gap:14px; }
.ax-account-summary .wallet-hero { margin:0; border-radius:20px; padding:24px; border:1px solid var(--ax-border); position:relative; background:linear-gradient(145deg,rgb(92 156 246 / .12),var(--ax-glass) 65%); }
.ax-account-summary .wallet-value { font-size:clamp(28px,5vw,40px); margin:12px 0 8px; letter-spacing:-.05em; }
.ax-account-summary .wallet-label { font-size:12px; font-weight:600; }
.ax-wallet-icon { position:absolute; right:22px; top:18px; color:#8bb9fa; font-size:24px; }
.ax-account-notice-card { display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:0; padding:22px; border:1px solid var(--ax-border); border-radius:20px; background:var(--ax-glass); color:var(--ax-fg); font:inherit; text-align:left; cursor:pointer; transition:border-color .2s,transform .2s; }
.ax-account-notice-card:hover { border-color:#8bb9fa; transform:translateY(-2px); }
.ax-notice-symbol { width:26px; height:26px; color:#8bb9fa; }
.ax-account-notice-card strong { font-size:15px; }.ax-account-notice-card > span { font-size:12px; line-height:1.5; color:var(--ax-muted); }.ax-account-notice-card small { margin-top:auto; font-size:11px; color:var(--ax-text-2); }
.ax-account-activity,.ax-account-settings { display:flex; flex-direction:column; gap:14px; }
.ax-account-section { border:1px solid var(--ax-border); border-radius:18px; padding:0 20px; background:var(--ax-glass); overflow:hidden; }
.ax-account-section > summary { position:relative; padding:20px 24px 20px 0; cursor:pointer; font-size:14px; font-weight:600; list-style:none; }
.ax-account-section > summary::-webkit-details-marker { display:none; }.ax-account-section > summary::after { content:'+'; position:absolute; right:0; top:23px; color:var(--ax-muted); }.ax-account-section[open] > summary::after { content:'−'; }
.ax-account-section > summary span { display:block; margin-top:5px; font-size:11px; font-weight:400; color:var(--ax-muted); }
.ax-account-section .activity-list { margin:0 0 16px; }.ax-account-section .modal-form { margin:0 0 20px; gap:14px; }
.ax-account-section .modal-form label { font-size:12px; color:var(--ax-text-2); }.ax-account-section input,.ax-account-section select { min-height:46px; border-radius:12px; }
.ax-settings-intro { padding:4px; }.ax-settings-intro h2 { font-size:20px; margin:0 0 6px; letter-spacing:-.025em; }.ax-settings-intro p { font-size:12px; color:var(--ax-muted); margin:0; }
.ax-account-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:10px 2px 4px; }.ax-account-footer p { font-size:11px; color:var(--ax-muted); }.ax-account-footer .link-btn { display:inline; font-size:11px; }.ax-account-footer #logout-btn { color:var(--ax-muted); font-size:12px; }
/* Notification centre */
.ax-bell { position:relative; }#notification-unread { position:absolute; top:1px; right:0; min-width:16px; padding:2px 4px; border-radius:10px; background:#5598f7; color:#fff; font-size:10px; line-height:1.2; }
.ax-notification-filters { display:flex; gap:8px; margin:8px 0; }.ax-notification-filters button { border:1px solid var(--ax-border); border-radius:999px; padding:8px 15px; background:transparent; color:var(--ax-muted); font:500 12px var(--font-primary); cursor:pointer; }.ax-notification-filters [aria-pressed="true"] { color:var(--ax-fg); border-color:rgb(139 185 250 / .6); background:rgb(92 156 246 / .12); }
.ax-notifications-list { display:flex; flex-direction:column; gap:9px; }.ax-notification { width:100%; display:flex; align-items:flex-start; gap:14px; padding:20px; border:1px solid var(--ax-border); border-radius:18px; background:var(--ax-glass); color:var(--ax-fg); text-align:left; font:inherit; cursor:pointer; }.ax-notification.unread { border-color:rgb(139 185 250 / .38); background:linear-gradient(120deg,rgb(92 156 246 / .08),var(--ax-glass)); }.ax-notification:hover { border-color:#8bb9fa; }
.ax-notification-icon { flex:0 0 40px; height:40px; display:grid; place-items:center; border:1px solid rgb(92 156 246 / .2); border-radius:13px; background:rgb(92 156 246 / .1); color:#8bb9fa; font-size:21px; }.ax-notification-icon.pix { background:rgb(34 197 94 / .1); color:#22c55e; border-color:rgb(34 197 94 / .2); }
.ax-notification-copy { flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; }.ax-notification-copy strong { font-size:13px; }.ax-notification-copy > span { color:var(--ax-text-2); font-size:12px; line-height:1.5; overflow-wrap:anywhere; }.ax-notification-copy small { color:var(--ax-muted); font-size:10px; }.ax-unread-dot { width:7px; height:7px; border-radius:50%; background:#8bb9fa; margin-top:8px; flex-shrink:0; }
.ax-notification-empty { text-align:center; padding:42px 20px; }.ax-notification-empty > span { color:#8bb9fa; font-size:30px; }.ax-notification-empty h2 { font-size:18px; margin:14px 0 8px; }
@media(max-width:1180px) { .ax-app:is([data-tab="chat"],[data-tab="account"],[data-tab="notifications"]) .ax-shell { grid-template-columns:minmax(0,1fr); max-width:820px; } }
@media(max-width:760px) { .ax-account-new { padding:0; gap:18px; }.ax-account-summary { grid-template-columns:minmax(0,1fr); gap:10px; }.ax-account-notice-card { display:grid; grid-template-columns:30px 1fr; gap:6px 12px; padding:18px; }.ax-account-notice-card .ax-notice-symbol { grid-row:1 / 4; }.ax-account-notice-card strong,.ax-account-notice-card span,.ax-account-notice-card small { grid-column:2; }.ax-account-heading h1,.ax-section-heading h1 { font-size:27px; }.ax-section-heading { flex-direction:column; gap:14px; }.ax-section-heading > button { align-self:flex-start; font-size:11px; }.ax-notification { padding:16px; gap:12px; }.ax-account-section { padding:0 16px; }#chat-general-mount .ax-chat { height:calc(100dvh - 270px); min-height:300px; } }
#notifications-error:empty { display:none; }

/* Refined profile: clear identity, compact connections, deliberate editing */
.ax-profile { display:flex;flex-direction:column; }
.ax-profile-cover { height:132px;opacity:1; }
.ax-profile-main { padding:0 22px 18px;gap:12px; }
.ax-profile-main > .ax-ring { margin-top:-45px; }
.ax-profile-id h2 { font-size:clamp(22px,5.5vw,28px);letter-spacing:-.035em;line-height:1.2; }
.ax-profile-id p { margin-top:7px;font-size:11px;line-height:1.6; }
.ax-member-controls { order:2;margin:0 22px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.ax-member-controls [data-follow-list] { display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;border:1px solid var(--ax-border);border-radius:14px;min-width:0;background:rgb(var(--ax-ink-rgb)/.025);font-size:12px; }
.ax-member-controls [data-follow-list] strong { font-size:18px;letter-spacing:-.04em; }.ax-member-controls [data-follow-list] span { color:var(--ax-muted);font-size:11px; }
.ax-member-controls #profile-follow,.ax-member-controls #profile-message { min-height:42px;width:100%;font-size:12px; }
.ax-profile-received { order:3;margin:0 22px 20px;padding:20px;background:linear-gradient(120deg,rgb(92 156 246 / .06),transparent); }
.ax-profile-editor,.ax-profile-about { order:4;margin:0 22px 20px;border-top:1px solid var(--ax-border);padding-top:18px; }
.ax-profile-editor > summary { cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:13px;min-height:42px; }.ax-profile-editor > summary::-webkit-details-marker { display:none; }.ax-profile-editor > summary span { color:var(--ax-muted);font-size:11px;font-weight:400; }.ax-profile-editor > summary::after { content:'+';font-size:18px;color:var(--ax-muted);margin-left:10px; }.ax-profile-editor[open] > summary::after { content:'−'; }
.ax-profile-editor .ax-bio-form { margin:16px 0 20px; }.ax-profile-editor .ax-bio-form label { font-size:12px;margin-bottom:8px; }.ax-profile-editor textarea { width:100%;box-sizing:border-box;padding:13px;border:1px solid var(--ax-border);border-radius:12px;background:var(--ax-input);color:var(--ax-fg);font:inherit;resize:vertical;min-height:84px; }.ax-bio-footer { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px; }.ax-bio-footer small { color:var(--ax-muted);font-size:10px; }.ax-bio-footer button { font-size:11px; }
.ax-profile-editor .ax-photo-form { margin:0;padding-top:20px;border-top:1px solid var(--ax-border);gap:12px; }.ax-photo-form strong { font-size:12px; }.ax-photo-form p { font-size:11px;line-height:1.5;color:var(--ax-muted);margin:5px 0 0; }.ax-photo-actions { display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative; }.ax-photo-picker { display:inline-flex;align-items:center;gap:8px;cursor:pointer;min-height:40px;padding:8px 15px;box-sizing:border-box;font-size:12px; }.ax-file-input { position:absolute!important;width:1px!important;height:1px!important;opacity:0;overflow:hidden; }.ax-photo-actions:focus-within .ax-photo-picker { outline:2px solid #8bb9fa;outline-offset:2px; }.ax-photo-form .ax-avatar-xl { width:80px;height:80px;object-fit:cover;border-radius:18px; }
.ax-profile-about h3 { font-size:12px;margin:0 0 10px; }.ax-profile-about .ax-bio { margin:0;color:var(--ax-text-2);font-size:13px;line-height:1.7;overflow-wrap:anywhere; }
#profile-connections { order:5; }.ax-profile > .ax-stats { order:6;margin:0 22px 22px;gap:8px; }.ax-profile > .ax-stats strong { font-size:18px; }.ax-profile > .ax-stats span { font-size:10px; }
.ax-comments { padding:16px 0 0;border-top:1px solid var(--ax-border);margin-top:12px; }.ax-comment { display:grid;grid-template-columns:30px minmax(0,1fr) 24px;gap:9px;align-items:start;margin-bottom:14px; }.ax-comment .ax-author-mini { width:30px;height:30px; }.ax-comment .ax-avatar-sm { width:30px;height:30px; }.ax-comment-bubble { min-width:0;padding:12px 14px;border-radius:0 14px 14px 14px;border:1px solid var(--ax-border);background:rgb(var(--ax-ink-rgb)/.025); }.ax-comment-bubble strong { display:block;font-size:11px;line-height:1.5;overflow-wrap:anywhere; }.ax-comment-bubble time { display:block;font-size:9px;color:var(--ax-muted);margin:3px 0 8px; }.ax-comment-bubble p { font-size:12px;line-height:1.6;margin:0;white-space:pre-wrap;overflow-wrap:anywhere; }.ax-comment-form { display:flex;align-items:center;gap:8px;margin-top:14px; }.ax-comment-form input { min-width:0;flex:1;height:42px;border-radius:12px;font-size:12px; }.ax-comment-form button { min-width:62px;min-height:42px;font-size:11px;padding:0 14px; }.ax-no-comments { font-size:12px;padding:8px 0; }
.nero-theme-toggle { display:inline-flex!important;align-items:center;justify-content:center;min-width:44px!important;width:44px;min-height:44px;padding:10px!important;flex:0 0 44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent; }
.nero-theme-toggle svg { width:21px;height:21px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none; }
.nero-theme-toggle:focus-visible { outline:2px solid #8bb9fa;outline-offset:2px; }
@media(max-width:760px){.ax-profile-main { padding:0 18px 16px; }.ax-member-controls,.ax-profile-received,.ax-profile-editor,.ax-profile-about { margin-left:18px;margin-right:18px; }.ax-profile > .ax-stats { margin-left:18px;margin-right:18px; }.ax-profile-main > .ax-level { padding:4px 10px;font-size:10px; }.ax-nav { gap:1px; }.ax-nav-logo { padding:0 9px;margin:0; }.ax-nav-btn { padding:0 8px; }.ax-comment { grid-template-columns:26px minmax(0,1fr) 20px;gap:7px; }.ax-comment .ax-avatar-sm,.ax-comment .ax-author-mini { width:26px;height:26px; }}
.ax-achievement-hero { position:relative;isolation:isolate;overflow:hidden;text-align:center;display:flex;align-items:center;flex-direction:column;gap:10px;padding:28px 18px;margin:14px 0 18px;border:1px solid var(--ax-border);border-radius:16px;background:radial-gradient(ellipse at top,rgba(233,184,67,.16),transparent 75%); }
.ax-achievement-symbol { font-size:38px;color:#d7a833;line-height:1; }.ax-achievement-eyebrow { font-size:9px;letter-spacing:.17em;color:var(--ax-muted);font-weight:700; }.ax-achievement-hero>strong { font-size:28px;line-height:1.25; }.ax-achievement-xp { background:rgba(213,165,57,.15);border:1px solid rgba(213,165,57,.45);padding:5px 14px;border-radius:30px;font-size:13px;font-weight:700; }.ax-achievement-hero>small { color:var(--ax-muted);font-size:10px; }.ax-achievement-hero button { font-size:11px;min-height:40px;margin-top:3px; }
.ax-fireworks { position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1; }.ax-fireworks i { position:absolute;left:50%;top:30%;width:4px;height:10px;background:#d8ab40;border-radius:4px;transform:rotate(calc(var(--spark)*22.5deg)) translateY(-100px);opacity:.5;animation:ax-firework 1.7s ease-out 2 both; }.ax-fireworks i:nth-child(3n) { background:#8bb9fa; }.ax-fireworks i:nth-child(2n) { background:#68baa2;animation-delay:.2s; }
@keyframes ax-firework { 0%{opacity:0;transform:rotate(calc(var(--spark)*22.5deg)) translateY(0) scale(.3)}25%{opacity:1}100%{opacity:0;transform:rotate(calc(var(--spark)*22.5deg)) translateY(-155px) scale(.6)} }
.ax-achievements { margin:22px 0;border-top:1px solid var(--ax-border);padding-top:22px; }.ax-achievements>header { display:flex;justify-content:space-between;gap:15px;align-items:center; }.ax-achievements h3 { margin:0;font-size:16px; }.ax-achievements header p { font-size:11px;color:var(--ax-muted);margin:6px 0; }.ax-achievements>header>strong { font-size:22px;text-align:right; }.ax-achievements header small { display:block;font-size:9px;color:var(--ax-muted);font-weight:400;white-space:nowrap; }
.ax-achievement-tracks { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px; }.ax-achievement-tracks article { border:1px solid var(--ax-border);border-radius:14px;padding:16px;min-width:0; }.ax-achievement-tracks h4 { font-size:12px;margin:0; }.ax-achievement-tracks p { font-size:10px;color:var(--ax-muted);margin:7px 0 12px; }.ax-achievement-tracks strong { display:block;font-size:12px;line-height:1.5; }.ax-achievement-tracks progress { width:100%;height:6px;accent-color:#b89542;margin:12px 0 6px; }.ax-achievement-tracks small { font-size:10px;color:var(--ax-muted);line-height:1.6;display:block; }.ax-achievement-tracks summary { font-size:11px;cursor:pointer;padding:14px 0 0; }.ax-achievement-tracks ul { list-style:none;margin:12px 0 0;padding:0; }.ax-achievement-tracks li { display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--ax-border);font-size:10px;color:var(--ax-muted); }.ax-achievement-tracks li.unlocked { color:var(--ax-fg); }.ax-achievement-tracks li b { white-space:nowrap;font-size:10px; }.ax-achievement-rule { font-size:10px!important;line-height:1.7;color:var(--ax-muted);margin-top:14px; }
.ax-celebration-toast { position:fixed;z-index:2000;bottom:90px;left:50%;transform:translateX(-50%);background:var(--ax-bg,#111);color:var(--ax-fg,#fff);border:1px solid #c5a052;border-radius:18px;padding:24px 40px 24px 22px;box-shadow:0 12px 60px #0005;width:min(420px,calc(100vw - 32px));box-sizing:border-box;isolation:isolate;overflow:hidden; }.ax-celebration-toast[hidden] { display:none; }.ax-celebration-toast strong { display:block;font-size:15px;line-height:1.5; }.ax-celebration-toast>span:not(.ax-fireworks) { display:block;font-size:12px;margin-top:8px;color:var(--ax-muted); }.ax-celebration-toast button { position:absolute;right:5px;top:5px;width:36px;height:36px;border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer; }
@media(max-width:480px){.ax-achievement-tracks { grid-template-columns:1fr; }.ax-achievement-hero>strong { font-size:25px; }.ax-achievements header p { max-width:180px; }}
@media(prefers-reduced-motion:reduce){.ax-fireworks i { animation:none;opacity:.25; }}
.ax-screen-confetti { position:fixed;inset:0;z-index:1999;pointer-events:none;overflow:hidden; }.ax-screen-confetti i { position:absolute;left:var(--left);top:-30px;width:8px;height:15px;background:#e6b742;border-radius:2px;animation:ax-confetti-fall 3.2s var(--delay) cubic-bezier(.15,.5,.7,1) both; }.ax-screen-confetti i:nth-child(3n) { background:#9abef0;width:11px;height:7px; }.ax-screen-confetti i:nth-child(3n+1) { background:#6cc8b0; }.ax-screen-confetti i:nth-child(4n) { border-radius:50%;width:8px;height:8px;background:#ec879f; }
@keyframes ax-confetti-fall { 0%{opacity:0;transform:translate3d(0,-20px,0) rotate(0)}10%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate3d(var(--drift),105vh,0) rotate(660deg)} }
@media(prefers-reduced-motion:reduce){.ax-screen-confetti i { animation:none;top:calc(var(--piece)*1.5%);opacity:.35; }.ax-screen-confetti { animation:ax-confetti-fade 2s both; }@keyframes ax-confetti-fade { to {opacity:0} }}
.ax-app[data-tab="people"] .ax-pane[data-pane="people"] { display:flex;animation:ax-in .35s var(--ax-ease); }.ax-app[data-tab="people"] .ax-right { display:none; }.ax-app[data-tab="people"] .ax-shell { grid-template-columns:260px minmax(0,820px);max-width:1120px; }
.ax-people-search { padding:18px;border:1px solid var(--ax-border);border-radius:16px;background:var(--ax-glass); }.ax-people-search>label { font-size:12px;font-weight:600;display:block;margin-bottom:9px; }.ax-people-search>div { display:flex;gap:10px; }.ax-people-search input { min-width:0;flex:1;min-height:44px;border:1px solid var(--ax-border);border-radius:12px;background:var(--ax-input);color:var(--ax-fg);padding:12px 14px;font:13px var(--font-primary); }.ax-people-count { color:var(--ax-muted);font-size:12px;margin:3px 0; }
.ax-people-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }.ax-person-card { display:flex;align-items:flex-start;gap:14px;width:100%;padding:20px;text-align:left;color:var(--ax-fg);font:inherit;cursor:pointer;transition:border-color .15s,background .15s; }.ax-person-card:hover { background:var(--ax-input);border-color:var(--ax-fg); }.ax-person-card:focus-visible { outline:2px solid var(--ax-fg);outline-offset:3px; }.ax-person-card>.ax-avatar { flex:0 0 48px;width:48px;height:48px;object-fit:cover; }.ax-person-info { min-width:0;flex:1; }.ax-person-info>strong { display:block;font-size:14px;line-height:1.45;overflow-wrap:anywhere; }.ax-person-info>small { display:inline-block;font-size:9px;margin-top:5px;padding:3px 7px;border:1px solid var(--ax-border);border-radius:20px;color:var(--ax-muted); }.ax-person-info>span { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:var(--ax-muted);line-height:1.6;margin-top:9px;overflow-wrap:anywhere; }.ax-person-info>em { display:block;font-style:normal;font-size:11px;margin-top:14px; }.ax-people-grid>.ax-empty { grid-column:1/-1; }
@media(max-width:1180px){.ax-app[data-tab="people"] .ax-shell { grid-template-columns:minmax(0,1fr);max-width:820px; }}
@media(max-width:480px){.ax-people-grid { grid-template-columns:minmax(0,1fr); }.ax-person-card { padding:18px; }.ax-nav-logo { padding:0 6px; }.ax-nav-btn { padding:0 7px; }.ax-nav-group { gap:0; }}
@media(max-width:350px){.ax-nav-logo>span { display:none; }.ax-nav-logo { padding:0 8px; }.ax-nav-btn { padding:0 6px;min-width:30px; }.ax-nav .nero-theme-toggle { min-width:38px;width:38px;flex-basis:38px; }}
.ax-verified { display:inline-flex;width:16px;height:16px;vertical-align:-2px;margin-left:5px;color:#3898f5;flex-shrink:0; }.ax-verified svg { width:100%;height:100%; }.ax-profile-id .ax-verified { width:21px;height:21px;vertical-align:-1px; }
.ax-mod-button { display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 10px;margin:5px 0;border:1px solid var(--ax-border);border-radius:9px;background:var(--ax-input);color:var(--ax-muted);font:600 10px var(--font-primary);cursor:pointer; }.ax-mod-button:hover { color:var(--ax-fg);border-color:var(--ax-fg); }.ax-profile>.ax-mod-button { margin:14px 24px 0; }.ax-msg-bubble .ax-mod-button { display:flex;margin-top:8px; }.ax-comment>.ax-mod-button { grid-column:2;justify-self:start; }
.ax-moderation-dialog { width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 36px);box-sizing:border-box;overflow:auto;padding:24px;background:var(--ax-bg);color:var(--ax-fg);border:1px solid var(--ax-border);border-radius:18px;font-family:var(--font-primary); }.ax-moderation-dialog::backdrop { background:#0009;backdrop-filter:blur(4px); }.ax-moderation-dialog form { display:flex;flex-direction:column;gap:16px; }.ax-moderation-dialog header { display:flex;justify-content:space-between;gap:14px; }.ax-moderation-dialog header small { font-size:9px;letter-spacing:.1em;color:var(--ax-muted); }.ax-moderation-dialog h2 { font-size:20px;margin:6px 0; }.ax-moderation-dialog header p { font-size:12px;margin:0; }.ax-moderation-dialog header button { background:transparent;border:0;color:inherit;font-size:26px;width:36px;height:36px;cursor:pointer; }.ax-moderation-dialog label { display:flex;flex-direction:column;gap:8px;font-size:12px; }.ax-moderation-dialog select,.ax-moderation-dialog textarea { width:100%;box-sizing:border-box;min-height:44px;padding:11px 12px;border:1px solid var(--ax-border);border-radius:10px;background:var(--ax-input);color:var(--ax-fg);font:12px var(--font-primary); }.ax-moderation-dialog textarea { resize:vertical; }.ax-mod-note { color:var(--ax-muted);font-size:11px;line-height:1.7;margin:0; }#mod-options { display:grid;grid-template-columns:1fr 120px;gap:12px; }#mod-options[hidden] { display:none; }.ax-mod-active { border-top:1px solid var(--ax-border);padding-top:15px;font-size:12px; }.ax-mod-active article { padding:12px 0;border-bottom:1px solid var(--ax-border); }.ax-mod-active p { font-size:11px;color:var(--ax-muted); }.ax-mod-active small { display:block;color:var(--ax-muted);font-size:10px;margin:8px 0; }.ax-mod-active button { font-size:10px; }
@media(max-width:400px){.ax-moderation-dialog { padding:18px; }#mod-options { grid-template-columns:1fr; }}
.ax-dm-compose-actions { display:flex;align-items:center;justify-content:space-between;gap:10px; }.ax-dm-photo-picker { display:inline-flex;align-items:center;justify-content:center;cursor:pointer;min-height:42px;box-sizing:border-box;font-size:12px!important; }.ax-dm-photo-note { color:var(--ax-muted);font-size:10px;line-height:1.6; }.ax-dm-attachment { padding:12px;border:1px solid var(--ax-border);border-radius:12px;display:flex;align-items:center;gap:12px; }.ax-dm-attachment.hidden { display:none; }.ax-dm-attachment img { max-height:150px;max-width:60%;border-radius:8px;object-fit:contain; }.ax-dm-attachment button { font-size:10px; }.ax-dm-photo { display:block;max-width:300px;margin-bottom:7px; }.ax-dm-photo img { display:block;width:auto;max-width:100%;height:auto;max-height:350px;border-radius:10px;object-fit:contain; }.ax-dm-message { min-width:0; }.ax-dm-message>small { display:block; }
.ax-mention-tools { display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0; }.ax-mention-tools>.ax-btn-ghost { min-height:36px;font-size:11px; }#composer-mentions-selected { display:flex;flex-wrap:wrap;gap:6px;width:100%; }.ax-mention-all { display:inline-flex!important;flex-direction:row!important;align-items:center;gap:7px;font-size:11px!important;cursor:pointer; }.ax-mention-all input { width:16px;min-height:16px;height:16px;accent-color:#7ca4db; }.ax-mentions-line { display:flex;flex-wrap:wrap;gap:6px;margin:8px 0; }.ax-mention-chip { display:inline-flex;border:1px solid var(--ax-border);border-radius:20px;background:var(--ax-input);color:var(--ax-fg);font:11px var(--font-primary);padding:5px 10px;cursor:pointer;overflow-wrap:anywhere;max-width:100%; }#chat-mention-tools { grid-column:1/-1; }#chat-mention-tools:empty { display:none; }.ax-chat-form { flex-wrap:wrap; }#chat-mention-tools:not(:empty) { width:100%; }#chat-mention-tools label { padding:2px 0; }.ax-mentioned-focus .ax-msg-bubble { outline:2px solid #8bb9fa;outline-offset:3px; }
.ax-mention-dialog { width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box;background:var(--ax-bg);color:var(--ax-fg);border:1px solid var(--ax-border);border-radius:18px;padding:22px;font-family:var(--font-primary); }.ax-mention-dialog::backdrop { background:#0009;backdrop-filter:blur(4px); }.ax-mention-dialog header { display:flex;align-items:center;justify-content:space-between;gap:15px; }.ax-mention-dialog h2 { font-size:18px;margin:0; }.ax-mention-dialog header button { border:0;background:transparent;color:inherit;font-size:25px;min-width:36px;height:36px;cursor:pointer; }.ax-mention-dialog>p { color:var(--ax-muted);font-size:12px;line-height:1.6; }.ax-mention-dialog>label { display:block;font-size:12px;margin:16px 0 8px; }.ax-mention-dialog>input { width:100%;box-sizing:border-box;min-height:44px;border:1px solid var(--ax-border);border-radius:10px;padding:12px;background:var(--ax-input);color:var(--ax-fg);font:13px var(--font-primary); }#mention-options { max-height:320px;overflow:auto;margin:14px 0; }#mention-options label { display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ax-border);font-size:13px; }#mention-options input { width:17px;height:17px;accent-color:#7ca4db; }#mention-options p { font-size:12px;color:var(--ax-muted);line-height:1.6; }
.ax-mention-all input { flex:0 0 16px;padding:0; }
.ax-mention-autocomplete { position:fixed;z-index:1800;max-height:245px;overflow:auto;box-sizing:border-box;padding:5px;border:1px solid var(--ax-border);border-radius:13px;background:var(--ax-bg);color:var(--ax-fg);box-shadow:0 10px 40px #0005; }.ax-mention-autocomplete[hidden] { display:none; }.ax-mention-autocomplete button { display:flex;flex-direction:column;gap:5px;width:100%;min-height:55px;padding:11px 13px;border:0;border-radius:8px;text-align:left;cursor:pointer;background:transparent;color:inherit;font-family:var(--font-primary); }.ax-mention-autocomplete button[aria-selected=true],.ax-mention-autocomplete button:hover { background:var(--ax-input);outline:1px solid var(--ax-border); }.ax-mention-autocomplete strong { font-size:13px;overflow-wrap:anywhere; }.ax-mention-autocomplete small,.ax-mention-autocomplete p { font-size:10px;color:var(--ax-muted); }.ax-mention-autocomplete p { padding:12px;line-height:1.6; }
.ax-comment-mentioned .ax-comment-bubble { outline:2px solid #8bb9fa;outline-offset:3px; }.ax-comment-bubble .ax-mention-chip { font-size:10px;padding:4px 8px; }
.ax-comments .ax-comment { grid-template-columns:32px minmax(0,1fr);gap:8px 10px;margin-bottom:16px; }
.ax-comment-actions { grid-column:2;display:flex;flex-wrap:wrap;gap:6px;align-items:center; }
.ax-comment-actions:empty { display:none; }
.ax-comment-actions button { min-height:36px;padding:6px 12px;white-space:normal; }
.ax-comment>.ax-edit-form { grid-column:2;min-width:0;width:100%; }
.ax-comment-bubble { overflow-wrap:anywhere; }
.ax-comment-form { flex-wrap:wrap; }
.ax-comment-form input { flex-basis:160px; }
.ax-comment-form button { flex-shrink:0; }
.ax-comment-status { color:var(--ax-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere; }
.ax-comment-status:empty { display:none; }

.ax-details-form { display:grid;gap:8px;margin:0 0 20px;padding-top:20px;border-top:1px solid var(--ax-border); }.ax-details-form strong { font-size:12px; }.ax-details-form p { font-size:11px;line-height:1.5;color:var(--ax-muted);margin:0 0 4px; }.ax-details-form label { font-size:12px;color:var(--ax-muted);margin-top:4px; }.ax-details-form select,.ax-details-form input { width:100%;box-sizing:border-box;min-height:42px;padding:10px 12px;border:1px solid var(--ax-border);border-radius:12px;background:var(--ax-input);color:var(--ax-fg);font:inherit;font-size:14px; }.ax-details-form button { justify-self:end;margin-top:8px;font-size:11px; }
.ax-profile-details { display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:10px 0 0;padding:0; }.ax-profile-details li { padding:6px 12px;border:1px solid var(--ax-border);border-radius:999px;font-size:12px;color:var(--ax-text-2); }

.ax-feed-order { display:flex;gap:6px;margin:0 0 14px;padding:4px;border:1px solid var(--ax-border);border-radius:999px;width:max-content;max-width:100%; }.ax-feed-order button { min-height:36px;padding:6px 16px;border:0;border-radius:999px;background:transparent;color:var(--ax-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer; }.ax-feed-order button[aria-pressed="true"] { background:var(--ax-fg);color:var(--ax-bg); }.ax-feed-order button:focus-visible { outline:2px solid #8bb9fa;outline-offset:2px; }

.ax-streak { display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0 0 12px; }.ax-streak strong { font-size:18px;white-space:nowrap; }.ax-streak span { font-size:12px;line-height:1.5;color:var(--ax-text-2); }.ax-streak.is-risk { border-color:#f59e0b; }
.ax-streak-chip { display:inline-block;padding:1px 8px;border:1px solid var(--ax-border);border-radius:999px;font-size:11px;margin-right:4px; }
.ax-suggest { padding:14px 16px;margin:0 0 12px; }.ax-suggest h3 { font-size:13px;margin:0; }.ax-suggest p { font-size:11px;color:var(--ax-muted);margin:4px 0 10px; }.ax-suggest ul { list-style:none;margin:0;padding:0;display:grid;gap:8px; }.ax-suggest li { display:flex;align-items:center;justify-content:space-between;gap:10px; }.ax-suggest-person { display:flex;align-items:center;gap:10px;min-width:0;background:none;border:0;color:var(--ax-fg);font:inherit;font-size:13px;cursor:pointer;padding:0;text-align:left; }.ax-suggest-person span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.ax-suggest li .ax-btn-ghost { font-size:11px;min-height:34px;padding:6px 14px;flex-shrink:0; }

#mobile-profile-card:empty { display:none; }
.ax-me-card .ax-streak { padding:14px 0 0;margin:14px 0 0;border-top:1px solid var(--ax-border);text-align:left; }

.ax-daily-top { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px; }
.ax-podium-person { min-width:0;padding:0 0 16px;display:flex;flex-direction:column;align-items:stretch;gap:9px;overflow:hidden;border:1px solid var(--ax-border);border-radius:16px;background:var(--ax-glass);color:var(--ax-fg);font:inherit;text-align:center;cursor:pointer; }
.ax-podium-photo { display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover; }
.ax-podium-person strong { padding:0 10px;font-size:13px;overflow-wrap:anywhere; }.ax-podium-place { font-size:13px;font-weight:700; }.ax-podium-xp { font-size:18px;font-weight:800;color:var(--ax-accent-text); }
.ax-podium-person:focus-visible { outline:2px solid #8bb9fa;outline-offset:3px; }
@media(max-width:600px){.ax-daily-top { grid-template-columns:minmax(0,1fr); }.ax-podium-photo { max-height:280px; }.ax-podium-person strong { font-size:16px; }}