:root {
  --bg: #061009;
  --panel: #0d1d13;
  --panel2: #13271a;
  --panel3: #18321f;
  --green: #79c66b;
  --lime: #b8e9aa;
  --text: #f3f8f3;
  --muted: #9aafa0;
  --line: #284631;
  --danger: #ff7070;
  --shadow: 0 24px 80px #0009;
  --font-scale: 1;
}
:root[data-font="small"] {
  --font-scale: 0.9;
}
:root[data-font="large"] {
  --font-scale: 1.12;
}
:root[data-font="xlarge"] {
  --font-scale: 1.24;
}
* {
  box-sizing: border-box;
}
html {
  font-size: calc(16px * var(--font-scale));
  background: var(--bg);
}
html,
body {
  margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body.bold-ui,
body.bold-ui input,
body.bold-ui textarea,
body.bold-ui select,
body.bold-ui button {
  font-weight: 650;
}
button,
input,
textarea,
select {
  font: inherit;
}
button {
  cursor: pointer;
}
button:disabled {
  opacity: 0.55;
  cursor: wait;
}
a {
  color: var(--green);
}
.hidden {
  display: none !important;
}
.muted {
  color: var(--muted);
}
.guest {
  min-height: 100vh;
  background: radial-gradient(circle at 75% 20%, #214d2c 0, transparent 33%),
    linear-gradient(145deg, #061009, #102618);
}
.hero {
  min-height: 78vh;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7vw;
  padding: 60px 7vw;
  position: relative;
  overflow: hidden;
}
.hero:after {
  content: "";
  position: absolute;
  inset: auto -10% -180px;
  width: 70%;
  height: 420px;
  border: 1px solid #6fbc6c33;
  border-radius: 50%;
  transform: rotate(-10deg);
}
.hero-logo {
  width: min(38vw, 430px);
  filter: drop-shadow(0 25px 40px #0009);
  animation: float 5s ease-in-out infinite;
}
.hero-copy {
  max-width: 680px;
  z-index: 1;
}
.eyebrow {
  font-size: 0.75rem;
  letter-spacing: 0.25em;
  color: var(--green);
  font-weight: 850;
}
.hero h1 {
  font-size: clamp(43px, 6vw, 86px);
  line-height: 0.9;
  margin: 18px 0 26px;
  letter-spacing: -0.055em;
}
.hero h1 em {
  font-style: normal;
  color: var(--green);
  font-size: 0.48em;
  letter-spacing: 0.06em;
}
.hero p {
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.6;
  color: #c4d4c7;
  max-width: 650px;
}
.hero-actions {
  display: flex;
  gap: 14px;
  margin-top: 32px;
}
.btn {
  border: 0;
  border-radius: 16px;
  padding: 14px 23px;
  font-weight: 850;
  letter-spacing: 0.02em;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn.primary {
  background: linear-gradient(135deg, var(--lime), #63b85b);
  color: #0d2b16;
  box-shadow: 0 12px 35px #66c46033;
}
.btn.ghost {
  background: #ffffff0a;
  color: white;
  border: 1px solid #ffffff2b;
}
.btn.danger {
  background: #401b1b;
  color: #ffcaca;
  border: 1px solid #733;
}
.btn.wide {
  width: 100%;
}
.trust {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  margin-top: 35px;
  color: var(--muted);
  font-size: 0.82rem;
}
.features {
  max-width: 1180px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding: 0 24px 80px;
}
.features article {
  background: #ffffff08;
  border: 1px solid #ffffff12;
  border-radius: 22px;
  padding: 26px;
}
.features b {
  color: var(--green);
}
.features p {
  color: var(--muted);
}
@keyframes float {
  50% {
    transform: translateY(-14px);
  }
}
.modal {
  position: fixed;
  inset: 0;
  background: #020704df;
  backdrop-filter: blur(12px);
  display: grid;
  place-items: center;
  padding: 20px;
  z-index: 50;
  overflow: auto;
}
.modal-card {
  width: min(440px, 100%);
  background: linear-gradient(160deg, #172c1d, #0b1710);
  border: 1px solid #426d4b;
  border-radius: 28px;
  padding: 34px;
  box-shadow: var(--shadow);
  position: relative;
  max-height: calc(100dvh - 30px);
  overflow: auto;
}
.modal-card > img {
  width: 74px;
}
.modal-card h2 {
  font-size: 1.9rem;
  margin: 12px 0 5px;
}
.modal-card > p {
  margin: 0 0 20px;
}
.close {
  position: absolute;
  right: 16px;
  top: 12px;
  background: none;
  border: 0;
  color: white;
  font-size: 30px;
}
.field {
  margin: 16px 0;
}
.field label,
.settings-form > label {
  display: block;
  font-weight: 750;
  margin-bottom: 8px;
}
.field i {
  font-weight: 400;
  color: var(--muted);
}
input,
textarea,
select {
  width: 100%;
  border: 1px solid var(--line);
  background: #07120b;
  color: white;
  border-radius: 13px;
  padding: 14px;
  outline: none;
}
select {
  appearance: auto;
}
textarea {
  resize: vertical;
  min-height: 94px;
}
input:focus,
textarea:focus,
select:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px #72c36a1f;
}
.handle {
  display: flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #07120b;
}
.handle:focus-within {
  border-color: var(--green);
}
.handle span {
  padding-left: 14px;
  color: var(--green);
  font-weight: 900;
}
.handle input {
  border: 0;
  box-shadow: none;
}
.field small,
label small {
  display: block;
  margin-top: 7px;
  color: var(--muted);
  font-weight: 500;
}
.field small.ok {
  color: #8ade79;
}
.field small.error {
  color: #ff9c9c;
}
.switch {
  text-align: center;
  color: var(--muted);
  font-size: 0.88rem;
}
.switch a {
  color: var(--green);
  font-weight: 800;
}
.install {
  position: fixed;
  z-index: 60;
  left: 50%;
  top: max(14px, env(safe-area-inset-top));
  transform: translateX(-50%);
  background: #efffed;
  color: #12371c;
  border-radius: 16px;
  padding: 9px 12px 9px 18px;
  display: flex;
  gap: 12px;
  align-items: center;
  box-shadow: var(--shadow);
}
.install button {
  border: 0;
  background: #1b542b;
  color: white;
  border-radius: 10px;
  padding: 9px 12px;
}
.install .x {
  background: transparent;
  color: #234;
}
.upload-overlay {
  position: fixed;
  inset: 0;
  background: #041008ed;
  display: grid;
  place-items: center;
  z-index: 100;
  padding: 20px;
}
.upload-card {
  width: min(380px, 100%);
  padding: 32px;
  background: #12271a;
  border: 1px solid #477451;
  border-radius: 26px;
  text-align: center;
  box-shadow: var(--shadow);
}
.loader-logo {
  width: 90px;
  height: 90px;
  margin: auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #193b24;
  animation: uploadPulse 1.2s infinite;
}
.loader-logo img {
  width: 65px;
}
.progress {
  height: 10px;
  background: #07120b;
  border-radius: 20px;
  overflow: hidden;
  margin: 22px 0 10px;
}
.progress i {
  display: block;
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, #63b85b, #d1f6c7);
  transition: 0.2s;
}
.upload-card > p {
  color: var(--muted);
  font-size: 0.8rem;
}
@keyframes uploadPulse {
  50% {
    transform: scale(1.08);
    box-shadow: 0 0 0 18px #75c86d12;
  }
}
.app {
  height: 100dvh;
  display: grid;
  grid-template-columns: minmax(330px, 390px) 1fr;
  background: #07120b;
}
.sidebar {
  background: #0c1a11;
  border-right: 1px solid var(--line);
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  min-height: 0;
}
.sidebar > header {
  height: 74px;
  padding: 10px 13px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid var(--line);
}
.sidebar > header > img {
  width: 46px;
}
.brand-copy {
  flex: 1;
  min-width: 0;
}
.brand-copy b,
.brand-copy small {
  display: block;
}
.brand-copy small {
  color: var(--green);
}
.icon-btn {
  width: 40px;
  height: 40px;
  border: 1px solid var(--line);
  color: #e9f4e9;
  background: #13271a;
  border-radius: 12px;
  position: relative;
}
.nav-svg {
  font-size: 25px;
}
.mini-badge {
  position: absolute;
  right: -6px;
  top: -7px;
  background: #ef4f58;
  color: white;
  font-style: normal;
  font-size: 0.63rem;
  min-width: 19px;
  height: 19px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  border: 2px solid #0c1a11;
  animation: attention 1.2s infinite;
}
@keyframes attention {
  50% {
    transform: scale(1.18);
    box-shadow: 0 0 0 7px #f44a;
  }
}
.contact-tools {
  display: flex;
  gap: 7px;
  margin: 13px;
}
.search {
  position: relative;
  flex: 1;
}
.search span {
  position: absolute;
  left: 14px;
  top: 8px;
  font-size: 25px;
  color: var(--muted);
}
.search input {
  padding-left: 44px;
}
.add-contact {
  width: 50px;
  border: 0;
  border-radius: 15px;
  background: linear-gradient(135deg, #b4e8a5, #55aa51);
  color: #0b2b15;
  font-size: 30px;
  font-weight: 700;
  box-shadow: 0 8px 25px #63ba5938;
}
.home-list {
  height: auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding-bottom: max(14px, env(safe-area-inset-bottom));
  -webkit-overflow-scrolling: touch;
}
.section-label {
  padding: 14px 18px 7px;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.14em;
}
.person-row {
  width: calc(100% - 16px);
  border: 0;
  color: var(--text);
  text-align: left;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 10px;
  margin: 2px 8px;
  border-radius: 16px;
  background: transparent;
}
.person-row:hover,
.person-row.has-unread {
  background: #14291b;
}
.person-row.has-unread {
  box-shadow: inset 3px 0 var(--green);
}
.avatar {
  width: 49px;
  height: 49px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3f7b48, #9dd28e);
  background-position: center;
  background-size: cover;
  display: grid;
  place-items: center;
  font-weight: 900;
  position: relative;
  flex: none;
}
.avatar.online:after {
  content: "";
  width: 11px;
  height: 11px;
  background: #56df67;
  border: 3px solid #0c1a11;
  border-radius: 50%;
  position: absolute;
  right: -1px;
  bottom: 1px;
}
.person-row .meta {
  min-width: 0;
  flex: 1;
}
.person-row b,
.person-row small {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.person-row small {
  color: var(--muted);
  margin-top: 4px;
}
.badge {
  background: var(--green);
  color: #0b2512;
  min-width: 23px;
  height: 23px;
  padding: 0 6px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 0.72rem;
}
.empty-mini {
  padding: 20px;
  color: var(--muted);
  text-align: center;
  font-size: 0.82rem;
}
.empty-mini b {
  color: var(--green);
  font-size: 1.4rem;
}
.sidebar > nav {
  position: relative;
  min-height: 70px;
  padding-bottom: env(safe-area-inset-bottom);
  background: #0b1910;
  border-top: 1px solid var(--line);
  display: flex;
  z-index: 4;
}
.sidebar > nav button {
  flex: 1;
  border: 0;
  background: none;
  color: var(--muted);
  font-size: 0.58rem;
  min-width: 0;
  padding-inline: 2px;
}
.sidebar > nav button > span {
  display: block;
  font-size: 20px;
  margin-bottom: 3px;
  position: relative;
}
.sidebar > nav button.active {
  color: var(--green);
}
.status-nav-icon {
  width: max-content;
  margin: auto;
}
.status-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  position: absolute;
  right: -9px;
  top: -2px;
  background: #ff5963;
  border: 2px solid #0b1910;
  animation: attention 1.2s infinite;
}
.content {
  min-width: 0;
  background: radial-gradient(circle at 50% 40%, #15301e, #07120b 65%);
  height: 100dvh;
  overflow: hidden;
}
.welcome {
  height: 100%;
  display: grid;
  place-content: center;
  text-align: center;
  padding: 20px;
}
.welcome img {
  width: 150px;
  margin: auto;
  opacity: 0.75;
}
.welcome p {
  color: var(--muted);
}
.chat {
  height: 100dvh;
  display: grid;
  grid-template-rows: 70px 1fr auto;
  position: relative;
}
.chat-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 18px;
  background: #0d1d13ed;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
}
.chat-head .back {
  display: none;
  background: none;
  border: 0;
  color: white;
  font-size: 35px;
}
.profile-link {
  border: 0;
  background: none;
  color: white;
  padding: 0;
}
.mini-profile {
  border-radius: 50%;
}
.chat-person {
  text-align: left;
}
.chat-person b,
.chat-person small {
  display: block;
}
.chat-person small {
  color: var(--green);
}
.messages {
  overflow: auto;
  padding: 22px 5%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-image: radial-gradient(#5b8f6220 1px, transparent 1px);
  background-size: 20px 20px;
}
.bubble {
  max-width: min(72%, 680px);
  padding: 10px 13px;
  border-radius: 17px 17px 17px 4px;
  background: #182d1e;
  align-self: flex-start;
  box-shadow: 0 3px 12px #0003;
  overflow-wrap: anywhere;
}
.bubble.mine {
  align-self: flex-end;
  background: #376f42;
  border-radius: 17px 17px 4px 17px;
}
.bubble.emoji-only {
  font-size: inherit;
  min-width: 110px;
  max-width: min(94%, 720px);
  padding: 12px 12px 5px;
  background: transparent;
  box-shadow: none;
  line-height: 1.2;
  text-align: center;
  position: relative;
  overflow: visible;
  isolation: isolate;
}
.bubble.emoji-only .emoji-stage {
  display: inline-block;
  position: relative;
  z-index: 2;
  max-width: 100%;
  transform-origin: 50% 75%;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.bubble.emoji-only .emoji-stage:focus-visible { border-radius:26px; box-shadow:0 0 0 3px #fff8a7; }
.bubble.emoji-only .emoji-glyph {
  display: inline-block;
  position: relative;
  z-index: 2;
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: clamp(72px, 19vw, 102px);
  line-height: 1;
  filter: drop-shadow(0 10px 13px #0007);
  transform-origin: 50% 72%;
  user-select: none;
}
.emoji-aura {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  width: 112%;
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%,-50%) scale(.25);
  pointer-events: none;
}
.emoji-vfx { position:absolute; z-index:3; inset:-38%; overflow:visible; pointer-events:none; }
.emoji-vfx i { display:none; position:absolute; left:50%; top:50%; width:9px; height:16px; border-radius:3px; opacity:0; pointer-events:none; }
.bubble.emoji-size-large .emoji-glyph { font-size:clamp(112px,34vw,168px); }
.bubble.emoji-size-super { min-width:min(88vw,330px); }
.bubble.emoji-size-super .emoji-glyph { font-size:clamp(190px,72vw,310px); }
.bubble.emoji-cluster.emoji-size-large .emoji-glyph { font-size:clamp(72px,23vw,108px); }
.bubble.emoji-cluster.emoji-size-super .emoji-glyph { font-size:clamp(88px,29vw,138px); }
.emoji-size-large .emoji-stage { animation:emojiLargeEntrance 1.05s cubic-bezier(.18,1.55,.35,1); }
.emoji-effect-soft .emoji-stage { animation:emojiLargeEntrance .85s cubic-bezier(.18,1.45,.35,1); }
.emoji-size-large .emoji-aura { border:4px solid #aaff9d; box-shadow:0 0 24px #74e66c88; animation:emojiShockwave 1s ease-out 2; }
.emoji-size-super .emoji-stage { animation:emojiSuperImpact 1.35s cubic-bezier(.16,1.4,.28,1); }
.emoji-size-super .emoji-aura { border:5px solid #fff49d; box-shadow:0 0 30px #ffd64eaa,inset 0 0 28px #fff29c66; animation:emojiShockwave 1.25s ease-out 2; }
.emoji-effect-pop .emoji-stage { animation:emojiPop 1.42s cubic-bezier(.18,1.45,.32,1) 2; }
.emoji-effect-float .emoji-stage { animation:emojiFloat 2.3s ease-in-out 3; }
.emoji-effect-wiggle .emoji-stage { animation:emojiWiggle .82s cubic-bezier(.36,.07,.19,.97) 6; }
.emoji-effect-spin .emoji-stage { animation:emojiSpin 1.65s cubic-bezier(.24,.8,.28,1) 3; }
.emoji-effect-heartbeat .emoji-stage { animation:emojiHeartbeat 1.28s ease-in-out 5; }
.emoji-effect-pop .emoji-aura { border:6px solid #ffec72; background:radial-gradient(circle,#fff6a966,transparent 62%); animation:emojiShockwave 1.15s ease-out 3; }
.emoji-effect-float .emoji-aura { opacity:.75; background:radial-gradient(circle,#b6fff075,transparent 65%); filter:blur(8px); animation:emojiMagicAura 2.3s ease-in-out 3; }
.emoji-effect-wiggle .emoji-aura { opacity:.85; background:conic-gradient(from 20deg,transparent,#67eaff,transparent,#ffdf57,transparent,#ff66dd,transparent); filter:blur(7px); animation:emojiElectricAura .82s linear 6; }
.emoji-effect-spin .emoji-aura { opacity:.9; border:7px dotted #8fffea; box-shadow:0 0 28px #78eaff; animation:emojiTornadoRing 1.65s linear 3; }
.emoji-effect-heartbeat .emoji-aura { border:6px solid #ff5a92; background:radial-gradient(circle,#ff4e8a40,transparent 64%); animation:emojiHeartRing 1.28s ease-out 5; }
.emoji-decor-neon .emoji-glyph { animation:emojiNeon .74s ease-in-out 8 alternate; }
.emoji-decor-neon .emoji-aura { opacity:.9; background:conic-gradient(from 0deg,#43f6ff,#8aff63,#ffe958,#ff5ba8,#9c68ff,#43f6ff); filter:blur(18px); animation:emojiNeonAura 2s linear 4; }
.emoji-decor-party .emoji-stage { filter:drop-shadow(0 0 12px #ffe95a); }
.emoji-decor-party .emoji-aura { opacity:.9; background:conic-gradient(from 0deg,#ff4f82,#ffd84e,#55e8ff,#7dff72,#c16dff,#ff4f82); filter:blur(10px); animation:emojiPartyAura 1.1s ease-in-out 5; }
.emoji-effect-pop .emoji-vfx i:nth-child(-n+10) { display:block; width:10px; height:10px; border-radius:50%; background:hsl(var(--h),100%,66%); box-shadow:0 0 12px currentColor; animation:emojiBurstParticle 1.2s ease-out var(--fast-delay) 3; }
.emoji-effect-float .emoji-vfx i:nth-child(-n+9) { display:block; width:7px; height:7px; border-radius:50%; background:#dffffa; box-shadow:0 0 12px #70fff1,0 0 22px #fff; animation:emojiMagicParticle 2.3s ease-in-out var(--float-delay) 3; }
.emoji-effect-wiggle .emoji-vfx i:nth-child(-n+8) { display:block; width:4px; height:25px; border-radius:5px; background:hsl(var(--h),100%,68%); box-shadow:0 0 12px hsl(var(--h),100%,65%); animation:emojiElectricParticle .82s ease-out var(--fast-delay) 6; }
.emoji-effect-heartbeat .emoji-vfx i:nth-child(-n+10) { display:block; width:auto; height:auto; color:#ff568d; background:none; box-shadow:none; font-style:normal; animation:emojiHeartParticle 1.28s ease-out var(--heart-delay) 5; }
.emoji-effect-heartbeat .emoji-vfx i:nth-child(-n+10)::before { content:"♥"; font-size:clamp(14px,4vw,24px); filter:drop-shadow(0 0 8px #ff4a85); }
.emoji-decor-party .emoji-vfx i { display:block; width:9px; height:16px; border-radius:3px; color:inherit; background:hsl(var(--h),95%,62%); box-shadow:0 0 9px hsl(var(--h),100%,62%); animation:emojiConfettiPiece 1.75s cubic-bezier(.12,.65,.25,1) var(--party-delay) 3; }
.emoji-decor-party .emoji-vfx i::before { content:none; }
.bubble.emoji-only .message-meta {
  position: relative;
  z-index: 5;
  justify-content: center;
  margin-top: 5px;
}
.bubble time {
  font-size: 0.63rem;
  color: #bdcebf;
  display: block;
  text-align: right;
  margin-top: 4px;
}
.bubble audio {
  width: min(320px, 65vw);
  height: 38px;
  display: block;
}
.audio-loading {
  font-size: 0.75rem;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 7px;
}
.audio-loading i {
  width: 10px;
  height: 10px;
  border: 2px solid var(--muted);
  border-top-color: var(--green);
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}
.audio-duration {
  color: var(--muted);
  font-size: 0.65rem;
}
@keyframes emojiLargeEntrance { 0%{opacity:0;transform:scale(.12) rotate(-18deg)} 62%{opacity:1;transform:scale(1.22) rotate(6deg)} 82%{transform:scale(.94) rotate(-3deg)} 100%{transform:scale(1) rotate(0)} }
@keyframes emojiSuperImpact { 0%{opacity:0;transform:scale(2.3);filter:blur(14px)} 42%{opacity:1;transform:scale(.82);filter:blur(0)} 62%{transform:scale(1.16)} 78%{transform:scale(.94)} 100%{transform:scale(1)} }
@keyframes emojiPop { 0%,100%{transform:translateY(0) scale(1) rotate(0)} 12%{transform:translateY(8px) scale(.72,1.25)} 30%{transform:translateY(-48px) scale(1.17,.88) rotate(-8deg)} 48%{transform:translateY(0) scale(1.28,.68) rotate(5deg)} 62%{transform:translateY(-22px) scale(.94,1.1)} 78%{transform:translateY(0) scale(1.08,.9)} }
@keyframes emojiFloat {
  0%,100% { transform:translateY(4px) rotate(-4deg) scale(1); }
  25% { transform:translateY(-28px) rotate(4deg) scale(1.07); }
  55% { transform:translateY(-45px) rotate(-3deg) scale(1.12); }
  78% { transform:translateY(-18px) rotate(5deg) scale(1.04); }
}
@keyframes emojiWiggle {
  0%,100% { transform:translate3d(0,0,0) rotate(0) scale(1); }
  10%,50%,90% { transform:translate3d(-13px,2px,0) rotate(-12deg) scale(1.06); }
  30%,70% { transform:translate3d(13px,-2px,0) rotate(12deg) scale(1.12); }
  40%,80% { transform:translate3d(-6px,0,0) rotate(-5deg) scale(.98); }
}
@keyframes emojiHeartbeat {
  0%,100% { transform:scale(1) rotate(0); }
  14%,46% { transform:scale(1.34) rotate(-3deg); }
  27%,59% { transform:scale(.9) rotate(3deg); }
  75% { transform:scale(1.12); }
}
@keyframes emojiSpin {
  0% { transform:rotate(0) scale(.3); filter:blur(7px); }
  35% { transform:rotate(430deg) scale(1.28); filter:blur(0); }
  65% { transform:rotate(690deg) scale(.9); }
  100% { transform:rotate(1080deg) scale(1); }
}
@keyframes emojiNeon {
  0% { filter:drop-shadow(0 9px 13px #0008) drop-shadow(0 0 4px #42eeff); transform:scale(1); }
  50% { filter:drop-shadow(0 10px 14px #0008) drop-shadow(0 0 15px #80ff65) drop-shadow(0 0 38px #ff4fd8); transform:scale(1.08); }
  100% { filter:drop-shadow(0 9px 13px #0008) drop-shadow(0 0 14px #ffd94f) drop-shadow(0 0 42px #7a66ff); transform:scale(1); }
}
@keyframes emojiShockwave { 0%{opacity:.95;transform:translate(-50%,-50%) scale(.18)} 72%{opacity:.35} 100%{opacity:0;transform:translate(-50%,-50%) scale(1.75)} }
@keyframes emojiMagicAura { 0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.72)} 50%{opacity:.9;transform:translate(-50%,-50%) scale(1.28)} }
@keyframes emojiElectricAura { to{transform:translate(-50%,-50%) rotate(360deg) scale(1.17)} }
@keyframes emojiTornadoRing { 0%{transform:translate(-50%,-50%) rotate(0) scale(.55);border-radius:45%} 50%{transform:translate(-50%,-50%) rotate(540deg) scale(1.18);border-radius:50%} 100%{transform:translate(-50%,-50%) rotate(1080deg) scale(.62);border-radius:42%} }
@keyframes emojiHeartRing { 0%{opacity:.9;transform:translate(-50%,-50%) scale(.35)} 75%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.55)} }
@keyframes emojiNeonAura { to{transform:translate(-50%,-50%) rotate(360deg) scale(1.15)} }
@keyframes emojiPartyAura { 0%,100%{transform:translate(-50%,-50%) scale(.6) rotate(0);opacity:.45} 50%{transform:translate(-50%,-50%) scale(1.28) rotate(180deg);opacity:1} }
@keyframes emojiConfettiPiece { 0%{opacity:0;transform:translate(-50%,-50%) scale(.1) rotate(0)} 14%{opacity:1} 72%{opacity:1} 100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.15) rotate(var(--r))} }
@keyframes emojiBurstParticle { 0%{opacity:0;transform:translate(-50%,-50%) scale(.1)} 18%{opacity:1} 100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.35)} }
@keyframes emojiMagicParticle { 0%,100%{opacity:0;transform:translate(-50%,35px) scale(.2)} 38%{opacity:1;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.35)} 70%{opacity:.5} }
@keyframes emojiElectricParticle { 0%{opacity:0;transform:translate(-50%,-50%) rotate(18deg) scaleY(.1)} 25%{opacity:1} 100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(145deg) scaleY(1)} }
@keyframes emojiHeartParticle { 0%{opacity:0;transform:translate(-50%,-30%) scale(.2)} 22%{opacity:1} 100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.35) rotate(28deg)} }
@media (prefers-reduced-motion:reduce) {
  .emoji-stage,.emoji-glyph,.emoji-aura,.emoji-vfx i { animation-duration:.01ms!important; animation-iteration-count:1!important; }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
body[data-bubbles="round"] .bubble {
  border-radius: 24px;
}
body[data-bubbles="classic"] .bubble {
  border-radius: 5px 16px 16px 16px;
}
body[data-bubbles="classic"] .bubble.mine {
  border-radius: 16px 5px 16px 16px;
}
body[data-bubbles="minimal"] .bubble {
  background: #14251a;
  border-left: 3px solid #6eba63;
  border-radius: 4px;
  box-shadow: none;
}
body[data-bubbles="minimal"] .bubble.mine {
  background: #1d4528;
  border-left: 0;
  border-right: 3px solid #a8de9c;
}
.composer {
  display: flex;
  gap: 8px;
  padding: 10px max(12px, env(safe-area-inset-right))
    max(10px, env(safe-area-inset-bottom));
  background: #0d1d13;
  border-top: 1px solid var(--line);
}
.composer textarea {
  resize: none;
  max-height: 100px;
  min-height: 48px;
}
.composer button {
  border: 0;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  flex: none;
  background: #193120;
  color: white;
  font-size: 20px;
}
.composer .send-btn {
  background: linear-gradient(135deg, #a8dd98, #53ad53);
  color: #12381a;
}
.emoji-command-panel {
  position:absolute;
  z-index:12;
  right:14px;
  bottom:calc(78px + env(safe-area-inset-bottom));
  width:min(440px,calc(100% - 28px));
  max-height:min(610px,calc(100dvh - 170px));
  overflow:auto;
  padding:17px;
  border:1px solid #77682d;
  border-radius:22px;
  color:#f5f6ec;
  background:radial-gradient(circle at 90% 0,#765f2438,transparent 35%),linear-gradient(150deg,#172a1c,#08120c 74%);
  box-shadow:0 22px 55px #000b;
}
.emoji-command-panel header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.emoji-command-panel header small,.emoji-command-panel header b { display:block; }
.emoji-command-panel header small { color:#f0d465; font-size:.63rem; font-weight:950; letter-spacing:.14em; }
.emoji-command-panel header b { margin-top:4px; font-size:1.03rem; }
.emoji-command-panel header button { flex:0 0 auto; width:34px; height:34px; border:1px solid #ffffff22; border-radius:11px; color:#fff; background:#ffffff0c; font-size:1.4rem; }
.emoji-command-panel>p { margin:10px 0 14px; color:#bdc8be; font-size:.73rem; line-height:1.45; }
.emoji-command-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.emoji-command-grid button { min-width:0; padding:9px 5px; border:1px solid #405d43; border-radius:13px; color:#eaf4e9; background:#102219; }
.emoji-command-grid button:active { transform:scale(.96); }
.emoji-command-grid span,.emoji-command-grid b { display:block; }
.emoji-command-grid span { font-size:1.35rem; }
.emoji-command-grid b { margin-top:4px; font-size:.63rem; }
.emoji-command-combo { margin-top:12px; padding:12px; border:1px solid #665b2e; border-radius:15px; background:#342d0d66; }
.emoji-command-combo>b { color:#ffe681; font-size:.75rem; }
.emoji-command-combo p { margin:8px 0; color:#d2d7c8; font-size:.68rem; line-height:2.3; }
.emoji-command-combo button { padding:5px 8px; border:1px solid #8d7b35; border-radius:8px; color:#fff4bb; background:#4a3c11; font-weight:900; }
.emoji-command-combo small { display:block; color:#aeb9ac; font-size:.63rem; line-height:1.5; }
.emoji-panel {
  position: absolute;
  bottom: 74px;
  left: 20px;
  background: #15291bf7;
  border: 1px solid var(--line);
  padding: 12px;
  border-radius: 18px;
  display: grid;
  grid-template-columns: repeat(6, 42px);
  gap: 4px;
  max-width: calc(100vw - 40px);
  box-shadow: var(--shadow);
}
.emoji-panel button {
  font-size: 24px;
  border: 0;
  background: transparent;
  border-radius: 10px;
  height: 40px;
}
.emoji-panel button:hover {
  background: #ffffff12;
}
.recording {
  position: absolute;
  z-index: 5;
  bottom: 78px;
  left: 50%;
  transform: translateX(-50%);
  width: min(480px, calc(100% - 28px));
  background: #17311f;
  border: 1px solid #54865b;
  border-radius: 24px;
  padding: 18px;
  box-shadow: var(--shadow);
}
.recording.ending {
  background: #521f23;
  border-color: #ff7777;
  animation: recordEnding 0.7s infinite;
}
.record-top {
  display: flex;
  align-items: center;
  gap: 10px;
}
.record-top i {
  width: 13px;
  height: 13px;
  background: #ff5757;
  border-radius: 50%;
  animation: pulse 1s infinite;
}
.record-top span {
  flex: 1;
}
.record-top b {
  font-size: 1.8rem;
}
.record-wave {
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.record-wave span {
  width: 5px;
  height: 15px;
  border-radius: 8px;
  background: var(--green);
  animation: wave 0.8s infinite alternate;
}
.record-wave span:nth-child(2n) {
  animation-delay: 0.2s;
  height: 32px;
}
.record-wave span:nth-child(3n) {
  animation-delay: 0.4s;
  height: 22px;
}
.record-hint {
  text-align: center;
  color: #c6d9ca;
  margin: 3px 0 13px;
}
.record-actions {
  display: flex;
  gap: 8px;
}
.record-actions button {
  flex: 1;
  padding: 12px;
  border: 1px solid #ffffff25;
  border-radius: 13px;
  background: #ffffff0a;
  color: white;
  font-weight: 800;
}
.record-actions .record-send {
  background: var(--green);
  color: #0d2a15;
}
.record-actions .record-stop {
  background: #e35757;
}
@keyframes pulse {
  50% {
    opacity: 0.25;
  }
}
@keyframes wave {
  to {
    height: 40px;
    opacity: 0.5;
  }
}
@keyframes recordEnding {
  50% {
    transform: translateX(-50%) scale(1.015);
  }
}
.page {
  padding: 24px 28px 70px;
  max-width: 1180px;
  margin: auto;
  height: 100dvh;
  overflow: auto;
}
.compact-page {
  max-width: 920px;
}
.btn-back {
  border: 0;
  background: transparent;
  color: #dce9de;
  padding: 10px 0;
  font-size: 1.05rem;
}
.btn-back span {
  font-size: 0.84rem;
}
.page-title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 10px 0 25px;
}
.page-title h1,
.section-head h1 {
  margin: 0;
  font-size: clamp(1.8rem, 4vw, 2.7rem);
}
.page-title p {
  margin: 5px 0;
  color: var(--muted);
}
.discover-total {
  display: flex;
  align-items: center;
  gap: 12px;
  width: max-content;
  max-width: 100%;
  margin: -10px 0 18px;
  padding: 10px 14px;
  border: 1px solid #79d87942;
  border-radius: 16px;
  background: linear-gradient(135deg, #183b23, #0c1c12);
}
.discover-total > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: #bff3ac;
  color: #102d1a;
}
.discover-total b,
.discover-total small { display: block; }
.discover-total b { color: #efffeb; font-size: 1.1rem; }
.discover-total small { color: var(--muted); font-size: .72rem; }
.relationship-discover .discover-total { border-color: #ff79ab55; background: linear-gradient(135deg, #3c1928, #151117); }
.relationship-discover .discover-total > span { background: #ffafd0; }
.title-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: #193b24;
  display: grid;
  place-items: center;
  font-size: 30px;
  color: var(--green);
}
.pulse-icon {
  animation: softPulse 1.4s infinite;
}
@keyframes softPulse {
  50% {
    box-shadow: 0 0 0 12px #74c86812;
  }
}
.big-search {
  display: flex;
  align-items: center;
  background: #102319;
  border: 1px solid #477351;
  border-radius: 18px;
  padding-left: 18px;
  margin-bottom: 20px;
}
.big-search span {
  font-size: 25px;
  color: var(--green);
}
.big-search input {
  border: 0;
  background: transparent;
  font-size: 1.2rem;
  box-shadow: none;
}
.people-results,
.request-list {
  display: grid;
  gap: 13px;
}
.search-profile-card {
  display: grid;
  grid-template-columns: 74px 1fr auto;
  align-items: center;
  gap: 15px;
  background: #102217;
  border: 1px solid var(--line);
  border-radius: 21px;
  padding: 13px;
  position: relative;
  overflow: hidden;
}
.search-cover {
  position: absolute;
  inset: 0 auto 0 0;
  width: 110px;
  background: var(--cover);
  background-position: center;
  background-size: cover;
  opacity: 0.45;
}
.search-profile-card .avatar {
  width: 65px;
  height: 65px;
  border: 3px solid #102217;
}
.search-profile-card .avatar,
.search-person,
.search-profile-card button {
  z-index: 1;
}
.search-person h3 {
  margin: 0;
}
.search-person small {
  color: var(--green);
}
.search-person p {
  color: var(--muted);
  margin: 5px 0;
}
.view-profile {
  border: 1px solid #5f9969;
  background: #17361f;
  color: white;
  border-radius: 13px;
  padding: 11px 15px;
  font-weight: 800;
}
.empty-state {
  text-align: center;
  color: var(--muted);
  padding: 45px 20px;
  background: #ffffff05;
  border: 1px dashed var(--line);
  border-radius: 20px;
  grid-column: 1/-1;
}
.empty-state b {
  color: var(--text);
  font-size: 1.1rem;
}
.spinner {
  width: 38px;
  height: 38px;
  border: 4px solid #31553a;
  border-top-color: var(--green);
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
  margin: 40px auto;
}
.request-card {
  display: grid;
  grid-template-columns: 65px 1fr;
  gap: 15px;
  background: #102217;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 16px;
}
.request-card .avatar {
  width: 65px;
  height: 65px;
}
.request-card h3 {
  margin: 4px 0;
}
.request-card small {
  color: var(--green);
}
.request-card p {
  color: var(--muted);
}
.request-actions {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.request-actions button {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 11px;
  background: #182c1e;
  color: white;
}
.request-actions .accept {
  background: var(--green);
  color: #0a2412;
}
.notification-row {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  color: white;
  display: flex;
  text-align: left;
  align-items: center;
  gap: 12px;
  padding: 14px;
}
.notification-row.unread {
  background: #19321f;
}
.notification-row b,
.notification-row small {
  display: block;
}
.notification-row small {
  color: var(--muted);
  margin-top: 5px;
}
.profile-loading,
.error-page {
  height: 100%;
  display: grid;
  place-content: center;
  text-align: center;
}
.public-profile {
  height: 100dvh;
  overflow: auto;
  background: #07120b;
}
.profile-back {
  position: absolute;
  top: max(15px, env(safe-area-inset-top));
  left: 18px;
  z-index: 3;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #ffffff55;
  background: #041008aa;
  color: white;
  font-size: 30px;
}
.profile-cover {
  height: min(38vh, 340px);
  background: linear-gradient(135deg, #1f4b2b, #0b1710);
  background-size: cover;
  background-position: center;
}
.profile-main {
  max-width: 920px;
  margin: -62px auto 0;
  padding: 0 25px 70px;
  position: relative;
}
.profile-avatar {
  width: 124px;
  height: 124px;
  border: 6px solid #07120b;
  font-size: 38px;
}
.profile-heading {
  margin: 12px 0;
}
.profile-heading h1 {
  font-size: 2.2rem;
  margin: 0;
}
.profile-heading p {
  color: var(--green);
  margin: 5px 0;
}
.online-pill {
  background: #3b8f47;
  color: #eaffea;
  border-radius: 20px;
  padding: 3px 8px;
  font-size: 0.68rem;
}
.profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 18px 0;
}
.profile-bio {
  font-size: 1.05rem;
  line-height: 1.6;
  color: #c8d6ca;
}
.profile-info {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 18px 0 30px;
}
.profile-info span,
.profile-info a {
  padding: 9px 13px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #102217;
  color: #dce9df;
  text-decoration: none;
}
.gallery-strip {
  display: flex;
  gap: 11px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 5px 0 18px;
  -webkit-overflow-scrolling: touch;
}
.gallery-strip button {
  border: 0;
  background: none;
  padding: 0;
  flex: 0 0 min(72vw, 360px);
  height: 360px;
  border-radius: 20px;
  overflow: hidden;
  scroll-snap-align: center;
}
.gallery-strip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.empty-gallery {
  padding: 28px;
  border: 1px dashed var(--line);
  border-radius: 18px;
  color: var(--muted);
}
.segmented {
  display: flex;
  background: #0d1d13;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 5px;
  margin: 0 0 22px;
  position: sticky;
  top: 0;
  z-index: 4;
}
.segmented button {
  flex: 1;
  border: 0;
  background: transparent;
  color: var(--muted);
  padding: 13px 8px;
  border-radius: 12px;
  font-weight: 850;
}
.segmented button.active {
  background: #2f673b;
  color: white;
}
.cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 16px;
}
.discover-card {
  background: #102217;
  border: 1px solid var(--line);
  border-radius: 23px;
  padding: 0 17px 18px;
  overflow: hidden;
  position: relative;
}
.discover-cover {
  height: 100px;
  margin: 0 -17px;
  background: linear-gradient(135deg, #285b34, #0c1710);
  background-size: cover;
  background-position: center;
}
.discover-card .avatar {
  width: 78px;
  height: 78px;
  margin-top: -39px;
  border: 5px solid #102217;
}
.compat-ring {
  position: absolute;
  right: 14px;
  top: 75px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  display: grid;
  place-content: center;
  text-align: center;
  background: #15331e;
  border: 4px solid var(--green);
}
.compat-ring b,
.compat-ring small {
  display: block;
}
.compat-ring small {
  font-size: 0.55rem;
  color: var(--muted);
}
.discover-card h3 {
  margin: 12px 0 3px;
}
.discover-card > small {
  color: var(--green);
}
.discover-card p {
  color: var(--muted);
  min-height: 45px;
}
.interest-chips {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.interest-chips span {
  font-size: 0.67rem;
  background: #1a3722;
  border-radius: 20px;
  padding: 5px 8px;
  color: #b9dcbc;
}
.relationship-discover {
  position: relative;
  background: radial-gradient(circle at 90% 5%, #d52d7840, transparent 28%), linear-gradient(180deg, #21101a, #0b1710 58%);
}
.relationship-discover .page-title .title-icon { background: linear-gradient(145deg, #ff79ab, #a52662); box-shadow: 0 8px 25px #dc3c7b44; }
.relationship-discover .page-title .title-icon::before { content: "♥"; font-size: 25px; }
.relationship-discover .page-title .title-icon { font-size: 0; }
.relationship-discover .segmented { border-color: #813552; background: #2b111e; }
.relationship-discover .segmented button.active { background: linear-gradient(135deg, #d43d79, #873052); box-shadow: 0 6px 20px #e6488540; }
.romantic-card { border-color: #71344d; background: linear-gradient(165deg, #28141f, #102018 68%); box-shadow: 0 12px 32px #13060c88; }
.romantic-card .discover-cover { background: linear-gradient(135deg, #a72d61, #43182e 55%, #13281a); }
.romantic-card .avatar { border-color: #28141f; }
.romantic-card .compat-ring { border-color: #ff78a9; background: #451a2d; box-shadow: 0 0 22px #ff5d9844; }
.romantic-card > small { color: #ff9ec0; }
.romantic-card .interest-chips span { color: #ffd5e4; background: #5a2038; }
.romantic-card .btn.primary { background: linear-gradient(135deg, #ff8db5, #cf3e76); color: #38101f; }
.status-page {
  height: 100dvh;
  background: #050c07;
  display: grid;
  grid-template-rows: auto 1fr;
}
.status-header {
  height: 75px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 8px max(18px, env(safe-area-inset-left));
  background: #0d1d13;
  border-bottom: 1px solid var(--line);
  z-index: 5;
}
.status-header .backPage {
  margin-right: 4px;
}
.status-header > div {
  flex: 1;
}
.status-header h1 {
  margin: 0;
  font-size: 1.35rem;
}
.status-header p {
  margin: 3px 0;
  color: var(--muted);
  font-size: 0.75rem;
}
.add-status {
  border: 0;
  border-radius: 15px;
  background: var(--green);
  color: #0b2b15;
  padding: 11px 15px;
  font-weight: 850;
}
.add-status span {
  font-size: 20px;
}
.status-feed {
  height: 100%;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  overscroll-behavior-y: contain;
}
.status-post {
  height: 100%;
  min-height: calc(100dvh - 75px);
  max-width: 620px;
  margin: auto;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 24px;
  color: white;
  background: #173f26;
}
.status-post:not(.has-media):not(.has-external)::after { content:""; position:absolute; z-index:0; inset:-20%; pointer-events:none; opacity:.22; background:radial-gradient(circle,#fff 0 2px,transparent 3px) 0 0/54px 54px; animation:statusParticles 14s linear infinite; }
.status-post > header, .status-post > .status-content, .status-post > .status-actions, .status-post > .reaction-stream, .status-post > .ad-status-copy, .status-post > .ad-learn { position:relative; z-index:2; }
@keyframes statusParticles { to { transform:translate3d(54px,-54px,0) rotate(4deg); } }
.status-media,
.status-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.status-media {
  object-fit: cover;
}
.status-shade {
  background: linear-gradient(#0009, transparent 35%, #000c);
  pointer-events: none;
}
.status-external {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #000;
}
.status-external iframe {
  display: block;
  width: 100%;
  border: 0;
  background: #000;
}
.youtube-status iframe { width: 100%; height: 100%; aspect-ratio: auto; }
.instagram-status { touch-action: pan-y; user-select: none; }
.instagram-status iframe { height: 100%; pointer-events: none; user-select: none; }
.status-post.has-external { padding: 0; background: #000; }
.has-external > .status-external { z-index: 3; }
.has-external > .status-shade,
.has-external > header,
.has-external > .status-content,
.has-external > .status-actions,
.has-external > .reaction-stream { display: none; }
.status-post header {
  display: flex;
  gap: 10px;
  align-items: center;
  z-index: 1;
}
.status-post header b,
.status-post header small {
  display: block;
}
.status-post header small {
  color: #d7ddd8;
  font-size: 0.72rem;
}
.status-content {
  flex: 1;
  min-height: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  overflow-y: auto;
  scrollbar-width: none;
  padding-block: clamp(10px, 2.4dvh, 24px);
}
.status-content::-webkit-scrollbar { display: none; }
.status-content > :first-child { margin-top:auto; }
.status-content > :last-child { margin-bottom:auto; }
.status-copy {
  z-index: 1;
  width: min(540px, 100%);
  margin-inline: auto;
  text-align: center;
  font-size: clamp(1.5rem, 5vw, 2.5rem);
  font-weight: 850;
  line-height: 1.25;
  text-shadow: 0 3px 15px #000;
}
.status-actions {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
}
.status-actions button {
  border: 1px solid #ffffff3d;
  background: #0006;
  color: white;
  border-radius: 20px;
  padding: 8px 12px;
}
.status-actions button.active {
  background: #d74a56;
}
.status-reaction-control { display:inline-flex; align-items:stretch; overflow:hidden; border:1px solid #ffffff3d; border-radius:22px; background:#020604a8; box-shadow:0 5px 18px #0004; }
.status-actions .status-reaction-control button { min-width:34px; min-height:38px; margin:0; padding:7px 8px; border:0; border-radius:0; background:transparent; }
.status-actions .status-reaction-control button:first-child { display:grid; place-items:center; padding-inline:9px; }
.status-actions .status-reaction-control button:last-child { min-width:30px; padding-inline:8px; border-left:1px solid #ffffff24; color:#e6eee7; font-size:.76rem; font-weight:900; }
.status-actions .status-reaction-control button.active { background:linear-gradient(145deg,#bd3158,#7f1736); }
.status-actions .status-reaction-control button[data-dislike].active { background:linear-gradient(145deg,#a64b38,#6e211d); }
.status-action-icon { display:block; width:22px; height:22px; overflow:visible; color:#f2f5f2; filter:drop-shadow(0 2px 3px #0008); }
.status-action-icon path,.status-action-icon circle { vector-effect:non-scaling-stroke; }
.icon-love { color:#ff769b; }
.icon-love .icon-fill { fill:currentColor; stroke:#ffe2ea; stroke-width:1.15; stroke-linejoin:round; }
.icon-love .icon-spark { fill:none; stroke:#fff4a7; stroke-width:1.8; stroke-linecap:round; }
.icon-dislike { color:#ffac72; }
.icon-dislike path:first-child { fill:#3b1715; stroke:currentColor; stroke-width:1.8; stroke-linejoin:round; }
.icon-dislike .icon-break { fill:none; stroke:#ffe2c2; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.icon-comments { color:#b9f1b0; }
.icon-comments path { fill:#11351b; stroke:currentColor; stroke-width:1.7; stroke-linejoin:round; }
.icon-comments circle { fill:currentColor; }
.icon-views { color:#b9dfff; }
.icon-views path,.icon-views circle { fill:none; stroke:currentColor; stroke-width:1.75; }
.status-actions > [data-comments] { display:flex; align-items:center; justify-content:center; gap:6px; min-height:40px; min-width:57px; padding:7px 10px; font-weight:900; background:#020604a8; box-shadow:0 5px 18px #0004; }
.status-view-count { display:flex; align-items:center; justify-content:center; gap:6px; min-height:40px; min-width:57px; padding:7px 10px; border:1px solid #ffffff3d; border-radius:22px; color:#fff; background:#020604a8; box-shadow:0 5px 18px #0004; }
.status-view-count b { font-size:.76rem; }
.status-person-reaction { display:grid; place-items:center; width:42px; height:42px; border:1px solid #ffffff2e; border-radius:50%; background:#ffffff0a; }
.status-empty {
  margin: 50px auto;
  max-width: 500px;
}
.status-composer-page {
  height: 100%;
  min-height: 100%;
  display: block;
  overflow-y: auto;
  padding: 72px 25px 35px;
  position: relative;
}
.close-create {
  position: absolute;
  right: 18px;
  top: 18px;
  border: 0;
  background: #ffffff0c;
  color: white;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  font-size: 26px;
}
.status-type {
  display: flex;
  flex-wrap: wrap;
  width: min(520px, calc(100vw - 30px));
  gap: 8px;
  margin: 0 auto 12px;
}
.status-type button {
  flex: 1 1 88px;
  min-width: 0;
  border: 1px solid var(--line);
  background: #102217;
  color: white;
  border-radius: 14px;
  padding: 12px 6px;
}
.status-type button.active {
  background: var(--green);
  color: #102316;
}
.status-composer-page form {
  width: min(520px, calc(100vw - 30px));
  margin: 0 auto;
  padding: 25px;
  background: #173f26;
  border-radius: 25px;
  display: grid;
  gap: 14px;
  transition: 0.2s;
}
.status-composer-page textarea {
  min-height: 180px;
  background: #0004;
  border-color: #ffffff35;
  font-size: 1.15rem;
}
.media-picker {
  border: 2px dashed #ffffff48;
  border-radius: 17px;
  padding: 22px;
  text-align: center;
}
.media-picker input {
  display: none;
}
.media-picker span,
.media-picker small {
  display: block;
}
.media-picker span {
  font-weight: 850;
}
.external-picker {
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px solid #ffffff42;
  border-radius: 17px;
  background: #0004;
}
.external-picker small,
.media-picker small {
  color: #d3ded5;
  line-height: 1.4;
}
.color-picks {
  display: flex;
  gap: 10px;
}
.color-picks button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 3px solid #ffffff75;
}
.comments-sheet,
.status-people-sheet {
  position: fixed;
  z-index: 90;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: min(620px, 100%);
  height: min(70dvh, 650px);
  background: #0e2115;
  border: 1px solid var(--line);
  border-radius: 26px 26px 0 0;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 12px 18px max(14px, env(safe-area-inset-bottom));
}
.sheet-handle {
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 55px;
  height: 5px;
  border-radius: 8px;
  background: #7d8d81;
}
.comments-sheet header,
.status-people-sheet header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comments-sheet header button,
.status-people-sheet header button {
  border: 0;
  background: transparent;
  color: white;
  font-size: 25px;
}
.comments-list {
  overflow: auto;
}
.comments-sheet header small,
.status-people-sheet header small { color:var(--green); font-size:.6rem; font-weight:950; letter-spacing:.1em; }
.comments-sheet header h2,
.status-people-sheet header h2 { margin:2px 0 10px; }
.comment {
  display: flex;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.comment .avatar {
  width: 40px;
  height: 40px;
}
.comment-body { min-width:0; flex:1; }
.comment-body > small { display:block; color:var(--muted); font-size:.65rem; }
.comment p {
  margin: 4px 0;
}
.comment.reply {
  margin-left: 34px;
  border-left: 2px solid var(--line);
  padding-left: 10px;
}
.comment-actions {
  display: flex;
  gap: 12px;
}
.comment button {
  border: 0;
  background: none;
  color: var(--green);
  padding: 0;
}
.comment button.active {
  color: #ff7f8a;
}
.comment button[data-comment-delete] { color:#ff9a9f; }
.comment button:disabled { opacity:.55; }
.comments-sheet form {
  display: flex;
  gap: 8px;
}
.comments-sheet form button {
  border: 0;
  border-radius: 50%;
  width: 48px;
  background: var(--green);
}
.comments-sheet form button:disabled { opacity:.55; cursor:wait; }
.status-people-list { overflow:auto; }
.status-person { display:flex; align-items:center; gap:11px; padding:12px 3px; border-bottom:1px solid var(--line); }
.status-person .avatar { width:44px; height:44px; flex:none; }
.status-person > div:nth-child(2) { min-width:0; flex:1; }
.status-person b,.status-person small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.status-person small { margin-top:3px; color:var(--muted); }
.status-person > span { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#ffffff0d; font-size:20px; }
.settings-hub {
  height: 100dvh;
  overflow: auto;
  padding: 25px;
  max-width: 980px;
  margin: auto;
}
.settings-hub > header {
  display: flex;
  align-items: center;
  gap: 18px;
}
.settings-hub h1 {
  font-size: 2.5rem;
  margin: 7px 0;
}
.settings-hub header p {
  color: var(--muted);
}
.update-notice {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 15px;
  background: linear-gradient(135deg, #204d2a, #14351e);
  border: 1px solid #68ad70;
  border-radius: 18px;
  margin: 15px 0;
}
.update-notice > span {
  font-size: 30px;
}
.update-notice > div {
  flex: 1;
}
.update-notice b,
.update-notice p {
  display: block;
  margin: 2px 0;
}
.update-notice p {
  color: #bfd2c2;
}
.update-notice button {
  border: 0;
  background: #c3efb6;
  color: #102c17;
  border-radius: 12px;
  padding: 10px;
  font-weight: 850;
}
.settings-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13px;
  margin-top: 25px;
}
.setting-tile {
  border: 1px solid var(--line);
  background: #102217;
  color: white;
  border-radius: 20px;
  padding: 19px;
  display: grid;
  grid-template-columns: 48px 1fr auto;
  gap: 13px;
  text-align: left;
  align-items: center;
}
.setting-tile > span {
  width: 48px;
  height: 48px;
  border-radius: 15px;
  background: #1b3c25;
  display: grid;
  place-items: center;
  font-size: 23px;
}
.setting-tile b,
.setting-tile small {
  display: block;
}
.setting-tile small {
  color: var(--muted);
  margin-top: 5px;
}
.setting-tile i {
  font-size: 28px;
  color: var(--green);
}
.setting-page {
  max-width: 900px;
}
.section-head {
  margin: 10px 0 25px;
}
.settings-form {
  display: grid;
  gap: 16px;
}
.settings-form.two-cols {
  grid-template-columns: 1fr 1fr;
}
.settings-form .full {
  grid-column: 1/-1;
}
.edit-cover {
  height: 220px;
  background: linear-gradient(135deg, #214d2c, #0d1710);
  background-size: cover;
  background-position: center;
  border-radius: 23px;
  position: relative;
}
.edit-cover label,
.edit-avatar label,
.gallery-manager > label {
  position: absolute;
  right: 14px;
  bottom: 14px;
  background: #07120bc9;
  border: 1px solid #ffffff55;
  padding: 10px 13px;
  border-radius: 12px;
}
.edit-cover input,
.edit-avatar input,
.gallery-manager input {
  display: none;
}
.edit-avatar {
  margin: -55px 0 25px 25px;
  position: relative;
  width: 125px;
}
.edit-avatar .avatar {
  width: 115px;
  height: 115px;
  border: 5px solid #07120b;
}
.edit-avatar label {
  right: -80px;
  bottom: 7px;
  width: max-content;
}
.profile-views,
.gallery-manager,
.privacy-card,
.interest-group,
.about-card,
.security-card {
  background: #102217;
  border: 1px solid var(--line);
  border-radius: 21px;
  padding: 20px;
  margin: 18px 0;
}
.profile-views > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.profile-views span {
  background: #07120b;
  border-radius: 14px;
  text-align: center;
  padding: 13px;
  color: var(--muted);
}
.profile-views b {
  display: block;
  color: var(--green);
  font-size: 1.45rem;
}
.gallery-manager {
  position: relative;
}
.gallery-manager > label {
  top: 20px;
  bottom: auto;
}
.manage-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
}
.manage-gallery > div {
  position: relative;
  height: 160px;
}
.manage-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
}
.manage-gallery button {
  border: 0;
  background: transparent;
  color: white;
  padding: 0;
}
.manage-gallery > div > button:last-child {
  position: absolute;
  right: 6px;
  bottom: 6px;
  background: #5d1d20;
  padding: 6px 8px;
  border-radius: 8px;
  font-size: 0.7rem;
}
.bubble-options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.bubble-choice {
  border: 2px solid var(--line);
  border-radius: 18px;
  padding: 15px;
  display: grid;
  gap: 10px;
}
.bubble-choice.selected {
  border-color: var(--green);
  background: #183320;
}
.bubble-choice input {
  display: none;
}
.sample-bubble {
  display: inline-block;
  width: max-content;
  max-width: 100%;
  background: #376f42;
  padding: 10px;
  border-radius: 17px;
}
.appearance-preview {
  height: 190px;
  background: #08130c;
  padding: 25px;
  border-radius: 18px;
}
.appearance-preview .bubble {
  width: max-content;
  margin-bottom: 10px;
}
.toggle {
  display: flex !important;
  align-items: center;
  gap: 11px;
}
.toggle input {
  width: 22px;
  height: 22px;
  accent-color: var(--green);
  flex: none;
}
.setting-toggle {
  background: #0b1910;
  padding: 13px;
  border-radius: 13px;
}
.privacy-card {
  display: grid;
  gap: 13px;
}
.privacy-card h2 {
  margin: 0;
}
.lead {
  color: var(--muted);
  font-size: 1.05rem;
}
.check-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.check-chips input {
  display: none;
}
.check-chips span {
  display: block;
  padding: 9px 12px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #0b1910;
}
.check-chips input:checked + span {
  background: #356e40;
  border-color: #89d47d;
  color: white;
}
.adult-group.disabled {
  opacity: 0.7;
}
.about-card {
  text-align: center;
  max-width: 520px;
  margin: 0 auto 20px;
}
.about-card img {
  width: 100px;
}
.about-card > p,
.about-card > small {
  color: var(--muted);
}
.notification-power-card {
  display: grid;
  gap: 12px;
  max-width: 520px;
  margin: 0 auto 20px;
  padding: 20px;
  border: 1px solid #5a9c64;
  border-radius: 21px;
  background: linear-gradient(145deg, #173a22, #0b1b11);
  box-shadow: 0 14px 36px #0004;
}
.notification-power-head {
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: 12px;
  align-items: center;
}
.notification-power-head > span {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: #c9f5bc;
  font-size: 1.45rem;
}
.notification-power-head h2,
.notification-power-head p { margin: 0; }
.notification-power-head p,
#pushDeviceStatus,
#emailAlertHint { color: var(--muted); line-height: 1.45; }
.email-alert-toggle {
  display: flex !important;
  align-items: flex-start !important;
  gap: 11px !important;
  padding: 13px;
  border-radius: 14px;
  background: #07120b;
}
.email-alert-toggle input { width: 21px; height: 21px; flex: none; accent-color: var(--green); }
.email-alert-toggle span,
.email-alert-toggle b,
.email-alert-toggle small { display: block; }
.email-alert-toggle.disabled { opacity: .55; }
.version-line {
  display: flex;
  justify-content: space-between;
  background: #07120b;
  padding: 13px;
  border-radius: 12px;
  margin: 20px 0;
}
.security-card {
  max-width: 520px;
  margin: auto;
}
.support-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
.support-grid article {
  background: #102217;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 22px;
}
.support-grid article > span {
  font-size: 36px;
}
.support-grid p {
  color: var(--muted);
}
.lightbox {
  position: fixed;
  z-index: 110;
  inset: 0;
  background: #000e;
  display: grid;
  place-items: center;
  padding: 20px;
}
.lightbox img {
  max-width: 92vw;
  max-height: 88dvh;
  object-fit: contain;
  touch-action: pinch-zoom;
}
.lightbox button {
  position: absolute;
  border: 0;
  background: #ffffff1f;
  color: white;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  font-size: 30px;
}
.lightbox-close {
  right: 20px;
  top: 20px;
}
.lightbox-prev {
  left: 20px;
}
.lightbox-next {
  right: 20px;
}
.lightbox-count {
  position: absolute;
  bottom: 20px;
  background: #0009;
  border-radius: 20px;
  padding: 7px 13px;
}
#toast {
  position: fixed;
  z-index: 150;
  left: 50%;
  bottom: max(30px, env(safe-area-inset-bottom));
  transform: translate(-50%, 25px);
  padding: 13px 20px;
  border-radius: 13px;
  background: #f4fff2;
  color: #123619;
  font-weight: 800;
  opacity: 0;
  pointer-events: none;
  transition: 0.25s;
  max-width: calc(100% - 24px);
  text-align: center;
}
#toast.show {
  opacity: 1;
  transform: translate(-50%, 0);
}
.friend-icon-btn {
  padding: 4px;
  overflow: visible;
}
.friend-icon-btn > img,
.image-title-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.image-title-icon {
  padding: 4px;
}
.status-nav-icon img {
  width: 27px;
  height: 27px;
  object-fit: contain;
  display: block;
}
.alert-setup {
  position: fixed;
  z-index: 120;
  top: max(12px, env(safe-area-inset-top));
  left: 50%;
  transform: translateX(-50%);
  width: min(620px, calc(100% - 24px));
  display: grid;
  grid-template-columns: 46px 1fr auto auto;
  gap: 12px;
  align-items: center;
  padding: 13px;
  border: 1px solid #79d978;
  border-radius: 20px;
  background: #102719f5;
  box-shadow: 0 16px 55px #0009;
  backdrop-filter: blur(15px);
}
.alert-setup-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: #2d6238;
  font-size: 24px;
  animation: attention 1.2s infinite;
}
.alert-setup b,
.alert-setup small { display: block; }
.alert-setup small { color: var(--muted); margin-top: 3px; }
.alert-setup button {
  border: 0;
  border-radius: 13px;
  padding: 11px 14px;
  background: var(--green);
  color: #092410;
  font-weight: 900;
}
.alert-setup .alert-later {
  background: transparent;
  color: white;
  font-size: 21px;
  padding: 6px;
}
.chat-menu-btn {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: white;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 28px;
}
.chat-online.is-typing {
  color: #8eff8e;
  font-weight: 900;
  animation: typingPulse .8s infinite alternate;
}
@keyframes typingPulse { to { opacity: .45; } }
.message-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  margin-top: 4px;
}
.bubble .message-meta time { margin: 0; }
.receipt {
  font-size: .78rem;
  letter-spacing: -4px;
  padding-right: 4px;
  color: #d3ded5;
  font-weight: 900;
}
.receipt.read { color: #62ee86; filter: drop-shadow(0 0 4px #36e86a77); }
.receipt.sending { opacity: .65; letter-spacing: 0; padding-right: 0; }
.bubble.pending { opacity: .78; }
.message-image {
  display: block;
  border: 0;
  background: #07120b;
  padding: 0;
  border-radius: 13px;
  overflow: hidden;
  max-width: min(360px, 68vw);
}
.message-image img,
.message-video {
  display: block;
  max-width: min(360px, 68vw);
  max-height: 52vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 13px;
  background: #020603;
}
.message-file {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: min(280px, 65vw);
  color: white;
  text-decoration: none;
  padding: 7px;
  border-radius: 12px;
  background: #07120b70;
}
.message-file > span { font-size: 31px; }
.message-file b,
.message-file small { display: block; overflow-wrap: anywhere; }
.message-file small { color: #c7d6ca; margin-top: 3px; }
.composer .attach-btn {
  font-size: 30px;
  font-weight: 300;
  border: 1px solid #4e805a;
}
.composer .mic-btn {
  width: 58px;
  height: 52px;
  border: 2px solid #75cc72;
  border-radius: 17px;
  display: grid;
  place-content: center;
  gap: 0;
  background: linear-gradient(160deg, #234e2e, #112719);
  box-shadow: inset 0 0 0 2px #07120b, 0 4px 15px #58b85a2e;
}
.mic-btn span { font-size: 22px; line-height: 20px; }
.mic-btn small { font-size: 8px; font-weight: 900; color: #baf0b6; letter-spacing: .07em; }
.attachment-menu {
  position: absolute;
  z-index: 8;
  bottom: 78px;
  left: 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(100px, 1fr));
  gap: 9px;
  width: min(390px, calc(100% - 36px));
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #102719f7;
  box-shadow: var(--shadow);
  backdrop-filter: blur(14px);
}
.attachment-menu button {
  border: 1px solid #376742;
  border-radius: 15px;
  background: #17351f;
  color: white;
  padding: 13px 7px;
}
.attachment-menu .attachment-emoji-fx { border-color:#b89b38; color:#fff0a1; background:radial-gradient(circle at 75% 15%,#ffe76b30,transparent 35%),linear-gradient(145deg,#4c3c11,#17341e); box-shadow:inset 0 0 0 1px #fff3a019; }
.attachment-menu .attachment-mimo { grid-column:1/-1; border-color:#e178a8; color:#ffe7f2; background:radial-gradient(circle at 76% 10%,#ff8bc946,transparent 38%),linear-gradient(145deg,#5b1839,#38204f 55%,#17341e); box-shadow:inset 0 0 0 1px #ffb8da24,0 8px 24px #b32d6e22; }
.attachment-menu .attachment-mimo span,.attachment-menu .attachment-mimo b{display:inline-block;vertical-align:middle}.attachment-menu .attachment-mimo span{margin:0 8px 0 0}
.attachment-menu span,
.attachment-menu b { display: block; }
.attachment-menu span { font-size: 28px; margin-bottom: 6px; }

/* Mimos: cartões de texto animados, sem arquivos pesados. */
.mimo-panel{position:absolute;z-index:16;left:14px;right:14px;bottom:calc(76px + env(safe-area-inset-bottom));max-height:min(760px,calc(100dvh - 105px));overflow:auto;padding:18px;border:1px solid #d96f9d66;border-radius:25px;color:#fff;background:radial-gradient(circle at 92% 2%,#ff80bf30,transparent 31%),radial-gradient(circle at 5% 85%,#7b5cff2a,transparent 32%),linear-gradient(150deg,#26142c,#0b1711 72%);box-shadow:0 28px 75px #000d;backdrop-filter:blur(18px);overscroll-behavior:contain}.mimo-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.mimo-panel>header small,.mimo-panel>header b{display:block}.mimo-panel>header small{color:#ff9dcc;font-size:.62rem;font-weight:950;letter-spacing:.18em}.mimo-panel>header b{max-width:520px;margin-top:4px;font-size:1.08rem;line-height:1.25}.mimo-panel>header button{flex:0 0 auto;width:36px;height:36px;border:1px solid #fff2;border-radius:12px;color:#fff;background:#fff1;font-size:1.45rem}.mimo-write{display:block;margin-top:15px;padding:12px;border:1px solid #ffffff1c;border-radius:17px;background:#07110dc9}.mimo-write>span{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#d7e2da;font-size:.71rem;font-weight:850}.mimo-write>span b{color:#ff9dca}.mimo-write textarea{width:100%;min-height:78px;resize:vertical;padding:12px;border:1px solid #744761;border-radius:13px;color:#fff;background:#160e18;font:inherit;line-height:1.45;outline:0}.mimo-write textarea:focus{border-color:#ff8dc1;box-shadow:0 0 0 3px #ff79b51c}.mimo-theme-heading,.mimo-preview-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:15px 2px 8px}.mimo-theme-heading b{font-size:.82rem}.mimo-theme-heading small,.mimo-preview-title small{color:#a9bbb0;font-size:.63rem}.mimo-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mimo-theme-grid button{min-width:0;min-height:78px;padding:8px 5px;border:1px solid #ffffff1c;border-radius:14px;color:#eaf1ec;background:#ffffff08;transition:.16s}.mimo-theme-grid button:active{transform:scale(.96)}.mimo-theme-grid button[aria-pressed="true"]{border-color:#ff9cca;background:linear-gradient(145deg,#74254b,#3d255e);box-shadow:0 0 0 2px #ff8fc62b,0 8px 25px #c9417a2f}.mimo-theme-grid span,.mimo-theme-grid b{display:block}.mimo-theme-grid span{font-size:1.55rem}.mimo-theme-grid b{margin-top:4px;overflow-wrap:anywhere;font-size:.58rem;line-height:1.15}.mimo-preview-title{margin-top:17px}.mimo-preview-title span{color:#ffc0dd;font-size:.62rem;font-weight:950;letter-spacing:.15em}.mimo-preview{display:grid;place-items:center;padding:7px;border:1px dashed #f3a6c24c;border-radius:21px;background:#0004}.mimo-panel>footer{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.mimo-panel>footer button{min-height:46px;padding:0 17px;border-radius:14px;font-weight:950}.mimo-cancel{border:1px solid #ffffff24;color:#d8e2da;background:#ffffff0b}.mimo-send{border:1px solid #ffc6df;color:#321224;background:linear-gradient(135deg,#ffd1e5,#ff78b5 50%,#c88dff);box-shadow:0 10px 24px #ec559947}.mimo-send:disabled{opacity:.58}
.bubble.mimo-bubble{width:min(390px,88%);max-width:min(390px,88%);padding:0;background:transparent!important;border:0;box-shadow:none;overflow:visible}.mimo-card{position:relative;isolation:isolate;box-sizing:border-box;width:min(360px,78vw);min-height:260px;display:grid;place-items:center;overflow:hidden;padding:40px 25px 35px;border:1px solid #ffffff52;border-radius:29px;color:#fff;text-align:center;cursor:pointer;box-shadow:0 18px 42px #0008,inset 0 0 0 1px #fff2;contain:layout paint}.mimo-preview-card{width:100%;max-width:520px;min-height:290px}.mimo-sky,.mimo-rays,.mimo-glass,.mimo-particles{position:absolute;inset:0;pointer-events:none}.mimo-sky{z-index:-4;background-size:180% 180%;animation:mimoSky 9s ease-in-out infinite}.mimo-rays{z-index:-3;left:50%;top:50%;width:150%;height:150%;background:repeating-conic-gradient(from 0deg,#fff0 0 16deg,#fff1 17deg 18deg);opacity:.48;transform:translate(-50%,-50%);animation:mimoRotate 28s linear infinite}.mimo-main-symbol{position:absolute;z-index:-1;top:19px;left:50%;font-size:clamp(4rem,17vw,6.5rem);line-height:1;filter:drop-shadow(0 12px 20px #0007) drop-shadow(0 0 20px #fff5);transform:translateX(-50%);animation:mimoSymbol 3.2s ease-in-out infinite}.mimo-particles i{position:absolute;left:var(--x);top:var(--y);font-style:normal;font-size:calc(.55rem + (var(--i) % 4)*.17rem);opacity:0;filter:drop-shadow(0 0 7px currentColor);animation:mimoParticle 4.6s ease-in-out infinite;animation-delay:var(--delay)}.mimo-copy{position:relative;z-index:2;width:100%;margin-top:40px;padding:18px 16px;border:1px solid #ffffff38;border-radius:20px;background:#08090ca8;box-shadow:0 15px 35px #0005;backdrop-filter:blur(8px)}.mimo-copy small{display:block;color:#fff1b8;font-size:.58rem;font-weight:950;letter-spacing:.18em}.mimo-copy p{margin:9px 0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.03rem,4.5vw,1.4rem);font-weight:750;line-height:1.28;text-wrap:balance;text-shadow:0 2px 8px #000,0 0 18px #fff2;overflow-wrap:anywhere;animation:mimoTextGlow 3.3s ease-in-out infinite}.mimo-copy b{display:block;color:#ffd2e6;font-size:.61rem;letter-spacing:.08em}.mimo-glass{z-index:3;left:-60%;width:38%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:skewX(-19deg);animation:mimoShine 5.2s ease-in-out infinite}.mimo-card>em{position:absolute;z-index:4;right:15px;bottom:11px;color:#ffffff9c;font-size:.54rem;font-style:normal;font-weight:800;letter-spacing:.04em}.mimo-card.mimo-replay{animation:mimoReplay .68s cubic-bezier(.2,1.55,.35,1)}
.mimo-heart .mimo-sky{background:radial-gradient(circle at 50% 20%,#ffb6d6 0,#d83375 30%,#591642 65%,#150b24)}.mimo-heart .mimo-main-symbol{animation:mimoHeart 1.45s ease-in-out infinite}.mimo-heart .mimo-particles{color:#ffbedb}.mimo-star .mimo-sky{background:radial-gradient(circle at 48% 20%,#ffe98c 0,#9057c7 30%,#192152 63%,#080c22)}.mimo-star .mimo-particles{color:#ffe98b}.mimo-fireworks .mimo-sky{background:radial-gradient(circle at 20% 27%,#ff4ca533 0 3%,transparent 16%),radial-gradient(circle at 76% 22%,#4deaff3b 0 3%,transparent 17%),radial-gradient(circle at 52% 43%,#ffd84a32 0 2%,transparent 18%),linear-gradient(160deg,#13104b,#070715 72%)}.mimo-fireworks .mimo-main-symbol{animation:mimoFirework 2.1s ease-out infinite}.mimo-fireworks .mimo-particles{color:#ffe769}.mimo-sunset .mimo-sky{background:radial-gradient(circle at 50% 55%,#fff5a8 0 8%,#ff982f 9% 23%,#ef4f65 38%,#753e92 62%,#18234b)}.mimo-sunset .mimo-rays{opacity:.7;animation-duration:38s}.mimo-sunset .mimo-particles{color:#ffe6b0}.mimo-sunrise .mimo-sky{background:radial-gradient(circle at 50% 52%,#fffbd0 0 9%,#ffd45c 10% 24%,#ff9d7b 39%,#74bfea 68%,#355e9c)}.mimo-sunrise .mimo-main-symbol{animation:mimoSunrise 4.2s ease-in-out infinite}.mimo-sunrise .mimo-particles{color:#fff6c1}.mimo-night .mimo-sky{background:radial-gradient(circle at 70% 15%,#a9c8ff52,transparent 16%),linear-gradient(160deg,#172a64,#0c153e 53%,#09091d)}.mimo-night .mimo-particles{color:#d8e5ff}.mimo-night .mimo-copy{background:#080b23a8}.mimo-butterflies .mimo-sky{background:radial-gradient(circle at 15% 20%,#fff2a35c,transparent 22%),linear-gradient(155deg,#73dcb3,#357f79 45%,#273a64)}.mimo-butterflies .mimo-main-symbol{animation:mimoButterfly 2.8s ease-in-out infinite}.mimo-butterflies .mimo-particles{color:#fff0a1}.mimo-aurora .mimo-sky{background:linear-gradient(125deg,#081c2b,#174b55 25%,#6f45a1 48%,#1ea88a 70%,#0b2435);background-size:240% 240%;animation:mimoAurora 7s ease-in-out infinite}.mimo-aurora .mimo-rays{background:repeating-linear-gradient(105deg,#55ffd000 0 8%,#64ffd740 10%,#d67cff42 16%,transparent 22%);filter:blur(8px);animation:mimoAuroraWave 6s ease-in-out infinite}.mimo-aurora .mimo-particles{color:#a9ffe7}
@keyframes mimoSky{0%,100%{background-position:0 45%}50%{background-position:100% 55%}}@keyframes mimoRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes mimoSymbol{0%,100%{transform:translate(-50%,0) scale(.92) rotate(-4deg)}50%{transform:translate(-50%,9px) scale(1.08) rotate(4deg)}}@keyframes mimoParticle{0%{opacity:0;transform:translate(-10px,24px) scale(.2) rotate(0)}24%{opacity:1}62%{opacity:.9}100%{opacity:0;transform:translate(15px,-55px) scale(1.45) rotate(220deg)}}@keyframes mimoTextGlow{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.22);transform:scale(1.025)}}@keyframes mimoShine{0%,58%{left:-60%}82%,100%{left:125%}}@keyframes mimoReplay{0%{transform:scale(.82) rotate(-3deg);filter:brightness(1.6)}62%{transform:scale(1.055) rotate(2deg)}100%{transform:none}}@keyframes mimoHeart{0%,100%{transform:translateX(-50%) scale(.9)}15%{transform:translateX(-50%) scale(1.17)}30%{transform:translateX(-50%) scale(.95)}47%{transform:translateX(-50%) scale(1.12)}70%{transform:translateX(-50%) scale(.92)}}@keyframes mimoFirework{0%{transform:translateX(-50%) scale(.25);opacity:.3}42%{transform:translateX(-50%) scale(1.28);opacity:1}100%{transform:translateX(-50%) scale(.72);opacity:.35}}@keyframes mimoSunrise{0%,100%{transform:translate(-50%,22px) scale(.84);filter:brightness(.85)}50%{transform:translate(-50%,-3px) scale(1.13);filter:brightness(1.35) drop-shadow(0 0 30px #fff6a4)}}@keyframes mimoButterfly{0%,100%{transform:translate(-50%,2px) rotate(-9deg)}50%{transform:translate(-38%,18px) rotate(11deg)}}@keyframes mimoAurora{0%,100%{background-position:0 40%}50%{background-position:100% 65%}}@keyframes mimoAuroraWave{0%,100%{transform:translateX(-15%) skewX(-8deg);opacity:.5}50%{transform:translateX(15%) skewX(10deg);opacity:1}}
@media(prefers-reduced-motion:reduce){.mimo-card *{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.mimo-particles i{font-size:var(--size,.75rem)}
@media(max-width:600px){.mimo-panel{left:8px;right:8px;bottom:calc(69px + env(safe-area-inset-bottom));max-height:calc(100dvh - 82px);padding:14px;border-radius:21px}.mimo-panel>header b{font-size:.93rem}.mimo-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mimo-theme-grid button{min-height:68px}.mimo-panel>footer{position:sticky;bottom:-14px;margin-inline:-14px;margin-bottom:-14px;padding:11px 14px max(11px,env(safe-area-inset-bottom));background:#11151ae8;backdrop-filter:blur(10px)}.mimo-panel>footer button{flex:1;padding:0 9px}.mimo-preview{padding:4px}.mimo-preview-card{min-height:270px}.bubble.mimo-bubble{width:94%;max-width:94%}.mimo-card{width:100%;min-height:245px;padding-inline:18px}.mimo-copy{padding:16px 12px}}
.blocked-note { color: #ff9b9b; padding: 10px 0; }
.avatar-adjust {
  background: #102217;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  display: grid;
  gap: 13px;
}
.avatar-adjust h3,
.avatar-adjust p { margin: 0 0 5px; }
.avatar-adjust p { color: var(--muted); }
.avatar-adjust label { background: #07120b; border-radius: 13px; padding: 11px; }
.avatar-adjust input[type="range"] { padding: 0; margin-top: 8px; accent-color: var(--green); }
.status-post.has-media::before {
  content: "";
  position: absolute;
  inset: -30px;
  background-image: var(--status-media);
  background-size: cover;
  background-position: center;
  filter: blur(24px) brightness(.42);
  transform: scale(1.08);
}
.status-post .status-media {
  object-fit: contain;
  background: #03070488;
  z-index: 0;
}
.status-theme-forest { background: radial-gradient(circle at 20% 15%, #4ba15a, #173f26 45%, #07130b) !important; }
.status-theme-aurora { background: radial-gradient(circle at 15% 15%, #56ffc7, transparent 34%), radial-gradient(circle at 85% 30%, #8e6bff, transparent 42%), linear-gradient(145deg, #042d31, #160d3f) !important; }
.status-theme-sunset { background: radial-gradient(circle at 70% 15%, #ffd36b, transparent 25%), linear-gradient(145deg, #fd6b55, #7b225f 60%, #27154f) !important; }
.status-theme-ocean { background: radial-gradient(circle at 50% 110%, #25d8cf, transparent 45%), linear-gradient(160deg, #096b98, #071a45) !important; }
.status-theme-neon { background: repeating-linear-gradient(125deg, #100b26 0 28px, #271249 29px 31px), radial-gradient(circle, #ff36ca, #111) !important; }
.status-theme-gold { background: radial-gradient(circle at 20% 20%, #fff3ad, transparent 20%), linear-gradient(145deg, #cf8b22, #56310c 65%, #171006) !important; }
.status-theme-love { background: radial-gradient(circle at 15% 25%, #ff9cab, transparent 24%), radial-gradient(circle at 85% 75%, #ff667d, transparent 27%), linear-gradient(150deg, #9b1742, #35102e) !important; }
.status-theme-midnight { background: radial-gradient(circle at 75% 18%, #e5e3bd 0 4%, transparent 5%), radial-gradient(circle at 18% 30%, #6078ff, transparent 28%), linear-gradient(160deg, #131b4f, #050715 70%) !important; }
.status-theme-galaxy { background:radial-gradient(circle at 20% 25%,#dd81ff,transparent 24%),radial-gradient(circle at 78% 65%,#4bcfff,transparent 29%),linear-gradient(145deg,#10052f,#211266 52%,#040615) !important; }
.status-theme-candy { background:radial-gradient(circle at 15% 15%,#fff4b5,transparent 22%),linear-gradient(145deg,#ff72bd,#9d7bff 55%,#4fd5e7) !important; }
.status-theme-fire { background:radial-gradient(circle at 50% 110%,#fff36b,transparent 28%),radial-gradient(circle at 30% 80%,#ff8a2b,transparent 40%),linear-gradient(160deg,#9c1717,#30050a 68%,#100206) !important; }
.status-theme-ice { background:radial-gradient(circle at 80% 12%,#fff,transparent 18%),linear-gradient(145deg,#87edff,#3785cd 48%,#132b5d) !important; }
.status-theme-brazil { background:radial-gradient(circle at 50% 48%,#ffea4c 0 20%,transparent 21%),linear-gradient(145deg,#149447,#075b35 60%,#022c1b) !important; }
.status-theme-luxury { background:radial-gradient(circle at 75% 15%,#f7d87b,transparent 18%),repeating-linear-gradient(125deg,#090909 0 32px,#1b1710 33px 35px) !important; }
.status-theme-comic { background:radial-gradient(circle,#ffffff38 1px,transparent 2px) 0 0/12px 12px,linear-gradient(135deg,#ff3f73,#6b32d9 55%,#168ed1) !important; }
.status-theme-paper { color:#30281d !important; background:linear-gradient(#f8edcfdd 1px,transparent 1px) 0 0/100% 30px,linear-gradient(135deg,#fff8e5,#e5d5b4) !important; }
.status-theme-paper .status-copy { color:#30281d; text-shadow:none; }
.text-fade { animation: statusFade 1s both; }
.text-rise { animation: statusRise .8s both; }
.text-typewriter { animation: statusType 1.2s steps(18, end) both; }
.text-glow { animation: statusGlow 1.2s ease-in-out infinite alternate; }
.text-bounce { animation: statusBounce .75s both; }
.text-zoom { animation:statusZoom .85s cubic-bezier(.2,1.4,.4,1) both; }
.text-slide { animation:statusSlide .9s ease-out both; }
.text-rotate { animation:statusRotate 1s cubic-bezier(.2,1.2,.3,1) both; }
.text-flicker { animation:statusFlicker 1.8s linear infinite; }
.text-heartbeat { animation:statusHeartbeat 1.3s ease-in-out infinite; }
.text-wave { animation:statusWave 2.4s ease-in-out infinite; }
@keyframes statusFade { from { opacity: 0; filter: blur(8px); } }
@keyframes statusRise { from { opacity: 0; transform: translateY(60px); } }
@keyframes statusType { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }
@keyframes statusGlow { to { text-shadow: 0 0 10px #fff, 0 0 28px #aaffc4, 0 0 55px #49ec85; } }
@keyframes statusBounce { 0% { opacity: 0; transform: scale(.4); } 65% { transform: scale(1.12); } 100% { transform: scale(1); } }
@keyframes statusZoom { from { opacity:0; transform:scale(2.2); filter:blur(8px); } }
@keyframes statusSlide { from { opacity:0; transform:translateX(-90%); } }
@keyframes statusRotate { from { opacity:0; transform:rotate(-14deg) scale(.4); } }
@keyframes statusFlicker { 0%,18%,22%,25%,53%,57%,100%{opacity:1;text-shadow:0 0 12px #fff,0 0 35px #9dffb1} 20%,24%,55%{opacity:.35;text-shadow:none} }
@keyframes statusHeartbeat { 0%,100%{transform:scale(1)} 15%{transform:scale(1.1)} 30%{transform:scale(1)} 45%{transform:scale(1.06)} }
@keyframes statusWave { 0%,100%{transform:translateY(0) rotate(-1deg)} 50%{transform:translateY(-12px) rotate(1deg)} }
.status-design-title { display: flex; justify-content: space-between; align-items: baseline; }
.status-design-title small { color: #ffffffb8; }
.theme-picks {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 8px;
}
.theme-picks button {
  aspect-ratio: 1;
  border-radius: 12px;
  border: 3px solid transparent;
}
.theme-picks button.active { border-color: white; transform: scale(1.08); }
.theme-picks [data-theme="forest"] { background: linear-gradient(135deg,#65ba6a,#173f26); }
.theme-picks [data-theme="aurora"] { background: linear-gradient(135deg,#56ffc7,#6e4df5); }
.theme-picks [data-theme="sunset"] { background: linear-gradient(135deg,#ffd36b,#c72e68); }
.theme-picks [data-theme="ocean"] { background: linear-gradient(135deg,#22d7cd,#07316f); }
.theme-picks [data-theme="neon"] { background: linear-gradient(135deg,#ff36ca,#251054); }
.theme-picks [data-theme="gold"] { background: linear-gradient(135deg,#ffe78c,#7e4508); }
.theme-picks [data-theme="love"] { background: linear-gradient(135deg,#ff91a4,#6b0d37); }
.theme-picks [data-theme="midnight"] { background: linear-gradient(135deg,#6078ff,#050715); }
.theme-picks [data-theme="galaxy"] { background:linear-gradient(135deg,#da65ff,#15105d,#39b9e8); }
.theme-picks [data-theme="candy"] { background:linear-gradient(135deg,#ff74c6,#9f7eff,#57e0ed); }
.theme-picks [data-theme="fire"] { background:linear-gradient(135deg,#ffdb43,#e63c1d,#4b0710); }
.theme-picks [data-theme="ice"] { background:linear-gradient(135deg,#eaffff,#64c9f3,#254c9c); }
.theme-picks [data-theme="brazil"] { background:linear-gradient(135deg,#18a654,#ffe14c,#1263a9); }
.theme-picks [data-theme="luxury"] { background:linear-gradient(135deg,#070707,#d5a936,#15100a); }
.theme-picks [data-theme="comic"] { background:linear-gradient(135deg,#ff3f73,#7538de,#159ad3); }
.theme-picks [data-theme="paper"] { background:linear-gradient(135deg,#fff8e5,#d7c39a); }
.animation-picks { display: flex; gap: 7px; flex-wrap: wrap; }
.animation-picks button {
  border: 1px solid #ffffff55;
  border-radius: 999px;
  background: #0004;
  color: white;
  padding: 8px 11px;
}
.animation-picks button.active { background: white; color: #17311f; }

@media (max-width: 760px) {
  .alert-setup {
    grid-template-columns: 40px 1fr auto;
    top: max(8px, env(safe-area-inset-top));
    padding: 10px;
  }
  .alert-setup-icon { width: 40px; height: 40px; }
  .alert-setup > button:not(.alert-later) { grid-column: 2; width: max-content; }
  .alert-setup .alert-later { grid-column: 3; grid-row: 1; }
  .attachment-menu { bottom: calc(76px + env(safe-area-inset-bottom)); }
  .theme-picks { grid-template-columns: repeat(4, 1fr); }
  .status-composer-page { overflow-y: auto; padding: 70px 15px 25px; }
  .status-type button { font-size: .78rem; }
  .status-composer-page form { padding: 18px; }
  .status-composer-page textarea { min-height: 135px; }
  html {
    font-size: min(calc(16px * var(--font-scale)), 20px);
  }
  .hero {
    padding: 60px 20px 38px;
    text-align: center;
    display: block;
    min-height: auto;
  }
  .hero-logo {
    width: 180px;
  }
  .hero-copy {
    margin: auto;
  }
  .hero h1 {
    font-size: 42px;
  }
  .hero-actions {
    justify-content: center;
  }
  .hero-actions .btn {
    min-height: 52px;
  }
  .trust {
    justify-content: center;
  }
  .features {
    grid-template-columns: 1fr;
  }
  .modal {
    align-items: end;
    padding: 0;
  }
  .modal-card {
    border-radius: 26px 26px 0 0;
    padding: 25px 22px max(25px, env(safe-area-inset-bottom));
    max-height: 94dvh;
  }
  .app {
    display: block;
  }
  .sidebar {
    width: 100%;
    height: 100dvh;
    padding-bottom: 0;
  }
  .sidebar > header {
    padding-top: max(10px, env(safe-area-inset-top));
    height: calc(74px + env(safe-area-inset-top));
  }
  .home-list {
    height: auto;
  }
  .content {
    position: fixed;
    inset: 0;
    z-index: 7;
    transform: translateX(100%);
    transition: 0.23s;
    background: #07120b;
  }
  .content.open {
    transform: none;
  }
  .chat-head {
    padding-top: max(9px, env(safe-area-inset-top));
    height: calc(70px + env(safe-area-inset-top));
  }
  .chat {
    grid-template-rows: calc(70px + env(safe-area-inset-top)) 1fr auto;
  }
  .chat-head .back {
    display: block;
  }
  .messages {
    padding: 16px 12px;
  }
  .bubble {
    max-width: 88%;
  }
  .composer {
    gap: 6px;
    padding-bottom: max(10px, env(safe-area-inset-bottom));
  }
  .composer textarea { min-width:0; }
  .composer button { width:43px; height:48px; }
  .composer .mic-btn { width:50px; }
  .emoji-command-panel { right:10px; bottom:calc(72px + env(safe-area-inset-bottom)); width:calc(100% - 20px); }
  .emoji-panel {
    grid-template-columns: repeat(6, 1fr);
    left: 10px;
    right: 10px;
    bottom: calc(72px + env(safe-area-inset-bottom));
    max-width: none;
  }
  .recording {
    bottom: calc(72px + env(safe-area-inset-bottom));
  }
  .install {
    width: calc(100% - 20px);
    font-size: 0.78rem;
  }
  .page {
    padding: 12px 14px 90px;
  }
  .btn-back {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #07120be8;
    width: 100%;
    text-align: left;
    padding-top: max(10px, env(safe-area-inset-top));
  }
  .search-profile-card {
    grid-template-columns: 62px 1fr;
  }
  .search-profile-card .avatar {
    width: 58px;
    height: 58px;
  }
  .search-profile-card .view-profile {
    grid-column: 1/-1;
  }
  .request-actions {
    grid-template-columns: 1fr 1fr;
  }
  .request-actions button:first-child {
    grid-column: 1/-1;
  }
  .profile-cover {
    height: 29vh;
  }
  .profile-main {
    padding: 0 15px 60px;
  }
  .profile-avatar {
    width: 105px;
    height: 105px;
  }
  .profile-heading h1 {
    font-size: 1.8rem;
  }
  .gallery-strip button {
    height: 58vh;
    flex-basis: 88vw;
  }
  .cards {
    grid-template-columns: 1fr;
  }
  .status-header {
    height: calc(68px + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top);
    gap: 6px;
  }
  .status-header .backPage {
    position: static;
    width: auto;
    background: transparent;
  }
  .status-header .backPage span {
    display: none;
  }
  .status-header p {
    display: none;
  }
  .add-status {
    font-size: 0.72rem;
    padding: 9px;
  }
  .status-post {
    min-height: calc(100dvh - 68px - env(safe-area-inset-top));
    padding: 17px;
  }
  .status-copy {
    font-size: 1.65rem;
  }
  .settings-hub {
    padding: 12px 14px 90px;
  }
  .settings-hub > header .btn-back {
    width: auto;
  }
  .settings-hub h1 {
    font-size: 2rem;
  }
  .settings-grid {
    grid-template-columns: 1fr;
  }
  .update-notice {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .update-notice button {
    width: 100%;
  }
  .settings-form.two-cols {
    grid-template-columns: 1fr;
  }
  .profile-views > div {
    grid-template-columns: repeat(2, 1fr);
  }
  .manage-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
  .gallery-manager > label {
    position: static;
    display: inline-flex;
    margin-bottom: 12px;
  }
  .bubble-options {
    grid-template-columns: 1fr;
  }
  .support-grid {
    grid-template-columns: 1fr;
  }
  .lightbox-prev,
  .lightbox-next {
    bottom: 20px;
    top: auto;
  }
  .lightbox-prev {
    left: 20px;
  }
  .lightbox-next {
    right: 20px;
  }
  .lightbox-count {
    bottom: 28px;
  }
  .comments-sheet,
  .status-people-sheet {
    height: 76dvh;
  }
}
@media (max-width: 390px) {
  .brand-copy b {
    font-size: 0.85rem;
  }
  .brand-copy small {
    font-size: 0.68rem;
  }
  .sidebar > header > img {
    width: 39px;
  }
  .icon-btn {
    width: 37px;
    height: 37px;
  }
  .status-post { padding-left:14px; padding-right:14px; }
  .status-actions { gap:6px; }
  .status-actions .status-reaction-control b { display:none; }
  .status-actions .status-reaction-control button { padding:7px 8px; }
  .hero h1 {
    font-size: 36px;
  }
  .hero-actions {
    flex-direction: column;
  }
  .profile-info {
    display: grid;
  }
  .record-actions {
    flex-wrap: wrap;
  }
  .record-actions button {
    min-width: 45%;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Perfil, Indicações e ADS — v2.2 */
.avatar-editor-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: #061109ed;
  backdrop-filter: blur(12px);
  display: grid;
  place-items: center;
  padding: 18px;
}
.avatar-editor-card {
  width: min(520px, 100%);
  max-height: 95dvh;
  overflow: auto;
  padding: 22px;
  border-radius: 24px;
  background: #112319;
  border: 1px solid #3b6948;
  box-shadow: 0 25px 80px #0009;
}
.avatar-editor-card header,
.checkout-head,
.section-title,
.admin-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.avatar-editor-card h2,
.avatar-editor-card p { margin: 3px 0; }
.avatar-editor-card p { color: var(--muted); }
.crop-close,
.close-checkout {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid var(--line);
  background: #182e20;
  color: white;
  font-size: 25px;
}
.crop-stage {
  width: min(360px, 78vw);
  aspect-ratio: 1;
  position: relative;
  margin: 22px auto;
  border-radius: 50%;
  overflow: hidden;
  background: #07100a;
  touch-action: none;
}
.crop-stage canvas { width: 100%; height: 100%; display: block; }
.crop-ring { position: absolute; inset: 0; border: 4px solid var(--green); border-radius: 50%; box-shadow: inset 0 0 0 999px #00000010; pointer-events: none; }
.crop-controls { display: grid; gap: 13px; }
.crop-controls label { display: grid; grid-template-columns: 85px 1fr; align-items: center; gap: 10px; color: #d8e5da; }
.crop-controls input { accent-color: var(--green); width: 100%; }
.crop-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }

.rewards-page,
.finance-page,
.ads-page,
.admin-page { max-width: 1120px; padding-bottom: 80px; }
.rewards-hero,
.ads-hero {
  margin-top: 18px;
  padding: clamp(25px, 5vw, 52px);
  border: 1px solid #4d855a;
  border-radius: 30px;
  background: radial-gradient(circle at 85% 15%, #66ce7950, transparent 32%), linear-gradient(135deg, #183e24, #0d1b12 72%);
  overflow: hidden;
}
.rewards-hero h1,
.ads-hero h1,
.admin-head h1 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.04; margin: 10px 0; }
.rewards-hero > p,
.ads-hero > p,
.admin-head p { color: #c5d4c8; max-width: 720px; }
.reward-balances { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 28px 0; }
.reward-balances > div,
.finance-grid article { padding: 18px; border: 1px solid #ffffff24; background: #ffffff0a; border-radius: 18px; }
.reward-balances small,
.reward-balances b,
.finance-grid small,
.finance-grid b { display: block; }
.reward-balances b,
.finance-grid b { font-size: 1.45rem; margin-top: 7px; color: #bdf0af; }
.copy-row { display: flex; gap: 10px; }
.copy-row input { min-width: 0; flex: 1; border-radius: 13px; border: 1px solid #ffffff28; background: #061109b8; color: white; padding: 13px; }
.reward-section,
.ads-page > section:not(.ads-hero),
.admin-page > section { margin-top: 38px; }
.section-title { margin-bottom: 16px; align-items: end; }
.section-title h2 { margin: 3px 0; }
.goal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.goal-card { display: grid; grid-template-columns: 52px 1fr auto; gap: 14px; align-items: center; background: #102218; border: 1px solid var(--line); border-radius: 20px; padding: 18px; }
.goal-card > span { width: 52px; height: 52px; border-radius: 16px; background: #234c2d; display: grid; place-items: center; font-size: 24px; }
.goal-card p { color: var(--muted); margin: 6px 0 10px; }
.goal-card em { color: var(--green); font-style: normal; font-weight: 800; }
.meter { height: 8px; border-radius: 10px; overflow: hidden; background: #061109; }
.meter i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #59bd68, #c3ef85); }
.commission-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.commission-grid article { padding: 20px; border-radius: 20px; background: linear-gradient(150deg, #163421, #0c1911); border: 1px solid var(--line); }
.commission-grid small,
.commission-grid b,
.commission-grid span { display: block; }
.commission-grid b { color: var(--green); font-size: 1.6rem; margin: 9px 0; }
.commission-grid span { color: var(--muted); font-size: .82rem; }
.split-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
.ref-list,
.rank-list { display: grid; gap: 8px; }
.ref-list article,
.rank-list article,
.admin-user { display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); background: #0d1d13; border-radius: 15px; padding: 13px; }
.ref-list article > div,
.rank-list article > div,
.admin-user > div:nth-child(2) { flex: 1; }
.ref-list small,
.ref-list b,
.rank-list small,
.rank-list b,
.admin-user small,
.admin-user b { display: block; }
.ref-list small,
.rank-list small,
.admin-user small { color: var(--muted); }
.ref-list article > span { text-align: right; }
.rank-list strong { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 50%; background: #20462a; color: var(--green); }
.rank-list article > span { color: var(--green); font-weight: 850; }

.ads-hero > div { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.ads-hero > div span { padding: 9px 12px; border-radius: 30px; background: #ffffff10; border: 1px solid #ffffff18; }
.plan-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.plan-card { position: relative; display: flex; flex-direction: column; align-items: stretch; text-align: left; gap: 7px; padding: 22px; min-height: 190px; border: 1px solid var(--line); border-radius: 22px; background: #0e2015; color: white; }
.plan-card.featured::before { content: "MAIS ESCOLHIDO"; position: absolute; top: -10px; right: 12px; background: #c9f49c; color: #102715; font-size: .65rem; font-weight: 900; padding: 5px 8px; border-radius: 20px; }
.plan-card b { font-size: 1.75rem; color: #c7f6bb; }
.plan-card span { color: var(--muted); }
.plan-card em { margin-top: auto; color: var(--green); font-style: normal; font-weight: 850; }
.plan-card:hover,
.plan-card.selected { border-color: var(--green); transform: translateY(-3px); box-shadow: 0 12px 30px #0005; }
.ad-checkout { scroll-margin-top: 20px; padding: 25px; border-radius: 25px; background: #102218; border: 1px solid #4e855a; }
.pix-card { display: grid; gap: 5px; margin: 18px 0; padding: 18px; border-radius: 18px; color: #152418; background: linear-gradient(135deg, #c9f5b8, #83cd90); }
.pix-card b { font-size: 1.3rem; word-break: break-all; }
.pix-card button { justify-self: start; border: 0; background: #173b20; color: white; border-radius: 10px; padding: 9px 13px; font-weight: 800; }
.ad-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ad-form label { display: grid; gap: 7px; color: #dae6dc; }
.ad-form input { width: 100%; padding: 13px; border-radius: 12px; border: 1px solid var(--line); background: #07130b; color: white; }
.ad-form textarea { width:100%; min-height:90px; resize:vertical; padding:13px; border-radius:12px; border:1px solid var(--line); background:#07130b; color:white; }
.ad-form .full { grid-column:1/-1; }
.ad-form small { color: var(--muted); }
.ad-form button { grid-column: 1/-1; }
.ad-style-builder { display:grid; gap:13px; padding:18px; border:1px solid #426e4b; border-radius:18px; background:#09170e; }
.ad-style-builder > div:first-child small, .ad-style-builder > div:first-child b { display:block; }
.ad-style-builder > div:first-child small { color:var(--muted); margin-top:3px; }
.ad-style-row { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.ad-style-row > span { width:100%; color:#b8c8bb; font-size:.76rem; font-weight:850; }
.ad-style-row button { grid-column:auto; width:auto; min-height:34px; padding:7px 10px; border:1px solid #365841; border-radius:10px; color:#cbd8cd; background:#10261a; }
.ad-style-row button.active { color:#112b17; border-color:#a6e99d; background:#a6e99d; }
.ad-list { display: grid; gap: 15px; }
.campaign-card { display: grid; grid-template-columns: 230px 1fr; overflow: hidden; border-radius: 22px; border: 1px solid var(--line); background: #0d1c13; }
.campaign-media { min-height: 220px; background: #050a06; }
.campaign-media img,
.campaign-media video { width: 100%; height: 100%; object-fit: contain; }
.campaign-info { padding: 20px; }
.campaign-info > div:first-child { display: flex; justify-content: space-between; align-items: center; }
.campaign-copy { margin:12px 0; padding:12px; border-left:3px solid var(--green); border-radius:0 11px 11px 0; background:#13281a; }
.campaign-copy b, .campaign-copy p { display:block; margin:0; }
.campaign-copy p { margin-top:4px; color:var(--muted); }
.campaign-info > b { display: block; margin: 18px 0 9px; }
.status-pill { display: inline-flex; padding: 6px 10px; border-radius: 20px; background: #26352a; font-size: .72rem; font-weight: 900; text-transform: uppercase; }
.status-pill.active { background: #1d6430; color: #c9f5b8; }
.status-pill.pending { background: #705c1a; color: #fff0a8; }
.status-pill.rejected { background: #6c2430; color: #ffd1d5; }
.status-pill.finished { background: #2b4860; color: #cce8ff; }
.campaign-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 14px 0; }
.campaign-stats span { color: var(--muted); }
.campaign-stats b { display: block; color: white; }
.reject-reason { padding: 11px; border-radius: 11px; background: #551c26; color: #ffdce0; }
.campaign-info a { color: var(--green); }

.status-ad { background: #07100a; }
.status-ad .status-media { object-fit: contain; }
.status-ad .status-shade { background: linear-gradient(#000b, transparent 42%, #000e); }
.ad-label { margin-left: auto; padding: 5px 8px; border: 1px solid #ffffff61; border-radius: 8px; font-size: .65rem; letter-spacing: .08em; }
.ad-status-copy { z-index: 1; margin-top: auto; display: grid; gap: 5px; max-width: 480px; }
.ad-status-copy b { font-size: clamp(1.6rem, 6vw, 2.6rem); }
.ad-status-copy span { color: #d7ddd8; }
.ad-learn { z-index: 1; margin-top: 18px; border: 0; border-radius: 14px; background: var(--green); color: #102715; padding: 14px 18px; font-weight: 900; font-size: 1rem; display: flex; justify-content: space-between; }
.contact-ad { position:relative; isolation:isolate; display:grid; grid-template-columns:105px 1fr; min-height:142px; margin:8px 0; overflow:hidden; border:1px solid #54855e; border-radius:18px; color:white; cursor:pointer; box-shadow:0 10px 24px #0004; }
.contact-ad::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.96; }
.contact-ad-media { min-height:142px; display:grid; place-items:center; overflow:hidden; color:#d9ffe0; background:#08110a; font-size:1.4rem; font-weight:900; }
.contact-ad-media img, .contact-ad-media video { width:100%; height:100%; min-height:142px; object-fit:cover; }
.contact-ad-copy { min-width:0; display:flex; flex-direction:column; justify-content:center; padding:13px; }
.contact-ad-copy small { color:#c6d6c9; font-size:.56rem; font-weight:850; letter-spacing:.08em; }
.contact-ad-copy b { display:block; margin:5px 0; font-size:.95rem; line-height:1.15; }
.contact-ad-copy p { display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0 0 7px; color:#d7dfd8; font-size:.72rem; line-height:1.25; }
.contact-ad-copy span { align-self:flex-start; padding:5px 8px; border-radius:8px; color:#102619; background:#c2f2b7; font-size:.65rem; font-weight:900; }
.contact-ad.ad-theme-forest::before { background:linear-gradient(135deg,#183d24,#0b1b11); }
.contact-ad.ad-theme-aurora::before { background:linear-gradient(135deg,#23495a,#4d2868,#246240); }
.contact-ad.ad-theme-sunset::before { background:linear-gradient(135deg,#722b46,#c35935,#4c1833); }
.contact-ad.ad-theme-ocean::before { background:linear-gradient(135deg,#103a58,#126c76,#142c55); }
.contact-ad.ad-theme-neon::before { background:linear-gradient(135deg,#121327,#49206e,#0b685d); }
.contact-ad.ad-theme-gold::before { background:linear-gradient(135deg,#4e3512,#9b6a19,#332109); }
.text-effect-outline .contact-ad-copy b, .status-ad.text-effect-outline .ad-status-copy b { color:white; -webkit-text-stroke:1px #112017; text-shadow:0 2px 2px #000; }
.text-effect-glow .contact-ad-copy b, .status-ad.text-effect-glow .ad-status-copy b { color:#ecffe7; text-shadow:0 0 6px #aaff9c,0 0 18px #78ff9b; }
.text-effect-gradient .contact-ad-copy b, .status-ad.text-effect-gradient .ad-status-copy b { color:transparent; background:linear-gradient(90deg,#fff,#ffeda3,#b8ffca,#ffb7dc); background-clip:text; -webkit-background-clip:text; }
.ad-animation-pulse { animation:adPulse 2.2s ease-in-out infinite; }
.ad-animation-float { animation:adFloat 2.8s ease-in-out infinite; }
.ad-animation-glow { animation:adGlow 2s ease-in-out infinite alternate; }
.ad-animation-slide .contact-ad-copy, .status-ad.ad-animation-slide .ad-status-copy { animation:adSlide .75s ease both; }
@keyframes adPulse { 50% { transform:scale(1.015); } }
@keyframes adFloat { 50% { transform:translateY(-3px); } }
@keyframes adGlow { to { border-color:#bbffb0; box-shadow:0 0 23px #74e98655; } }
@keyframes adSlide { from { opacity:0; transform:translateX(25px); } }

.pending-count { padding: 10px 14px; border-radius: 30px; background: #7a271f; color: #ffd9d5; font-weight: 850; white-space: nowrap; }
.finance-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin: 25px 0; }
.pending-grid { display: grid; gap: 16px; }
.review-card { display: grid; grid-template-columns: minmax(230px, 38%) 1fr; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #0e1e14; }
.review-media { background: #050a06; min-height: 300px; }
.review-media img,
.review-media video { width: 100%; height: 100%; object-fit: contain; }
.review-body { padding: 22px; }
.review-body h3 small { color: var(--muted); font-weight: normal; }
.admin-ad-copy { margin-top:13px; padding:13px; border:1px solid #4e7857; border-radius:13px; background:#0a170e; }
.admin-ad-copy small, .admin-ad-copy b { display:block; }
.admin-ad-copy small { color:var(--green); font-size:.62rem; font-weight:900; letter-spacing:.08em; }
.admin-ad-copy b { margin:5px 0; }
.admin-ad-copy p { margin:0; color:var(--muted); }
.review-links,
.review-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 15px; }
.review-links a { padding: 9px 11px; border-radius: 10px; background: #1b3924; color: var(--green); }
.admin-security { padding: 22px; border: 1px solid var(--line); border-radius: 22px; background: #0d1c13; }
#adminUserSearch { display: flex; gap: 10px; }
#adminUserSearch .handle { flex: 1; }
#adminUsers { display: grid; gap: 8px; margin-top: 13px; }
.admin-user button { border: 1px solid #854852; color: #ffc8ce; background: #4e1c24; border-radius: 10px; padding: 9px; }
.admin-table { border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
.table-row { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr .7fr; gap: 12px; padding: 13px; border-bottom: 1px solid var(--line); align-items: center; }
.table-row:last-child { border: 0; }
.table-row small,
.table-row b { display: block; }
.table-row small { color: var(--muted); }
.table-head { background: #193323; color: #b9cbbd; font-size: .78rem; font-weight: 850; }

@media (max-width: 760px) {
  .reward-balances,
  .goal-grid,
  .commission-grid,
  .plan-grid,
  .finance-grid { grid-template-columns: 1fr 1fr; }
  .split-panels,
  .campaign-card,
  .review-card,
  .ad-form { grid-template-columns: 1fr; }
  .campaign-media { min-height: 260px; }
  .review-media { min-height: 300px; }
  .admin-head { align-items: flex-start; }
  .admin-table { overflow-x: auto; }
  .table-row { min-width: 720px; }
}
@media (max-width: 480px) {
  .avatar-editor-card { padding: 16px; }
  .rewards-page,
  .finance-page,
  .ads-page,
  .admin-page { padding-left: 14px; padding-right: 14px; }
  .reward-balances,
  .commission-grid,
  .plan-grid,
  .finance-grid { grid-template-columns: 1fr; }
  .copy-row,
  #adminUserSearch,
  .admin-head { flex-direction: column; align-items: stretch; }
  .copy-row .btn { width: 100%; }
  .goal-card { grid-template-columns: 45px 1fr; }
  .goal-card > span { width: 45px; height: 45px; }
  .goal-card em { grid-column: 2; }
  .campaign-stats { grid-template-columns: 1fr 1fr; }
}

/* Interações, presença e áudio universal — v2.3 */
.person-row {
  border: 1px solid #294532;
  background: linear-gradient(135deg, #102218, #0b1910);
  margin-top: 7px;
  margin-bottom: 7px;
  box-shadow: 0 6px 18px #00000022, inset 0 1px #ffffff08;
  transition: border-color .2s, transform .2s, background .2s;
}
.person-row:hover,
.person-row.has-unread {
  border-color: #62a76e;
  background: linear-gradient(135deg, #173320, #102218);
  transform: translateY(-1px);
}
.person-row.has-unread { box-shadow: inset 4px 0 var(--green), 0 8px 20px #0004; }
.person-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.person-title b { min-width: 0; }
.contact-presence { flex: none; color: #819487; font-size: .6rem; font-weight: 650; white-space: nowrap; }
.contact-presence.is-online { color: #6bea79; }
.person-row .avatar { outline: 2px solid #31543a; outline-offset: 2px; }
.person-row .avatar.online { outline-color: #55d967; box-shadow: 0 0 16px #43df5c30; }
.person-row.group-conversation { position: relative; isolation: isolate; overflow: hidden; border-color: #5a7f63; background: linear-gradient(135deg, #183723, #0b1b11); box-shadow: inset 4px 0 #8bdb84, 0 8px 20px #0004; }
.person-row.group-conversation::before { content:""; position:absolute; z-index:-2; inset:0; background-image:linear-gradient(90deg,#08160de8,#102519bd),var(--group-cover); background-size:cover; background-position:center; }
.person-row.group-conversation::after { content:"GRUPO"; position:absolute; right:9px; bottom:7px; padding:2px 6px; border:1px solid #a8e3a433; border-radius:7px; color:#a8e3a4; background:#0a1a0dbd; font-size:.48rem; font-weight:900; letter-spacing:.1em; }
.person-row.group-conversation .avatar { border-radius:16px; outline-color:#7ab87e; }
.person-row.group-conversation .meta { padding-right:38px; }

.voice-message-shell{min-width:min(330px,70vw);padding:8px 9px;border:1px solid #78ce7440;border-radius:14px;background:#07160c35}
.bubble.mine .voice-message-shell{border-color:#e9d46f66;background:linear-gradient(135deg,#8e7a1830,#183c2238)}
.voice-direction{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:4px}
.voice-direction b{color:#91e68a;font-size:.55rem;font-weight:950;letter-spacing:.1em}.bubble.mine .voice-direction b{color:#ffe98a}
.voice-direction small{color:#b4c7b7;font-size:.56rem;font-weight:800}.audio-listened .voice-direction small{color:#8bd2ff}.audio-heard .voice-direction small{color:#9be8a0}
.voice-message { min-width: 0; display: flex; align-items: center; gap: 10px; padding: 3px 0; }
.voice-message audio { display: none; }
.voice-play { width: 43px; height: 43px; flex: none; border: 1px solid #ffffff31; border-radius: 50%; color: #15301b; background: linear-gradient(135deg, #d4ffc4, #76cb7a); font-weight: 900; font-size: 17px; box-shadow: 0 5px 14px #0003; }
.bubble.mine .voice-play{border-color:#ffe88480;background:linear-gradient(135deg,#fff1a1,#94d477)}
.voice-play.has-error { background: #8b303c; color: white; }
.voice-visual { min-width: 0; flex: 1; display: grid; gap: 5px; }
.voice-bars { height: 34px; display: flex; gap: 3px; align-items: center; overflow: hidden; }
.voice-bars i { width: 3px; height: var(--h); flex: 1; max-width: 5px; border-radius: 5px; background: #c6e6ca90; transform-origin: center; }
.is-playing .voice-bars i { animation: voiceBar .65s ease-in-out infinite alternate; animation-delay: calc(var(--h) * -20ms); background: #d9ffce; }
.voice-progress { height: 4px; border-radius: 10px; background: #08150c75; overflow: hidden; }
.voice-progress i { display: block; width: 0; height: 100%; background: #c9ffba; transition: width .15s linear; }
.voice-time { color: #e3efe5; font-size: .68rem; font-variant-numeric: tabular-nums; min-width: 34px; }
.audio-fallback { display: block; margin-top: 6px; color: #ffe0a3; font-size: .72rem; }
@keyframes voiceBar { to { transform: scaleY(.45); opacity: .6; } }

.receipt{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;color:#c5d0c7;background:#ffffff0c;filter:none;font-size:.68rem;font-weight:950;letter-spacing:0}
.receipt i{font-style:normal;letter-spacing:-2px}.receipt b{font-size:.5rem;letter-spacing:.01em}
.receipt.sending{color:#aeb8b0;opacity:.85}.receipt.server{color:#d0d9d2;background:#ffffff10}
.receipt.received{color:#a5efa2;background:#57bc5c1c}.receipt.read{color:#89d4ff;background:#4aadeb20;filter:none}
.chat-online.is-recording { color: #ff858c; }
.chat-online.is-recording::before { content: "● "; animation: pulse .8s infinite; }
.zoomable-avatar { cursor: zoom-in; box-shadow: 0 8px 30px #0007; }
.zoomable-avatar::before { content: "⌕"; position: absolute; right: 3px; top: 3px; width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; color: white; background: #07140bbd; font-size: 16px; }

.add-status { width: 52px; height: 52px; padding: 0; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(145deg, #d4ffc2, #65bd6d); box-shadow: 0 8px 25px #69da7755, inset 0 2px #fff8; }
.add-status span { font-size: 32px; line-height: 1; transform: translateY(-1px); }
.reaction-stream { position: absolute; z-index: 5; right: 26px; bottom: 94px; width: 60px; height: 55%; pointer-events: none; overflow: visible; }
.reaction-stream span { position: absolute; right: 8px; bottom: 0; font-size: 27px; opacity: 0; filter: drop-shadow(0 4px 6px #0008); animation: reactionFloat 2.35s ease-out var(--delay) forwards; }
@keyframes reactionFloat {
  0% { opacity: 0; transform: translate(0, 12px) scale(.45) rotate(-12deg); }
  15% { opacity: 1; }
  70% { opacity: .95; transform: translate(var(--x), var(--drift)) scale(1.15) rotate(9deg); }
  100% { opacity: 0; transform: translate(0, calc(var(--drift) - 110px)) scale(.75) rotate(-8deg); }
}
.status-actions button[data-dislike].active { background: #943740; border-color: #ff939b; }
.status-actions button[data-like].active { background: #b83255; border-color: #ff9eb8; }
.poll-post { gap:12px; }
.poll-post .status-content { gap:10px; padding-block:clamp(10px,2.4dvh,24px); }
.poll-post .status-copy { flex:0 0 auto; margin-inline:auto; font-size:clamp(1.15rem,4vw,1.8rem); }
.status-poll-media { position:relative; z-index:2; width:100%; max-height:min(35dvh,340px); min-height:140px; object-fit:contain; border:1px solid #ffffff38; border-radius:20px; background:#020604a6; box-shadow:0 12px 30px #0007; }
.status-poll { position: relative; z-index: 2; flex:0 0 auto; width: min(520px, 100%); margin-inline:auto; padding: 18px; border-radius: 22px; background: #061109e8; border: 1px solid #ffffff38; backdrop-filter: blur(12px); box-shadow: 0 14px 40px #0008; }
.status-poll .poll-label,
.poll-create-label { color: #9bec91; font-size: .68rem; font-weight: 900; letter-spacing: .14em; }
.status-poll h3 { margin: 6px 0; font-size: clamp(1.2rem, 4vw, 1.75rem); }
.status-poll p { color: #d3ddd5; margin: 5px 0 13px; }
.poll-vote-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.poll-vote-grid > button { position: relative; isolation: isolate; overflow: hidden; width: 100%; min-height: 58px; display: grid; place-items:center; gap: 3px; padding: 10px; border: 1px solid #ffffff3d; border-radius: 14px; color: white; background: #ffffff10; }
.poll-vote-grid > button i { position: absolute; z-index: -1; inset: 0 auto 0 0; background:linear-gradient(90deg,#357844,#63b969); transition:width .5s ease; }
.poll-vote-grid > button.selected { border-color: #bdf9b1; box-shadow: 0 0 0 2px #7adb6d44; }
.poll-vote-grid > button span { font-weight: 900; }
.status-poll > small { color: #afc0b2; }
.poll-fields { display: grid; gap: 12px; padding: 17px; border: 1px solid #6fac76; border-radius: 18px; background: #08170de6; }
.poll-fields label { display: grid; gap: 6px; color: #e0ebe2; text-align: left; }
.poll-fields input,
.poll-fields textarea { width: 100%; border: 1px solid #3b5d43; border-radius: 12px; background: #07100a; color: white; padding: 12px; }
.poll-fields > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.poll-fields .poll-media-choices { grid-template-columns:repeat(3,1fr); }
.poll-media-choices button { min-height:43px; padding:8px; border:1px solid #ffffff35; border-radius:12px; color:white; background:#ffffff0c; font-weight:800; }
.poll-media-choices button.active { color:#112b17; background:#bff4ae; border-color:#e5ffdc; }

@media (max-width: 520px) {
  .contact-presence { max-width: 116px; overflow: hidden; text-overflow: ellipsis; }
  .voice-message-shell { min-width: min(280px, 73vw); }
  .voice-message { min-width: 0; }
  .reaction-stream { right: 15px; bottom: 88px; }
  .status-poll { padding: 14px; }
  .status-actions { gap:6px; }
  .status-actions .status-reaction-control button { min-width:31px; padding-inline:7px; }
  .status-actions > [data-comments],.status-view-count { min-width:49px; padding-inline:8px; }
  .status-action-icon { width:21px; height:21px; }
  .poll-fields > div:not(.poll-media-choices) { grid-template-columns: 1fr; }
  .poll-fields .poll-media-choices { grid-template-columns:repeat(3,1fr); }
  .status-poll-media { max-height:29dvh; min-height:110px; }
  .poll-vote-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Grupos, simuladores e mídia compatível — v2.4 */
.contact-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 18px 0; padding: 6px; border: 1px solid var(--line); border-radius: 17px; background: #08150d; }
.contact-tabs button { min-height: 44px; border: 0; border-radius: 12px; color: #a9b8ac; background: transparent; font-weight: 850; }
.contact-tabs button.active { color: #102715; background: linear-gradient(135deg, #cdf6b8, #72c878); box-shadow: 0 5px 18px #6fd77833; }
.group-results, .group-request-list, .group-member-list { display: grid; gap: 11px; margin-top: 16px; }
.group-card { position: relative; display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 13px; min-height: 106px; overflow: hidden; padding: 19px 15px 14px; border: 1px solid #31533a; border-radius: 20px; background: #0d1d13; }
.group-card-cover { position: absolute; inset: 0; opacity: .13; background: linear-gradient(135deg,#397147,#07100a); background-size: cover; background-position: center; }
.group-card > *:not(.group-card-cover) { position: relative; }
.group-card .avatar { width: 58px; height: 58px; }
.group-card h3, .group-card p { margin: 0; }
.group-card small, .group-card p { display: block; color: var(--muted); }
.group-card button, .group-member-list button { border: 1px solid #62946b; border-radius: 11px; padding: 9px 11px; color: #c9f5c0; background: #173a21; font-weight: 800; }
.group-price { display: grid; gap: 4px; padding: 22px; border: 1px solid #507d59; border-radius: 21px; background: linear-gradient(140deg,#173a22,#0a170e); }
.group-price b { color: #c9f7b7; font-size: 2rem; }
.group-price small { color: var(--muted); }
.group-create-form, .group-settings form { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin: 18px 0; }
.group-create-form label, .group-settings label { display: grid; align-content: start; gap: 7px; color: #dce7de; }
.group-create-form input, .group-create-form select, .group-settings input, .group-settings select, .group-settings textarea { width: 100%; min-height: 47px; padding: 12px; border: 1px solid #365841; border-radius: 12px; color: white; background: #07130b; }
.group-settings textarea { min-height: 105px; resize: vertical; font: inherit; }
.group-create-form button { grid-column: 1/-1; }
[data-group-handle-status].available { color: #6bea79; }
[data-group-handle-status].unavailable { color: #ff8b93; }
.group-request-list article { display: grid; grid-template-columns: 1fr auto; gap: 5px 10px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: #0d1d13; }
.group-request-list small { display: block; color: var(--muted); }
.group-request-list p { grid-column: 1/-1; margin: 3px 0 0; color: #ffc7cc; }
.group-page { max-width: 920px; }
.group-hero { position: relative; min-height: 250px; margin: -18px -18px 0; border-radius: 0 0 28px 28px; background: linear-gradient(135deg,#315f3b,#09140c); background-size: cover; background-position: center; }
.group-hero::after { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(transparent,#07100ad9); }
.group-hero .avatar { position: absolute; z-index: 1; left: 28px; bottom: -42px; width: 105px; height: 105px; border: 5px solid #0a160e; font-size: 2.3rem; }
.group-heading { padding: 55px 12px 10px 145px; }
.group-heading h1, .group-heading p { margin: 3px 0; }
.group-heading span { color: var(--green); font-size: .7rem; font-weight: 900; letter-spacing: .12em; }
.group-heading p { color: var(--muted); }
.group-main-actions, .group-media-actions { display: flex; flex-wrap: wrap; gap: 9px; margin: 15px 0; }
.group-rule-note { padding: 13px; border: 1px solid #735f2b; border-radius: 13px; color: #ffe49a; background: #362d10; }
.group-settings, .group-page section { margin-top: 25px; padding: 19px; border: 1px solid var(--line); border-radius: 20px; background: #0d1c13; }
.group-member-list article { display: flex; align-items: center; gap: 9px; padding: 11px; border: 1px solid #294532; border-radius: 14px; background: #09160e; }
.group-member-list article > div:nth-child(2) { min-width: 0; flex: 1; }
.group-member-list b, .group-member-list small { display:block; }
.group-member-list small { color:var(--muted); }
.group-member-list .avatar { width:43px; height:43px; }
.group-member-list .danger-link { color:#ffd2d6; border-color:#8a3a45; background:#551d25; }
.group-review .review-media { min-height: 220px; }
.group-settings-title { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.group-settings-title > span { display:grid; place-items:center; width:48px; height:48px; border-radius:16px; background:#285b34; font-size:1.35rem; }
.group-settings-title h2, .group-settings-title p { margin:0; }
.group-settings-title p, .field-help { color:var(--muted); }
.group-settings form { display:grid; grid-template-columns:1fr; }
.group-settings fieldset { display:grid; gap:13px; margin:0; padding:18px; border:1px solid #355c40; border-radius:17px; background:#09160e; }
.group-settings legend { padding:0 8px; color:#c8f6bd; font-weight:900; }
.group-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.group-switch { position:relative; display:flex !important; align-items:center !important; gap:10px !important; cursor:pointer; }
.group-switch input { appearance:none; -webkit-appearance:none; position:relative; flex:0 0 47px; opacity:1; width:47px; height:26px; min-height:26px; margin:0; padding:0; border:0; border-radius:20px; background:#34413a; cursor:pointer; transition:.2s; }
.group-switch input::after { content:""; position:absolute; top:4px; left:4px; width:18px; height:18px; border-radius:50%; background:white; box-shadow:0 2px 6px #0005; transition:.2s; }
.group-switch input:checked { background:#58c86a; }
.group-switch input:checked::after { transform:translateX(21px); }
.group-switch input:focus-visible { outline:3px solid #a8ee9a; outline-offset:3px; }
.group-switch > span { display:none; }
.permission-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.permission-grid label { display:flex; align-items:center; gap:10px; min-height:47px; padding:10px 12px; border:1px solid #294d34; border-radius:13px; background:#10261a; cursor:pointer; }
.permission-grid input { width:20px; min-height:20px; accent-color:#62d674; }
.group-save-settings { width:100%; min-height:52px; }
.permission-disabled { opacity:.35; }
.group-message-identity { display:flex; align-items:center; gap:7px; margin:-3px -3px 7px; padding-bottom:6px; border-bottom:1px solid #ffffff14; }
.group-message-identity .avatar { flex:0 0 auto; width:29px; height:29px; font-size:.7rem; }
.group-message-author { min-width:0; display:block; border:0; padding:0; color:#dff6dc; text-align:left; background:transparent; }
.group-message-author b, .group-message-author small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.group-message-author b { font-size:.72rem; }
.group-message-author small { color:#9fc8a4; font-size:.64rem; }
.group-role { margin-left:auto; padding:3px 6px; border-radius:7px; font-size:.56rem; font-style:normal; font-weight:950; letter-spacing:.06em; }
.group-role.owner { color:#2a2108; background:linear-gradient(135deg,#ffe68b,#cda438); }
.group-role.moderator { color:#102414; background:linear-gradient(135deg,#b8f5c0,#55b967); }
.bubble.group-author-owner { border:1px solid #d5b94f; box-shadow:0 4px 18px #d6ad362b; }
.bubble.group-author-moderator { border:1px solid #5dab68; }
.bubble.group-system-message { width:min(88%,560px); max-width:560px; align-self:center; padding:0 0 3px; overflow:visible; border:1px solid #579165; border-radius:22px; background:linear-gradient(145deg,#183a24,#09180f); }
.group-auto-card { display:grid; justify-items:center; gap:8px; width:100%; padding:20px; overflow:hidden; border-radius:21px 21px 12px 12px; text-align:center; }
.group-auto-icon { display:grid; place-items:center; width:52px; height:52px; border-radius:18px; background:#bff2ad; font-size:1.55rem; box-shadow:0 8px 24px #8bd57930; }
.group-auto-card > small { color:#9ede9f; font-weight:950; letter-spacing:.12em; }
.group-auto-card p { margin:2px 0 7px; font-size:1rem; line-height:1.5; }
.group-card-link { display:flex; justify-content:center; align-items:center; gap:8px; width:100%; min-height:46px; padding:11px 16px; border-radius:13px; color:#133019; background:linear-gradient(135deg,#d6ffc5,#70d77b); font-weight:950; text-decoration:none; }
.youtube-embed { width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:14px; background:#000; }
.youtube-embed iframe { width:100%; height:100%; border:0; }
.group-system-message .message-meta { min-height:25px; padding:4px 14px 11px; line-height:1.25; }
.delete-message { border:0; padding:0; color:#bfd0c2; background:transparent; font-size:.66rem; }
.delete-message:hover { color:#ff9da4; }
.video-audio-note { display:block; padding-top:5px; color:#c8d7cb; font-size:.66rem; }
.commission-grid button { padding:20px; border:1px solid var(--line); border-radius:20px; color:white; text-align:left; background:linear-gradient(150deg,#163421,#0c1911); }
.commission-grid button.selected { border-color:var(--green); box-shadow:0 0 0 2px #70d77b33; transform:translateY(-2px); }
.commission-grid button small, .commission-grid button b, .commission-grid button span { display:block; }
.commission-grid button b { margin:9px 0; color:var(--green); font-size:1.6rem; }
.commission-grid button span { color:var(--muted); font-size:.82rem; }
.earning-sim { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:16px; padding:20px; border:1px solid #416b4a; border-radius:21px; background:linear-gradient(140deg,#102b19,#08130c); }
.earning-sim label { display:grid; gap:6px; margin-top:10px; color:#cdd8cf; }
.earning-sim input { min-height:45px; padding:11px; border:1px solid #3a6043; border-radius:11px; color:white; background:#061009; }
.sim-result { display:flex; flex-direction:column; justify-content:center; padding:18px; border-radius:17px; background:#c8f5b8; color:#16321c; }
.sim-result b { margin:4px 0 10px; font-size:clamp(1.5rem,4vw,2.2rem); }
.diamond-exchange { display:grid; grid-template-columns:1fr auto; align-items:center; gap:15px; }
.diamond-exchange > small { grid-column:1/-1; color:var(--muted); }

@media (max-width: 620px) {
  .contact-tabs { grid-template-columns:1fr; }
  .group-create-form, .group-settings form, .earning-sim { grid-template-columns:1fr; }
  .group-form-grid, .permission-grid { grid-template-columns:1fr; }
  .group-settings fieldset { padding:14px; }
  .group-card { grid-template-columns:54px 1fr; }
  .group-card > button { grid-column:1/-1; width:100%; }
  .group-hero { min-height:200px; }
  .group-hero .avatar { left:18px; width:88px; height:88px; }
  .group-heading { padding:52px 5px 8px; }
  .group-member-list article { flex-wrap:wrap; }
  .group-member-list article > div:nth-child(2) { min-width:calc(100% - 65px); }
  .diamond-exchange { grid-template-columns:1fr; }
  .diamond-exchange > small { grid-column:auto; }
}

/* Painel financeiro, missões de indicação e Central de Ajuda — v2.7 */
.reward-balances.four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.reward-balances .pending-balance { border-color:#e2bd5a66; background:linear-gradient(145deg,#3a2d0d99,#161c10); }
.reward-balances .pending-balance b { color:#ffe28a; }
.daily-reply-goal { grid-template-columns:58px minmax(0,1fr) auto; }
.daily-reply-goal > span { width:58px; height:58px; }
.mission-rule-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.mission-rule-grid article { padding:20px; border:1px solid #365e40; border-radius:20px; background:linear-gradient(145deg,#11271a,#09150d); }
.mission-rule-grid article > span { display:grid; place-items:center; width:48px; height:48px; margin-bottom:13px; border-radius:15px; background:#244f2f; font-size:1.35rem; }
.mission-rule-grid b { display:block; color:#c7f6b8; font-size:1.2rem; }
.mission-rule-grid p,.mission-note,.mission-task p,.mission-task small { color:var(--muted); }
.mission-rule-grid p { margin:7px 0 0; line-height:1.5; }
.mission-note { margin:14px 2px 0; font-size:.76rem; line-height:1.45; }
.mission-board > .section-title > span { padding:7px 11px; border:1px solid #477552; border-radius:30px; color:#bfe8c4; background:#132b1b; font-size:.75rem; font-weight:850; }
.mission-list { display:grid; gap:15px; }
.mission-card { overflow:hidden; border:1px solid #3e6a48; border-radius:24px; background:linear-gradient(145deg,#102419,#09150e); box-shadow:0 14px 34px #00000025; }
.mission-card > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 20px; border-bottom:1px solid #ffffff12; background:#ffffff05; }
.mission-person { display:flex; align-items:center; gap:11px; min-width:0; }
.mission-person > span { display:grid; place-items:center; flex:0 0 auto; width:45px; height:45px; border-radius:15px; color:#18321e; background:linear-gradient(145deg,#d9ffc8,#78d786); font-size:1.15rem; font-weight:950; }
.mission-person b,.mission-person small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mission-person small { color:var(--muted); }
.mission-pill { flex:0 0 auto; padding:7px 10px; border-radius:30px; font-size:.68rem; font-style:normal; font-weight:900; }
.mission-pill.active { color:#ffe8a8; background:#5d4719; }
.mission-pill.completed { color:#caffbf; background:#24532f; }
.mission-pill.expired { color:#d4d7d4; background:#343d36; }
.mission-window { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 20px; color:#bad0be; background:#07120b; font-size:.76rem; }
.mission-window b { color:#e8f7e9; }
.mission-task { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:13px; align-items:center; padding:17px 20px; border-bottom:1px solid #ffffff10; }
.mission-task > span { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; background:#1e4228; font-size:1.2rem; }
.mission-task p { margin:4px 0 9px; font-size:.76rem; }
.mission-task > div > small { display:block; margin-top:7px; font-size:.68rem; }
.task-state { min-width:155px; color:#ffe5a1; text-align:right; font-size:.72rem; font-style:normal; font-weight:900; }
.task-state.earned { color:#94e695; }
.task-state.expired { color:#9ba59d; }
.week-progress { display:grid; grid-template-columns:repeat(4,minmax(44px,1fr)); gap:6px; }
.week-progress > span { display:flex; align-items:center; justify-content:space-between; gap:4px; padding:6px 8px; border:1px solid #334a38; border-radius:10px; color:#98aa9c; background:#08120b; }
.week-progress > span.done { border-color:#62bd6c; color:#d9ffd5; background:#17351f; }
.week-progress small,.week-progress b { font-size:.65rem; }
.mission-card > footer { display:flex; justify-content:flex-end; gap:22px; padding:15px 20px; background:#0c1b11; }
.mission-card > footer span { text-align:right; }
.mission-card > footer small,.mission-card > footer b { display:block; }
.mission-card > footer small { color:var(--muted); font-size:.65rem; }
.mission-card > footer b { margin-top:3px; color:#ccf7c3; }
.mission-empty { border:1px dashed #45664c; border-radius:20px; }
.community-strategy { display:grid; grid-template-columns:1fr 1.2fr; gap:25px; align-items:center; padding:clamp(22px,4vw,38px); border:1px solid #4a7e55; border-radius:26px; background:radial-gradient(circle at 90% 10%,#5ac56f30,transparent 35%),linear-gradient(145deg,#173520,#0a170e); }
.community-strategy h2 { margin:7px 0; }
.community-strategy p { color:#bfd0c1; line-height:1.55; }
.community-strategy ol { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:0; padding:0; list-style:none; }
.community-strategy li { display:flex; align-items:center; gap:9px; min-height:62px; padding:12px; border:1px solid #ffffff16; border-radius:15px; background:#ffffff08; }
.community-strategy li b { display:grid; place-items:center; flex:0 0 auto; width:30px; height:30px; border-radius:10px; color:#17331d; background:#bcecae; }

.finance-hero { margin-top:18px; padding:clamp(25px,5vw,48px); border:1px solid #577b5c; border-radius:30px; background:radial-gradient(circle at 82% 10%,#dcbd4b32,transparent 30%),radial-gradient(circle at 15% 90%,#62d07335,transparent 32%),linear-gradient(145deg,#183823,#0a160e 75%); }
.finance-hero h1 { max-width:740px; margin:9px 0; font-size:clamp(2rem,5vw,3.35rem); line-height:1.05; }
.finance-hero > p { max-width:720px; color:#c7d5c9; }
.finance-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; margin:25px 0; }
.finance-summary article { padding:17px; border:1px solid #ffffff22; border-radius:18px; background:#ffffff09; }
.finance-summary small,.finance-summary b,.finance-summary span { display:block; }
.finance-summary b { margin:7px 0; color:#c9f3bd; font-size:1.35rem; }
.finance-summary span { color:#a9bbae; font-size:.7rem; line-height:1.35; }
.finance-summary article.pending { border-color:#d8b44966; background:#46360d72; }
.finance-summary article.pending b { color:#ffe18a; }
.finance-origins,.ledger-columns,.finance-disclaimer { margin-top:36px; }
.finance-origins > div:last-child { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.finance-origins article { padding:19px; border:1px solid #345b3e; border-radius:20px; background:#0e2116; }
.finance-origins article > span { font-size:1.55rem; }
.finance-origins small,.finance-origins b { display:block; }
.finance-origins small { margin-top:12px; color:#b9c9bc; }
.finance-origins b { margin:7px 0; color:#c5f0b8; font-size:1.18rem; }
.finance-origins p { margin:0; color:var(--muted); font-size:.75rem; line-height:1.4; }
.ledger-columns { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.ledger-list { display:grid; gap:8px; }
.ledger-list article { display:grid; grid-template-columns:43px minmax(0,1fr) auto; gap:10px; align-items:center; padding:12px; border:1px solid #2d4e36; border-radius:15px; background:#0d1d13; }
.ledger-icon { display:grid; place-items:center; width:43px; height:43px; border-radius:13px; background:#1d4027; }
.ledger-list b,.ledger-list small { display:block; }
.ledger-list small { margin-top:3px; color:var(--muted); font-size:.65rem; }
.ledger-list em { text-align:right; font-size:.76rem; font-style:normal; font-weight:900; }
.ledger-list em.positive { color:#99e69a; }
.ledger-list em.negative { color:#ffc08d; }
.finance-disclaimer { padding:14px; border:1px solid #5c5129; border-radius:15px; color:#dbc98f; background:#2b260e; font-size:.72rem; line-height:1.45; }

.support-center { max-width:940px; margin:0 auto; }
.support-hero { display:grid; grid-template-columns:68px minmax(0,1fr); gap:17px; margin-bottom:20px; padding:clamp(22px,4vw,36px); border:1px solid #477953; border-radius:27px; background:radial-gradient(circle at 90% 5%,#70da7c33,transparent 35%),linear-gradient(145deg,#173820,#0a160e); }
.support-hero > span { display:grid; place-items:center; width:68px; height:68px; border-radius:21px; background:#c7f3b8; font-size:2rem; }
.support-hero small { color:#9de48e; font-weight:950; letter-spacing:.12em; }
.support-hero h2 { margin:5px 0; font-size:clamp(1.8rem,4vw,2.7rem); }
.support-hero p { margin:0; color:#bfd0c2; }
.support-hero label { grid-column:1/-1; display:flex; align-items:center; gap:9px; margin-top:10px; padding:0 14px; border:1px solid #ffffff28; border-radius:15px; background:#061009bd; }
.support-hero label span { color:#b8c7ba; font-size:1.25rem; }
.support-hero input { flex:1; width:100%; min-height:52px; border:0; outline:0; color:white; background:transparent; }
.faq-categories { display:flex; gap:7px; overflow-x:auto; padding:3px 0 13px; scrollbar-width:none; }
.faq-categories::-webkit-scrollbar { display:none; }
.faq-categories button { flex:0 0 auto; padding:9px 12px; border:1px solid #33573d; border-radius:30px; color:#cbd9cd; background:#102217; }
.faq-categories button.active { border-color:#99df8f; color:#17331d; background:#bcebac; font-weight:900; }
.faq-list { display:grid; gap:8px; }
.faq-item { border:1px solid #2f5038; border-radius:16px; background:#0e2015; overflow:hidden; }
.faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:58px; padding:14px 16px; cursor:pointer; list-style:none; font-weight:850; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary i { display:grid; place-items:center; flex:0 0 auto; width:30px; height:30px; border-radius:10px; color:#bdf0b3; background:#21452a; font-style:normal; }
.faq-item[open] { border-color:#579164; background:#11281a; }
.faq-item[open] summary { color:#d9ffd1; }
.faq-item > div { padding:0 16px 17px; color:#b7c8ba; line-height:1.55; }
.support-safety { display:flex; align-items:center; gap:13px; margin-top:20px; padding:17px; border:1px solid #6a5a2d; border-radius:18px; background:#2d270e; }
.support-safety > span { font-size:1.65rem; }
.support-safety b,.support-safety p { display:block; margin:2px 0; }
.support-safety p { color:#d5c996; font-size:.76rem; }

@media (max-width:900px) {
  .reward-balances.four,.finance-summary,.finance-origins > div:last-child { grid-template-columns:1fr 1fr; }
  .mission-task { grid-template-columns:44px minmax(0,1fr); }
  .task-state { grid-column:2; min-width:0; text-align:left; }
  .community-strategy,.ledger-columns { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .reward-balances.four,.mission-rule-grid,.finance-summary,.finance-origins > div:last-child { grid-template-columns:1fr; }
  .daily-reply-goal { grid-template-columns:45px minmax(0,1fr); }
  .daily-reply-goal > span { width:45px; height:45px; }
  .daily-reply-goal > em { grid-column:2; }
  .mission-card > header,.mission-window { align-items:flex-start; flex-direction:column; }
  .mission-task { padding:15px; }
  .week-progress { grid-template-columns:1fr 1fr; }
  .mission-card > footer { justify-content:space-between; }
  .community-strategy ol { grid-template-columns:1fr; }
  .support-hero { grid-template-columns:52px minmax(0,1fr); padding:20px; }
  .support-hero > span { width:52px; height:52px; border-radius:16px; font-size:1.45rem; }
  .ledger-list article { grid-template-columns:40px minmax(0,1fr); }
  .ledger-list em { grid-column:2; text-align:left; }
}
.message-text{white-space:normal;overflow-wrap:anywhere}
.message-link{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin:4px 2px;padding:8px 11px;border:1px solid #ffffff38;border-radius:11px;background:#08160d26;color:inherit!important;font-size:.78rem;font-weight:900;line-height:1.1;text-decoration:none;vertical-align:middle;box-shadow:0 3px 12px #0002;transition:transform .15s ease,background .15s ease}
.message-link:active{transform:scale(.96)}
.bubble:not(.mine) .message-link{background:#77d16b18;border-color:#77d16b45;color:#dfffd8!important}

/* Chat móvel 3.1: rolagem estável, respostas, reações e recibo de áudio. */
.chat{position:relative;min-height:0;grid-template-rows:70px minmax(0,1fr) auto auto}
.messages{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;overflow-anchor:none;-webkit-overflow-scrolling:touch}
.bubble{position:relative;isolation:isolate}
.chat-jump{position:absolute;z-index:12;right:18px;bottom:86px;min-height:42px;padding:0 15px;border:1px solid #8edb82;border-radius:999px;color:#102317;background:linear-gradient(135deg,#d6ffc9,#77d57c);box-shadow:0 10px 30px #0008;font-weight:950}
.chat-jump span{margin-left:4px;font-size:.69rem}
.unread-marker{align-self:stretch;display:flex;align-items:center;gap:10px;margin:12px 0;color:#bff3b7;font-size:.59rem;font-weight:950;letter-spacing:.13em}
.unread-marker::before,.unread-marker::after{content:"";height:1px;flex:1;background:#65bd6d66}
.reply-composer{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 15px;border-top:1px solid #335b3c;background:#0b1d11}
.reply-composer>div{min-width:0;flex:1;padding:6px 10px;border-left:4px solid #74d676;border-radius:4px;background:#ffffff08}
.reply-composer b,.reply-composer span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reply-composer b{color:#91e88c;font-size:.72rem}.reply-composer span{margin-top:2px;color:#c3d0c5;font-size:.68rem}
.reply-cancel{width:38px;height:38px;flex:none;border:0;border-radius:50%;color:#dce7de;background:#ffffff12;font-size:1.4rem}
.quoted-message{display:block;width:100%;margin:0 0 7px;padding:7px 9px;border:0;border-left:4px solid #79d879;border-radius:7px;color:#dbe9de;text-align:left;background:#07120b70}
.quoted-message b,.quoted-message span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quoted-message b{color:#8ee286;font-size:.68rem}.quoted-message span{margin-top:2px;font-size:.65rem}
.message-highlight{animation:messageHighlight 1.25s ease}
@keyframes messageHighlight{0%,100%{filter:none}35%{filter:brightness(1.7);box-shadow:0 0 0 3px #a8f49388,0 0 28px #6be87888}}
.message-inline-actions{display:flex;align-items:center;gap:3px;width:100%;margin-top:7px;padding-top:5px;border-top:1px solid #ffffff12}
.bubble.mine .message-inline-actions{justify-content:flex-end}
.message-inline-actions button{display:inline-flex;align-items:center;gap:4px;min-height:29px;padding:2px 7px;border:0;border-radius:8px;color:#bed0c1;background:transparent;font-size:.73rem;font-weight:850;opacity:.82;transform:none}
.message-inline-actions button span{font-size:.56rem}.message-inline-actions button:active,.message-inline-actions button:focus-visible{color:#eaffea;background:#ffffff12;opacity:1}
.message-reply-trigger{color:#98e494!important}.message-action-trigger{position:static;width:auto;height:auto;box-shadow:none}
.message-reactions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:6px 0 1px}
.message-reaction{display:inline-flex;align-items:center;gap:3px;min-width:35px;height:27px;padding:0 7px;border:1px solid #ffffff22;border-radius:999px;color:#eaf5eb;background:#07130cc7;font-size:.82rem}.message-reaction b{font-size:.61rem}.message-reaction.mine{border-color:#83de7e;background:#204a2a;box-shadow:0 0 0 1px #6cca6c35}
.chat-action-overlay{position:fixed;z-index:180;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:18px 12px 0;background:#000a;backdrop-filter:blur(3px)}
.chat-action-sheet{position:relative;width:min(560px,100%);padding:21px 18px max(18px,env(safe-area-inset-bottom));border:1px solid #426c4a;border-bottom:0;border-radius:27px 27px 0 0;color:#eff8f0;background:linear-gradient(160deg,#16311e,#09160d);box-shadow:0 -20px 65px #000b;animation:sheetUp .2s ease-out}
@keyframes sheetUp{from{transform:translateY(35px);opacity:.2}}
.sheet-handle{position:absolute;top:7px;left:50%;width:52px;height:5px;border-radius:9px;background:#7f9584;transform:translateX(-50%)}
.sheet-preview{margin:7px 3px 14px;padding:10px 12px;overflow:hidden;border-left:4px solid #79d879;border-radius:8px;color:#c7d6ca;background:#06100aaa;white-space:nowrap;text-overflow:ellipsis}
.quick-reactions{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:14px}.quick-reactions button{min-width:0;height:48px;border:1px solid #ffffff1d;border-radius:14px;background:#ffffff09;font-size:1.45rem}.quick-reactions button:active{transform:scale(.9);background:#3a6b41}
.sheet-main-action,.sheet-cancel,.sheet-confirm-block{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;margin-top:8px;padding:0 15px;border:1px solid #436d4b;border-radius:15px;color:#eef8ef;text-align:left;background:#173a21;font-weight:900}.sheet-main-action>span{flex:1}.sheet-main-action>small{color:#b8c6ba;font-size:.58rem}.sheet-main-action.danger{border-color:#88494b;color:#ffd4d4;background:#3a1719}.sheet-cancel{justify-content:center;border-color:#ffffff17;color:#bdcbbf;background:#ffffff08}.sheet-confirm-block{justify-content:center;border-color:#ff8888;color:#fff;background:linear-gradient(135deg,#a52830,#68181d)}
.sheet-confirm-block.unblock{border-color:#9de392;color:#102514;background:linear-gradient(135deg,#baf5ae,#67c973)}
.conversation-sheet header{display:flex;align-items:center;gap:12px;margin:5px 2px 16px}.conversation-sheet header .avatar{width:50px;height:50px}.conversation-sheet header b,.conversation-sheet header small{display:block}.conversation-sheet header small{margin-top:3px;color:#9bdc94}.conversation-sheet h2{text-align:center}.conversation-sheet>p{color:#c0cdc2;text-align:center;line-height:1.5}.block-confirm-icon{width:70px;height:70px;display:grid;place-items:center;margin:8px auto 4px;border-radius:50%;background:#7e232932;font-size:2.2rem}
.audio-listened .voice-bars i,.audio-listened .voice-progress i{background:#73c7ff}.audio-listened .voice-play{border-color:#a8dcff;background:linear-gradient(135deg,#d4efff,#73c7ff)}
.audio-listened .voice-message-shell{border-color:#73c7ff88;box-shadow:inset 0 0 0 1px #73c7ff22}
.audio-listened-label{display:none;padding:2px 6px;border-radius:999px;color:#8bd2ff;background:#4aaee920;font-size:.51rem;font-weight:950;letter-spacing:.03em}.audio-listened .audio-listened-label{display:inline-flex}.audio-heard .voice-play{box-shadow:0 0 0 3px #6be27436,0 5px 14px #0003}
.attachment-menu{max-height:min(68dvh,560px);overflow-y:auto;overscroll-behavior:contain}

/* Árvore de Recompensas 3.2 */
.contact-tabs.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.quick-discover-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-discover-grid article{display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:13px;align-items:center;padding:18px;border:1px solid #3a6545;border-radius:20px;background:linear-gradient(145deg,#11271a,#09150d)}.quick-discover-grid article>span{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;color:#16331d;background:linear-gradient(145deg,#d6ffc7,#75d17b);font-size:1.45rem}.quick-discover-grid b,.quick-discover-grid p{display:block;margin:0}.quick-discover-grid p{margin-top:5px;color:var(--muted);font-size:.74rem;line-height:1.4}.quick-discover-grid button{min-height:41px;padding:0 13px;border:1px solid #79ce75;border-radius:12px;color:#14301a;background:#bdf0ae;font-weight:900}
.earn-page{max-width:1120px;padding-bottom:90px}.earn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin:18px 0 25px;padding:clamp(24px,5vw,46px);border:1px solid #5d855f;border-radius:30px;background:radial-gradient(circle at 82% 8%,#ffcf5138,transparent 27%),radial-gradient(circle at 8% 90%,#50d66f32,transparent 32%),linear-gradient(145deg,#173c23,#08150d 72%);box-shadow:0 24px 60px #0005}.earn-head h1{max-width:760px;margin:8px 0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.02}.earn-head p{max-width:700px;margin:0;color:#c2d2c5;line-height:1.55}.fruit-balance{flex:0 0 auto;min-width:190px;padding:18px;border:1px solid #ffe28155;border-radius:20px;background:#4a370b77}.fruit-balance small,.fruit-balance b,.fruit-balance span{display:block}.fruit-balance b{margin:6px 0;color:#ffe788;font-size:1.55rem}.fruit-balance span{color:#d4c991;font-size:.7rem}
.tree-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:18px}.reward-tree-stage{position:relative;min-height:530px;overflow:hidden;border:1px solid #4c8354;border-radius:30px;background:linear-gradient(#163d4b 0 54%,#193e22 54%);box-shadow:inset 0 0 80px #0005,0 18px 48px #0004}.sky-glow{position:absolute;top:28px;right:34px;width:105px;height:105px;border-radius:50%;background:#ffe99b;box-shadow:0 0 55px #ffd35d99}.tree-crown{position:absolute;z-index:3;top:70px;left:50%;width:330px;height:270px;border-radius:48% 52% 45% 55%;background:radial-gradient(circle at 35% 28%,#77d86d 0 17%,transparent 18%),radial-gradient(circle at 67% 26%,#5bc653 0 22%,transparent 23%),radial-gradient(circle at 24% 59%,#4ebc4b 0 25%,transparent 26%),radial-gradient(circle at 70% 65%,#3ca43e 0 29%,transparent 30%),radial-gradient(circle at 48% 52%,#237d31 0 52%,transparent 53%);filter:drop-shadow(0 20px 20px #0006);transform:translateX(-50%)}.tree-trunk{position:absolute;z-index:2;left:50%;bottom:88px;width:76px;height:220px;border-radius:40% 40% 14px 14px;background:linear-gradient(90deg,#5f2f14,#9b5a26 48%,#4a240f);transform:translateX(-50%)}.tree-trunk i{position:absolute;left:-78px;top:24px;width:230px;height:32px;border-radius:30px;background:#6b3719;transform:rotate(-20deg)}.tree-ground{position:absolute;z-index:4;left:-8%;right:-8%;bottom:-75px;height:180px;border-radius:50% 50% 0 0;background:radial-gradient(circle at 50% 0,#4c9f42,#183a20 70%)}
.tree-fruit{position:absolute;z-index:6;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#ffffff12;font-size:1.55rem;filter:saturate(.55) brightness(.8);opacity:.55;transition:transform .18s ease}.tree-fruit:disabled{cursor:default}.is-ready .tree-fruit{cursor:pointer;filter:none;opacity:1;animation:fruitReady 1.5s ease-in-out infinite alternate;box-shadow:0 0 18px #ffcf4d77}.fruit-1{left:19%;top:18%}.fruit-2{left:42%;top:8%;animation-delay:.2s!important}.fruit-3{right:17%;top:20%;animation-delay:.5s!important}.fruit-4{left:8%;top:43%;animation-delay:.7s!important}.fruit-5{left:32%;top:38%;animation-delay:.3s!important}.fruit-6{right:31%;top:42%;animation-delay:.9s!important}.fruit-7{right:6%;top:47%;animation-delay:.4s!important}.fruit-8{left:18%;bottom:17%;animation-delay:.8s!important}.fruit-9{left:46%;bottom:10%;animation-delay:.1s!important}.fruit-10{right:21%;bottom:18%;animation-delay:.6s!important}.fruit-11{right:42%;top:22%;animation-delay:1s!important}@keyframes fruitReady{to{transform:translateY(-5px) scale(1.08)}}.reward-tree-stage.harvested .tree-fruit{animation:fruitFall .7s ease-in forwards}@keyframes fruitFall{to{transform:translateY(250px) rotate(240deg);opacity:0}}.reward-tree-stage.is-blocked{filter:saturate(.35)}
.tree-status{position:absolute;z-index:8;left:18px;right:18px;bottom:69px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1px solid #ffffff24;border-radius:15px;color:#e8f4e8;background:#07130cdd;backdrop-filter:blur(8px)}.tree-status span{font-size:.75rem;font-weight:800}.tree-status b{color:#ffe28c;font-size:.8rem}.harvest-button{position:absolute;z-index:8;left:18px;right:18px;bottom:16px;width:calc(100% - 36px);min-height:46px;border:1px solid #ffe384;color:#173019;background:linear-gradient(135deg,#fff0a1,#f0b93f);font-weight:950}.harvest-button:disabled{border-color:#ffffff1d;color:#94a398;background:#16231a;opacity:1}
.tree-summary{display:grid;gap:10px}.tree-summary article{padding:18px;border:1px solid #345e3e;border-radius:20px;background:linear-gradient(145deg,#11271a,#0a170f)}.tree-summary small,.tree-summary b,.tree-summary span{display:block}.tree-summary small{color:#9eb2a2}.tree-summary b{margin:7px 0;color:#d7facd;font-size:1.15rem}.tree-summary span{color:var(--muted);font-size:.72rem;line-height:1.4}.tree-summary button{margin-top:11px;padding:8px 11px;border:1px solid #609867;border-radius:10px;color:#c9f0c4;background:#1a3b23;font-weight:850}
.fruit-exchange{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:26px;padding:clamp(21px,4vw,34px);border-color:#8b743d;background:radial-gradient(circle at 92% 5%,#ffd65e2b,transparent 30%),linear-gradient(145deg,#2d270e,#0d1c12)}.fruit-exchange h2{margin:6px 0}.fruit-exchange p{max-width:720px;color:#c4cfbc}.fruit-exchange>button{min-width:250px}.budget-progress{height:9px;margin:16px 0 7px;overflow:hidden;border-radius:20px;background:#071009}.budget-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#63cd6c,#f0c952)}.fruit-exchange small{color:#d8ce9e}
.rate-history{margin-top:26px}.rate-history>.section-title>b{color:#ffe188;font-size:1.4rem}.fruit-rate-chart{display:flex;align-items:flex-end;gap:10px;height:220px;padding:20px 8px 0;overflow-x:auto;border-top:1px solid #ffffff12}.rate-column{display:grid;grid-template-rows:25px 145px 25px;flex:1 0 58px;min-width:58px;text-align:center}.rate-value{color:#d9f5d4;font-size:.65rem;font-weight:900}.rate-bar{display:flex;align-items:flex-end;justify-content:center}.rate-bar i{display:block;width:min(34px,75%);min-height:12px;border-radius:10px 10px 4px 4px;background:linear-gradient(#ffe275,#5eca68);box-shadow:0 0 16px #77d87638}.rate-column small{padding-top:5px;color:#97aa9b;font-size:.62rem;text-transform:capitalize}
.tree-ledgers{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.tree-ledger{display:grid;gap:8px}.tree-ledger article{display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #31543a;border-radius:15px;background:#0d1d13}.tree-ledger article>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#214329}.tree-ledger b,.tree-ledger small{display:block}.tree-ledger small{margin-top:3px;color:var(--muted);font-size:.66rem}.tree-ledger time{color:#aab8ac;font-size:.66rem}
.admin-tree-settings{padding:22px;border:1px solid #557a58;border-radius:24px;background:linear-gradient(145deg,#132d1b,#0a170e)}.tree-admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.tree-admin-summary article{padding:14px;border:1px solid #ffffff18;border-radius:15px;background:#ffffff07}.tree-admin-summary small,.tree-admin-summary b{display:block}.tree-admin-summary b{margin-top:6px;color:#d2f5ca}.tree-admin-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.tree-admin-form label{display:grid;gap:6px;color:#b9cabd;font-size:.72rem;font-weight:800}.tree-admin-form input{width:100%;min-height:45px;padding:0 11px;border:1px solid #3b6445;border-radius:11px;color:white;background:#07130b}.tree-admin-form .tree-enabled{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #3b6644;border-radius:13px;background:#0c1e12}.tree-admin-form .tree-enabled input{width:20px;min-height:20px}.tree-admin-form .next-rate{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 180px 180px;gap:12px;align-items:end;margin-top:5px;padding:15px;border:1px solid #745f31;border-radius:16px;background:#2a230c}.next-rate b,.next-rate small{display:block}.next-rate small{margin-top:4px;color:#d4c996;font-size:.68rem}.tree-admin-form>button{grid-column:1/-1}.admin-user-actions{display:flex!important;flex:0 0 auto!important;gap:7px}.admin-user-actions button:last-child{border-color:#756230;color:#ffe39a;background:#40330e}
.admin-tabs{position:sticky;z-index:22;top:0;display:flex;gap:7px;margin:22px 0;padding:7px;overflow-x:auto;border:1px solid #365e40;border-radius:18px;background:#07130ceb;backdrop-filter:blur(13px);scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs button{position:relative;flex:1 0 auto;min-height:46px;padding:0 14px;border:0;border-radius:12px;color:#aebdb1;background:transparent;font-weight:900}.admin-tabs button.active{color:#142e19;background:linear-gradient(135deg,#d4ffc7,#75d47c);box-shadow:0 6px 20px #0004}.admin-tabs button i{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;border-radius:999px;color:white;background:#a62d38;font-size:.63rem;font-style:normal}.admin-panel{animation:adminPanelIn .18s ease-out}.admin-panel>section{margin-top:22px}@keyframes adminPanelIn{from{opacity:.35;transform:translateY(6px)}}
.admin-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.admin-overview-grid article{padding:19px;border:1px solid #355f3f;border-radius:19px;background:linear-gradient(145deg,#11271a,#09160e)}.admin-overview-grid article>span{font-size:1.45rem}.admin-overview-grid small,.admin-overview-grid b{display:block}.admin-overview-grid small{margin-top:10px;color:#a7b9aa}.admin-overview-grid b{margin-top:5px;color:#d1f6c8;font-size:1.45rem}.admin-overview-note{display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:15px;align-items:center;padding:20px;border:1px solid #786633;border-radius:20px;background:linear-gradient(145deg,#2b250d,#111c11)}.admin-overview-note>span{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:#ffe486;font-size:1.5rem}.admin-overview-note b,.admin-overview-note p{display:block;margin:0}.admin-overview-note p{margin-top:5px;color:#c9c39f;line-height:1.45}.admin-overview-note button{min-height:42px;padding:0 13px;border:1px solid #d4bd65;border-radius:12px;color:#172c18;background:#f2dc83;font-weight:900}
.admin-tree-inventory,.admin-tree-analytics,.admin-tree-simulator{padding:clamp(19px,3vw,28px);border:1px solid #477751;border-radius:24px;background:linear-gradient(145deg,#11271a,#09150d)}.tree-inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}.tree-inventory-grid article{padding:17px;border:1px solid #ffffff1a;border-radius:17px;background:#ffffff07}.tree-inventory-grid small,.tree-inventory-grid b,.tree-inventory-grid span{display:block}.tree-inventory-grid small{color:#a9baac}.tree-inventory-grid b{margin:7px 0;color:#ffe18a;font-size:1.3rem}.tree-inventory-grid span{color:#9eaea1;font-size:.67rem;line-height:1.35}.chart-legend{display:flex;gap:12px;color:#aebcaf;font-size:.68rem}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{display:block;width:10px;height:10px;border-radius:3px}.chart-legend i.harvest{background:#7dd67a}.chart-legend i.users{background:#f1cd5d}.admin-tree-chart{display:flex;align-items:flex-end;gap:7px;height:265px;padding:22px 4px 0;overflow-x:auto;border-top:1px solid #ffffff12}.admin-chart-day{display:grid;grid-template-rows:190px 22px 22px;flex:1 0 48px;min-width:48px;text-align:center}.admin-chart-values{display:flex;align-items:flex-end;justify-content:center;gap:4px}.admin-chart-values i{display:block;width:13px;min-height:2px;border-radius:6px 6px 2px 2px}.admin-chart-values i.harvest{background:linear-gradient(#b7f4ac,#55b960)}.admin-chart-values i.users{background:linear-gradient(#ffe68b,#c8962d)}.admin-chart-day>b{display:flex;align-items:center;justify-content:center;gap:5px;padding-top:4px;font-size:.6rem}.admin-chart-day>b span.harvest{color:#8be489}.admin-chart-day>b span.users{color:#f0cf66}.admin-chart-day>small{color:#91a495;font-size:.58rem}
.simulator-layout{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:18px}.tree-simulator-form{display:grid;gap:9px;padding:17px;border:1px solid #3a6544;border-radius:18px;background:#08150d}.tree-simulator-form label{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:8px;align-items:center;color:#bdcbbf;font-size:.72rem;font-weight:800}.tree-simulator-form input{width:100%;min-height:42px;padding:0 9px;border:1px solid #3d6746;border-radius:10px;color:white;background:#102219}.tree-simulator-form small{color:#849688;font-size:.58rem}.tree-simulator-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tree-simulator-results>article{padding:14px;border:1px solid #ffffff18;border-radius:16px;background:#ffffff07}.tree-simulator-results small,.tree-simulator-results b{display:block}.tree-simulator-results small{color:#9fb0a2;font-size:.65rem}.tree-simulator-results b{margin-top:7px;color:#d5f7ce;font-size:1.05rem}.simulator-budget{grid-column:1/-1;padding:16px;border:1px solid #786633;border-radius:17px;background:#28220c}.simulator-budget>span,.simulator-budget>b,.simulator-budget>p{display:block}.simulator-budget>b{margin:5px 0;color:#ffe38b}.simulator-budget>div{height:10px;overflow:hidden;border-radius:20px;background:#0a120b}.simulator-budget i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#64cb6c,#e5c64f)}.simulator-budget i.over{background:linear-gradient(90deg,#e0b848,#d84d58)}.simulator-budget p{margin:8px 0 0;color:#d4ca9d;font-size:.68rem}.simulator-budget p.over{color:#ffb0b5}
@media(max-width:900px){.tree-grid{grid-template-columns:1fr}.tree-summary{grid-template-columns:1fr 1fr}.tree-admin-form{grid-template-columns:1fr 1fr}.tree-admin-form .next-rate{grid-template-columns:1fr 1fr}.next-rate>div{grid-column:1/-1}}
@media(max-width:700px){.quick-discover-grid,.tree-ledgers{grid-template-columns:1fr}.earn-head{align-items:stretch;flex-direction:column}.fruit-balance{min-width:0}.fruit-exchange{grid-template-columns:1fr}.fruit-exchange>button{width:100%;min-width:0}.tree-admin-summary{grid-template-columns:1fr}.admin-user{align-items:flex-start}.admin-user-actions{flex-direction:column}.quick-discover-grid article{grid-template-columns:48px minmax(0,1fr)}.quick-discover-grid article>span{width:48px;height:48px}.quick-discover-grid button{grid-column:2}}
@media(max-width:520px){.contact-tabs.four{grid-template-columns:1fr 1fr}.tree-summary,.tree-admin-form,.tree-admin-form .next-rate{grid-template-columns:1fr}.reward-tree-stage{min-height:475px}.tree-crown{top:62px;width:285px;height:240px}.tree-trunk{bottom:78px;height:190px}.tree-status{bottom:68px;align-items:flex-start;flex-direction:column}.rate-history>.section-title{align-items:flex-start;flex-direction:column}}
@media(max-width:1000px){.admin-overview-grid,.tree-inventory-grid{grid-template-columns:1fr 1fr}.tree-simulator-results{grid-template-columns:1fr 1fr}.simulator-layout{grid-template-columns:1fr}}
@media(max-width:700px){.admin-overview-note{grid-template-columns:48px minmax(0,1fr)}.admin-overview-note>span{width:48px;height:48px}.admin-overview-note button{grid-column:2}.admin-tabs{top:env(safe-area-inset-top)}}
@media(max-width:520px){.admin-overview-grid,.tree-inventory-grid,.tree-simulator-results{grid-template-columns:1fr}.tree-simulator-form label{grid-template-columns:1fr 92px}.tree-simulator-form small{grid-column:2}.admin-tree-chart{height:235px}.admin-chart-day{grid-template-rows:160px 22px 22px}}
@media(max-width:760px){
  .chat{grid-template-rows:calc(70px + env(safe-area-inset-top)) minmax(0,1fr) auto auto}
  .chat-jump{right:10px;bottom:calc(76px + env(safe-area-inset-bottom))}
  .chat-action-overlay{padding-inline:0}.chat-action-sheet{border-left:0;border-right:0}
  .quick-reactions button{height:45px;padding:0}
  .attachment-menu{grid-template-columns:repeat(2,minmax(0,1fr));bottom:calc(76px + env(safe-area-inset-bottom))}
}
@media(max-width:380px){.quick-reactions{gap:2px}.quick-reactions button{font-size:1.25rem}.message-inline-actions button{padding-inline:5px}.receipt b{font-size:.47rem}}

/* Chat móvel 3.1.2: bloqueio explícito na lista e na conversa. */
.person-row.blocked-by-me,.person-row.blocked-me{position:relative;border:1px solid transparent;overflow:hidden}
.person-row.blocked-by-me{border-color:#d9af5266;background:linear-gradient(135deg,#352b14,#182219);box-shadow:inset 4px 0 #e3b652}
.person-row.blocked-me{border-color:#cc626466;background:linear-gradient(135deg,#32191b,#182019);box-shadow:inset 4px 0 #d96868}
.person-row.blocked-by-me:hover,.person-row.blocked-me:hover{filter:brightness(1.08)}
.person-row.blocked-by-me .avatar,.person-row.blocked-me .avatar{filter:saturate(.42) brightness(.8);outline-color:#796f5f}
.person-row.blocked-by-me .contact-presence{color:#e4be69}.person-row.blocked-me .contact-presence{color:#e88484}
.person-row.blocked-by-me .meta>small{color:#e2c578}.person-row.blocked-me .meta>small{color:#e99a9a}
.contact-lock{width:31px;height:31px;flex:none;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:50%;background:#08110bbd;box-shadow:0 5px 15px #0005;font-size:.86rem}
.person-row.blocked-by-me .contact-lock{border-color:#e1ba6066;background:#3a2b0f}.person-row.blocked-me .contact-lock{border-color:#db747466;background:#3b1719}
.chat-block-banner{display:flex;align-items:center;gap:11px;padding:11px 14px;border-top:1px solid #d06b6b66;border-bottom:1px solid #d06b6b4a;color:#ffe6e6;background:linear-gradient(90deg,#3b171be8,#241518e8);box-shadow:0 -7px 24px #0004}
.chat.blocked-by-me .chat-block-banner{border-color:#d3ad5766;color:#fff2c4;background:linear-gradient(90deg,#3b2b10ed,#222016ed)}
.chat-block-banner>span{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:12px;background:#0003;font-size:1.05rem}
.chat-block-banner>div{min-width:0;flex:1}.chat-block-banner b,.chat-block-banner small{display:block}.chat-block-banner b{font-size:.78rem}.chat-block-banner small{margin-top:3px;color:#d7bbbb;font-size:.61rem;line-height:1.3}.chat.blocked-by-me .chat-block-banner small{color:#d8c99d}
.chat-block-banner button{min-height:35px;padding:0 10px;border:1px solid #efd57f;border-radius:10px;color:#2d240e;background:#ead27b;font-size:.57rem;font-weight:950}
.chat.contact-blocked .composer{opacity:.62}.chat.contact-blocked .chat-head{box-shadow:inset 0 -2px #c65e5e55}.chat.blocked-by-me .chat-head{box-shadow:inset 0 -2px #d4ad5055}
.chat.contact-blocked .message-inline-actions{display:none}
.sheet-blocked-note{margin:10px 0 4px;padding:13px;border:1px solid #c3606266;border-radius:14px;color:#ffdada;background:#3a171a;line-height:1.45}
.blocked-contact-sheet .block-confirm-icon{background:#9d31393d}.blocked-contact-sheet h2{color:#ffd0d0}
@media(max-width:520px){.chat-block-banner{padding:9px 10px}.chat-block-banner>span{width:32px;height:32px}.chat-block-banner button{padding-inline:8px}.contact-lock{width:29px;height:29px}}

.message-youtube{margin-top:8px;min-width:min(420px,70vw)}
.project-button{border-color:#cdb64f!important;color:#fff4ae!important;background:linear-gradient(135deg,#403710,#1d2d15)!important}
.support-button{border-color:#63b3c9!important;color:#dff9ff!important;background:linear-gradient(135deg,#174453,#10261d)!important}
.group-danger-zone{border-color:#8e3c3c!important;background:#2b1114!important}
.group-danger-zone p{color:#dcb9b9}
.group-danger-zone button{padding:11px 14px;border:1px solid #e06f6f;border-radius:12px;color:#ffd6d6;background:#601f25;font-weight:900}
.group-projects-page,.group-project-page{max-width:940px;margin:0 auto}
.projects-heading{margin:18px 0 22px;padding:clamp(22px,5vw,42px);border:1px solid #537b55;border-radius:27px;background:radial-gradient(circle at 85% 10%,#e0c95833,transparent 32%),linear-gradient(145deg,#183820,#0a160e)}
.projects-heading>small{color:#d9c45b;font-weight:950;letter-spacing:.13em}.projects-heading h1{margin:7px 0 2px;font-size:clamp(2rem,5vw,3.25rem)}.projects-heading p{margin:0;color:#aebeb1}
.project-balance{display:inline-grid;margin-top:20px;padding:12px 16px;border:1px solid #ffffff26;border-radius:15px;background:#07100aaa}.project-balance span,.project-balance b{display:block}.project-balance span{color:#b8c8ba;font-size:.68rem}.project-balance b{margin-top:3px;color:#caffbd;font-size:1.15rem}
.project-owner-panel{margin:0 0 24px;padding:20px;border:1px solid #3f6848;border-radius:22px;background:#0e2116}.project-owner-panel>p{color:var(--muted)}.project-owner-panel form{display:grid;gap:13px}.project-owner-panel label{display:grid;gap:6px;font-weight:800}.project-owner-panel input,.project-owner-panel select,.project-owner-panel textarea{width:100%;min-height:48px;padding:11px;border:1px solid #395d41;border-radius:12px;color:#fff;background:#08150d}.project-owner-panel textarea{min-height:140px;resize:vertical}.project-owner-panel small{color:var(--muted);font-weight:500}.project-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.group-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.group-project-card{overflow:hidden;border:1px solid #3d6346;border-radius:22px;background:#0d1d13}.group-project-card>img,.project-cover-placeholder{display:block;width:100%;height:190px;object-fit:cover}.project-cover-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#345d3c,#14261a);color:#d8e7da;font-weight:950;letter-spacing:.14em}.group-project-card>div:last-child{padding:17px}.group-project-card small{color:#9edb96;font-weight:900;letter-spacing:.08em}.group-project-card h2{margin:6px 0}.group-project-card p{min-height:42px;color:#b5c4b7;line-height:1.45}.group-project-card footer{display:flex;align-items:center;gap:8px;margin-top:15px}.group-project-card footer b{margin-right:auto;color:#d8f6d2}.group-project-card footer button{padding:9px 12px;border:1px solid #67996c;border-radius:11px;color:#eaffe5;background:#193b22;font-weight:900}
.project-detail{margin-top:18px;overflow:hidden;border:1px solid #466f4e;border-radius:28px;background:#0c1c12}.project-detail-cover{display:block;width:100%;max-height:430px;aspect-ratio:16/7;object-fit:cover}.project-detail-cover.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#315a38,#15251a);color:#e8f5e9;font-weight:950;letter-spacing:.17em}.project-detail-body{padding:clamp(20px,5vw,44px)}.project-detail-body>small{color:#a6d89e;font-weight:850}.project-detail-body h1{margin:8px 0 20px;font-size:clamp(2rem,6vw,3.5rem)}.project-description{color:#d3ddd5;line-height:1.7;overflow-wrap:anywhere}.project-video{margin:26px 0}.project-checkout{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;margin-top:27px;padding:16px;border:1px solid #54755a;border-radius:18px;background:#061009}.project-checkout>div span,.project-checkout>div b{display:block}.project-checkout>div span{color:#9fb0a1;font-size:.68rem}.project-checkout>div b{margin-top:4px}.project-download{text-decoration:none;text-align:center}.insufficient-balance{grid-column:1/-1;color:#f1ad99}.project-archived-note{padding:12px;border:1px solid #806a32;border-radius:12px;color:#ead58a;background:#342b0d}
.theme-gold{--project-accent:#e0c55a}.theme-ocean{--project-accent:#5ac7e0}.theme-night{--project-accent:#a399ff}.theme-rose{--project-accent:#ef8eaf}.group-project-card[class*="theme-"],.project-detail{border-color:var(--project-accent,#4f7a57)}
@media(max-width:620px){.message-youtube{min-width:0;width:100%}.group-main-actions{display:grid;grid-template-columns:1fr 1fr}.group-main-actions .btn{width:100%;min-width:0}.group-project-grid,.project-form-grid{grid-template-columns:1fr}.group-project-card>img,.project-cover-placeholder{height:165px}.project-detail-cover{aspect-ratio:16/9}.project-detail-body{padding:19px 15px}.project-checkout{grid-template-columns:1fr 1fr}.project-checkout .btn{grid-column:1/-1;width:100%}.projects-heading{border-radius:20px}.group-projects-page,.group-project-page{padding-left:12px!important;padding-right:12px!important}}
.project-remove-cover{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px;color:#f0c69c}.project-remove-cover.hidden{display:none!important}.project-remove-cover input{width:auto!important;min-height:0!important}.project-form-actions{display:flex;gap:10px;flex-wrap:wrap}.group-project-card footer{flex-wrap:wrap}
.group-support-page{max-width:900px;margin:0 auto}.support-heading{position:relative;margin:18px 0 22px;padding:clamp(23px,5vw,42px);overflow:hidden;border:1px solid #4d8494;border-radius:27px;background:radial-gradient(circle at 88% 12%,#61cde841,transparent 31%),linear-gradient(145deg,#123641,#091a12 72%)}.support-heading>span{color:#8be4f6;font-size:.7rem;font-weight:950;letter-spacing:.14em}.support-heading h1{margin:7px 0;font-size:clamp(2rem,5vw,3.2rem)}.support-heading p{max-width:650px;margin:0;color:#bad0d4;line-height:1.5}.support-heading>div{display:inline-grid;margin-top:18px;padding:10px 15px;border:1px solid #ffffff25;border-radius:14px;background:#0411168c}.support-heading>div b{font-size:1.35rem;color:#a9effb}.support-heading>div small{color:#aec0c3}.support-ticket-list{display:grid;gap:10px}.support-ticket{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px;border:1px solid #396572;border-radius:18px;background:#0b2025}.support-ticket.closed{border-color:#3c4f43;background:#101b14}.support-ticket .avatar{width:54px;height:54px}.support-ticket h2{margin:4px 0;font-size:1.05rem}.support-ticket h2 small{color:#91a59a;font-size:.72rem}.support-ticket p{margin:0;color:#b8c8c2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-ticket footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px;color:#89a4a7;font-size:.68rem}.support-ticket footer small{color:#d3bd76}.support-status{color:#76def1;font-size:.62rem;font-weight:950;letter-spacing:.1em}.support-ticket.closed .support-status{color:#a7b2a8}.support-ticket>button{padding:10px 13px;border:1px solid #5fb3c7;border-radius:11px;color:#e7fbff;background:#174451;font-weight:900}.support-conversation{border-left:3px solid #5fc9df!important}
.chat-menu-btn.support-chat-action{width:auto;min-width:72px;padding:8px 10px;border:1px solid #4f9caf;border-radius:10px;color:#dffaff;background:#153c47;font-size:.7rem;font-weight:900}
@media(max-width:620px){.group-support-page{padding-left:12px!important;padding-right:12px!important}.support-heading{border-radius:20px}.support-ticket{grid-template-columns:46px minmax(0,1fr);padding:13px}.support-ticket .avatar{width:46px;height:46px}.support-ticket>button{grid-column:1/-1;width:100%}.support-ticket p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-form-actions .btn{width:100%}.group-project-card footer b{width:100%;margin:0}}
/* Avaliações de grupos/projetos e contenção dos efeitos visuais no chat. */
.projects-heading-panels{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin-top:20px}.projects-heading-panels .project-balance{margin-top:0}.group-rating-box{min-width:min(330px,100%);padding:11px 15px;border:1px solid #f0c95c4a;border-radius:15px;background:#17140799}.group-rating-box>span,.group-rating-box>small{display:block}.group-rating-box>span{color:#d8dfd9;font-size:.68rem;font-weight:850}.group-rating-box>small{margin-top:3px;color:#aebcaf;font-size:.62rem}.star-picker{display:flex;align-items:center;gap:2px}.star-picker button{width:34px;height:34px;padding:0;border:0;color:#fff3;font-size:1.55rem;line-height:1;background:transparent;text-shadow:0 2px 8px #0008;transition:.16s}.star-picker button:not(:disabled):hover,.star-picker button:not(:disabled):active{transform:scale(1.2)}.star-picker button.selected{color:#ffd84d;text-shadow:0 0 12px #ffbd33aa}.star-picker button:disabled{cursor:default}.rating-summary{display:flex;align-items:center;gap:5px;margin:7px 0}.rating-summary>span{color:#ffd84d;font-size:1.1rem}.rating-summary>b{color:#fff}.rating-summary>small{color:#9fb1a1;font-size:.62rem;letter-spacing:0}.project-rating-hero{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:-12px 0 22px;padding:8px 11px;border:1px solid #e0bd4840;border-radius:12px;background:#e0bd480d}.project-rating-hero b{color:#ffd957}.project-rating-hero span{color:#aebbb0;font-size:.68rem}.project-reviews-section{margin-top:32px;padding-top:27px;border-top:1px solid #ffffff18}.project-reviews-section>header small{color:#e2c758;font-weight:950;letter-spacing:.12em}.project-reviews-section>header h2{margin:5px 0 16px}.project-review-form{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:11px;padding:14px;border:1px solid #507159;border-radius:17px;background:#07110a}.project-review-form>div>span{display:block;margin-bottom:3px;color:#aebcaf;font-size:.67rem}.project-review-form textarea{min-height:74px;resize:vertical;padding:11px;border:1px solid #3d6045;border-radius:12px;color:#fff;background:#0c1b11;font:inherit}.project-review-form .btn{min-height:48px}.project-review-list{display:grid;gap:10px;margin-top:16px}.project-review{display:grid;grid-template-columns:45px minmax(0,1fr);gap:11px;padding:13px;border:1px solid #ffffff15;border-radius:16px;background:#ffffff08}.project-review .avatar{width:45px;height:45px}.project-review header{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.project-review header small{color:#99aa9c}.project-review header span{margin-left:auto;color:#ffd84d;letter-spacing:.08em}.project-review p{margin:6px 0 0;color:#d3ddd5;line-height:1.5;overflow-wrap:anywhere}.empty-project-reviews,.review-members-only{padding:14px;border-radius:13px;color:#aab8ac;background:#ffffff08}
html,body{max-width:100%;overflow-x:hidden}.app,.content,.chat,.messages,.bubble,.message-text,.emoji-stage,.emoji-vfx,.mimo-card{min-width:0;max-inline-size:100%}.content,.chat{overflow-x:hidden}.messages{overflow-x:clip;contain:inline-size}.bubble{overflow-wrap:anywhere}
@media(max-width:620px){.projects-heading-panels>*{width:100%}.project-review-form{grid-template-columns:1fr}.project-review-form .btn{width:100%}.project-review header span{width:100%;margin-left:0}.star-picker button{width:38px;height:38px}}

/* Contas empresariais, central de privacidade e segurança 3.3 */
.corporate-badge{display:inline-flex;align-items:center;min-height:19px;padding:2px 7px;border:1px solid #74dceb77;border-radius:999px;color:#baf5ff;background:#164956;font-size:.49rem;font-style:normal;font-weight:950;letter-spacing:.08em;vertical-align:middle}.corporate-mode .sidebar>header{background:linear-gradient(135deg,#102c35,#102415);box-shadow:inset 0 -2px #5ed4e066}.corporate-mode .brand-copy small{color:#8de8f2}.corporate-mode .sidebar>nav button.active{color:#b8f5ff}.corporate-contact{border-color:#3d8795!important;background:linear-gradient(145deg,#102c32,#0a1c17)!important;box-shadow:inset 3px 0 #55cbd8}.corporate-contact .avatar{box-shadow:0 0 0 2px #5bd8e1}.corporate-contact .person-title>b{color:#dffcff}.corporate-profile-card{border-color:#4e99a6!important;background:linear-gradient(150deg,#103038,#0b1d18)!important}.corporate-chat .chat-head{background:linear-gradient(135deg,#123945,#0d271c);box-shadow:inset 0 -2px #5fd4df66}.corporate-chat .bubble:not(.mine){border-color:#3d7f8b;background:#13353d}.corporate-chat .bubble.mine{border-color:#6299a0;background:linear-gradient(145deg,#315f64,#254d43)}.chat-corporate-badge{flex:none;padding:3px 7px;border:1px solid #7ae4ed77;border-radius:999px;color:#bff9ff;background:#174853;font-size:.48rem;font-style:normal;font-weight:950;letter-spacing:.08em}.profile-corporate-badge{margin-left:6px}.public-profile:has(.profile-corporate-badge) .profile-main{border-color:#438b98;background:linear-gradient(160deg,#102d35,#0c1c13)}
.account-hub{max-width:980px}.account-hub-head{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:center;margin:17px 0 22px;padding:clamp(22px,4vw,38px);border:1px solid #4d929d;border-radius:27px;background:radial-gradient(circle at 90% 10%,#5ce2ee2e,transparent 30%),linear-gradient(145deg,#123541,#0a1a11)}.account-hub-head>span{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;color:#163038;background:linear-gradient(145deg,#cff9ff,#67d8df);font-size:2rem}.account-hub-head small{color:#87e5ed;font-weight:950;letter-spacing:.14em}.account-hub-head h1{margin:6px 0;font-size:clamp(1.65rem,4vw,2.8rem)}.account-hub-head p{margin:0;color:#b7ccce;line-height:1.55}.account-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.account-identity-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:center;padding:19px;border:1px solid #3a6544;border-radius:21px;background:#0d2014}.account-identity-card.corporate{border-color:#478f9b;background:linear-gradient(145deg,#10323a,#0b1c15)}.account-identity-card.current{box-shadow:inset 0 0 0 2px #75d67d}.account-identity-card .avatar{width:58px;height:58px}.account-identity-card span{color:#90e597;font-size:.58rem;font-weight:950;letter-spacing:.11em}.account-identity-card.corporate span{color:#83e7ef}.account-identity-card h2,.account-identity-card p{margin:3px 0}.account-identity-card p{color:#a9b9ac}.account-identity-card button{grid-column:1/-1;min-height:43px;border:1px solid #66a46c;border-radius:12px;color:#e8ffe4;background:#1a4223;font-weight:950}.account-identity-card.corporate button{border-color:#559da8;background:#174751}.account-identity-card button:disabled{color:#93a397;background:#16241a;opacity:.75}.corporate-create{margin-top:22px;padding:clamp(20px,4vw,32px);border:1px solid #4b8f9a;border-radius:25px;background:linear-gradient(145deg,#102f38,#09180f)}.corporate-create>header{display:flex;align-items:center;gap:14px}.corporate-create>header>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#15343a;background:#a9f1f4;font-size:1.6rem}.corporate-create h2,.corporate-create p{margin:3px 0}.corporate-create p{color:#abc3c5}.corporate-create form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.corporate-create form label{display:grid;gap:6px;color:#c4d5d6;font-weight:850}.corporate-create form label:last-of-type{grid-column:1/-1}.corporate-create input{min-height:48px;padding:0 12px;border:1px solid #41727a;border-radius:12px;color:#fff;background:#08191b}.corporate-create .handle{display:flex;align-items:center;border:1px solid #41727a;border-radius:12px;background:#08191b}.corporate-create .handle span{padding-left:12px}.corporate-create .handle input{border:0}.corporate-create form>button{grid-column:1/-1}.corporate-create small{color:#82999b}.corporate-rule{margin-top:15px;padding:14px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff07}.corporate-rule p{margin-top:5px;font-size:.74rem}
.privacy-center{max-width:880px}.privacy-explainer{display:grid;grid-template-columns:60px minmax(0,1fr);gap:15px;align-items:center;padding:21px;border:1px solid #4a7a52;border-radius:22px;background:linear-gradient(145deg,#15331e,#0b1b10)}.privacy-explainer>span{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#bdf1b2;font-size:1.7rem}.privacy-explainer h2,.privacy-explainer p{margin:3px 0}.privacy-explainer p{color:#aebfb1;line-height:1.5}.privacy-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.privacy-status-grid article{padding:15px;border:1px solid #ffffff18;border-radius:16px;background:#ffffff07}.privacy-status-grid span,.privacy-status-grid small,.privacy-status-grid b{display:block}.privacy-status-grid span{font-size:1.3rem}.privacy-status-grid small{margin-top:7px;color:#9fb1a2}.privacy-status-grid b{margin-top:3px;color:#c9f2c3}.privacy-card{padding:20px!important;border-radius:21px!important}.privacy-card>header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.privacy-card>header>span{display:grid;place-items:center;width:47px;height:47px;flex:none;border-radius:14px;background:#21462a;font-size:1.35rem}.privacy-card>header h2,.privacy-card>header p{margin:2px 0}.privacy-card>header p{color:#9fb0a2;font-size:.72rem;line-height:1.4}.privacy-priority{border-color:#6c8849!important;background:linear-gradient(145deg,#202d13,#0d1b10)!important}.privacy-help{display:block;padding:11px;border-radius:11px;color:#d5cb99!important;background:#5b4a1738}.privacy-safety-note{display:flex;gap:12px;padding:15px;border:1px solid #436d4b;border-radius:16px;background:#10271a}.privacy-safety-note span{font-size:1.35rem}.privacy-safety-note p{margin:0;color:#aec0b0;line-height:1.45}.privacy-safety-note b{color:#ddf4d9}
.security-counts{display:flex;gap:7px;flex-wrap:wrap}.security-counts span{padding:7px 10px;border:1px solid #ffffff20;border-radius:999px;color:#cfe4d2;background:#ffffff08;font-size:.63rem}.admin-security-guidance{display:flex;gap:12px;align-items:center;margin:13px 0 18px;padding:14px;border:1px solid #806a35;border-radius:15px;color:#ddd2a2;background:#2a240e}.admin-security-guidance span{font-size:1.45rem}.admin-security-guidance p{margin:0;line-height:1.45}.security-user-card{display:block!important;margin-top:13px;padding:18px!important;border-radius:20px!important}.security-user-card.is-suspended{border-color:#9d4c51!important;background:linear-gradient(145deg,#30171a,#141c14)!important}.security-user-card>header{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center}.security-user-card .avatar{width:52px;height:52px}.security-user-card header b,.security-user-card header small{display:block}.security-state{padding:7px 9px;border-radius:999px;color:#bff2b7;background:#28522d;font-size:.58rem;font-weight:950}.security-state.blocked{color:#ffd1d1;background:#6c252b}.suspension-current{margin:13px 0;padding:12px;border-radius:13px;color:#efc7c7;background:#661f2733}.suspension-current p{margin:4px 0 0}.admin-user-quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}.admin-user-quick button{padding:8px 10px;border:1px solid #596e5d;border-radius:10px;color:#d8e8da;background:#172a1b}.admin-user-quick span{margin-left:auto;color:#96a99a;font-size:.67rem}.admin-suspend-form,.admin-unsuspend-form{display:grid;gap:10px;margin-top:15px;padding:15px;border:1px solid #783e43;border-radius:16px;background:#291316}.admin-suspend-form>div{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.admin-suspend-form label{display:grid;gap:5px;color:#c9d4ca;font-size:.72rem;font-weight:800}.admin-suspend-form input[type=number],.admin-suspend-form textarea{width:100%;min-height:45px;padding:10px;border:1px solid #70444a;border-radius:11px;color:#fff;background:#130b0c}.admin-suspend-form textarea{min-height:82px;resize:vertical}.admin-suspend-form .permanent-check,.admin-suspend-form .device-ban-check,.admin-unsuspend-form label{display:flex;align-items:center;gap:8px}.admin-suspend-form small{color:#b59b9d}.admin-unsuspend-form{border-color:#3d7645;background:#102a16}.admin-unsuspend-form button{width:100%}
@media(max-width:700px){.account-list,.privacy-status-grid{grid-template-columns:1fr}.account-hub-head{grid-template-columns:52px minmax(0,1fr);padding:20px}.account-hub-head>span{width:52px;height:52px;border-radius:16px;font-size:1.5rem}.corporate-create form{grid-template-columns:1fr}.corporate-create form label:last-of-type,.corporate-create form>button{grid-column:auto}.security-user-card>header{grid-template-columns:45px minmax(0,1fr)}.security-user-card .avatar{width:45px;height:45px}.security-state{grid-column:2;width:max-content}.admin-user-quick span{width:100%;margin-left:0}.privacy-explainer{grid-template-columns:48px minmax(0,1fr)}.privacy-explainer>span{width:48px;height:48px}}
@media(max-width:460px){.admin-suspend-form>div{grid-template-columns:1fr}.chat-corporate-badge{display:none}.profile-corporate-badge{display:flex;width:max-content;margin:6px 0 0}}