:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #09090b;
  color: #fafafa;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 80% 10%, rgba(236, 72, 153, 0.22), transparent 28rem),
    #09090b;
}

.topbar {
  position: absolute;
  z-index: 1;
  top: 0;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem clamp(1.25rem, 5vw, 5rem);
}

.brand {
  color: #fb3c8e;
  font-size: clamp(1.15rem, 2vw, 1.5rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  text-decoration: none;
  text-transform: uppercase;
}

.login-button,
.primary-button {
  border: 0;
  border-radius: 999px;
  padding: 0.8rem 1.2rem;
  font: inherit;
  font-weight: 800;
}

.login-button {
  background: rgba(255, 255, 255, 0.1);
  color: #d4d4d8;
  text-decoration: none;
}

button.login-button {
  cursor: pointer;
}

.header-actions {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.hero {
  display: grid;
  min-height: 82vh;
  align-items: center;
  padding: 8rem clamp(1.25rem, 8vw, 8rem) 5rem;
}

.hero-content {
  max-width: 760px;
}

.eyebrow {
  margin: 0 0 0.9rem;
  color: #fb3c8e;
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 1.4rem;
  font-size: clamp(3rem, 8vw, 7rem);
  line-height: 0.93;
  letter-spacing: -0.065em;
}

.intro {
  max-width: 620px;
  margin-bottom: 2rem;
  color: #d4d4d8;
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  line-height: 1.65;
}

.primary-button {
  display: inline-block;
  background: #fb3c8e;
  color: #fff;
  text-decoration: none;
}

.content {
  display: grid;
  grid-template-columns: 1fr minmax(280px, 480px);
  gap: 3rem;
  align-items: center;
  padding: 5rem clamp(1.25rem, 8vw, 8rem) 8rem;
}

.catalogue {
  padding: 3rem clamp(1.25rem, 8vw, 8rem) 8rem;
}

.section-heading {
  display: flex;
  gap: 2rem;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.section-heading h2 {
  margin-bottom: 0;
}

.content-count {
  flex: none;
  margin-bottom: 0.65rem;
  color: #a1a1aa;
  font-size: 0.9rem;
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}

.video-card {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 1.25rem;
  background: #141417;
  transition: transform 180ms ease, border-color 180ms ease;
}

.video-card:hover {
  border-color: rgba(255, 255, 255, 0.25);
  transform: translateY(-5px);
}

.video-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.video-cover {
  position: relative;
  display: grid;
  min-height: 220px;
  place-items: center;
  isolation: isolate;
}

.video-cover::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(135deg, transparent 30%, rgba(0, 0, 0, 0.55)),
    repeating-linear-gradient(45deg, transparent 0 18px, rgba(255, 255, 255, 0.035) 18px 19px);
  content: '';
}

.cover-image {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-cover--pink {
  background: linear-gradient(135deg, #831843, #fb3c8e);
}

.video-cover--orange {
  background: linear-gradient(135deg, #7c2d12, #f97316);
}

.video-cover--blue {
  background: linear-gradient(135deg, #172554, #2563eb);
}

.video-position,
.duration {
  position: absolute;
  font-weight: 900;
}

.video-position {
  top: 1rem;
  left: 1rem;
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.8rem;
}

.duration {
  right: 0.8rem;
  bottom: 0.8rem;
  padding: 0.3rem 0.55rem;
  border-radius: 0.45rem;
  background: rgba(0, 0, 0, 0.72);
  font-size: 0.75rem;
}

.play-icon {
  display: grid;
  width: 3.8rem;
  height: 3.8rem;
  padding-left: 0.2rem;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.34);
  font-size: 1.2rem;
  backdrop-filter: blur(8px);
}

.video-details {
  padding: 1.3rem;
}

.video-category {
  margin-bottom: 0.45rem;
  color: #fb3c8e;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.video-details h3 {
  margin-bottom: 0.65rem;
  font-size: 1.2rem;
}

.video-details > p:last-child {
  margin-bottom: 0;
  color: #a1a1aa;
  font-size: 0.92rem;
  line-height: 1.55;
}

.topbar--static {
  position: relative;
}

.back-link {
  color: #d4d4d8;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
}

.back-link:hover {
  color: #fff;
}

.watch-page {
  padding: 2rem clamp(1.25rem, 8vw, 8rem) 8rem;
}

.watch-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(300px, 0.8fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.player {
  display: grid;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 1.5rem;
  background: #18181b;
  box-shadow: 0 2rem 7rem rgba(0, 0, 0, 0.45);
}

.player--pink {
  background: radial-gradient(circle, rgba(251, 60, 142, 0.34), transparent 48%), #18181b;
}

.player--orange {
  background: radial-gradient(circle, rgba(249, 115, 22, 0.34), transparent 48%), #18181b;
}

.player--blue {
  background: radial-gradient(circle, rgba(37, 99, 235, 0.38), transparent 48%), #18181b;
}

.player-message {
  color: #a1a1aa;
  text-align: center;
}

.player video {
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  object-fit: contain;
}

.youtube-player,
.stream-player {
  width: 100%;
  height: 100%;
  border: 0;
  background: #000;
}

.youtube-facade {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.youtube-facade::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.7));
  content: '';
  pointer-events: none;
}

.youtube-facade img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.youtube-facade-button {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  width: 5rem;
  height: 5rem;
  padding-left: 0.3rem;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  background: #fb3c8e;
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
  transform: translate(-50%, -50%);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.4);
  transition: transform 160ms ease, background 160ms ease;
}

.youtube-facade-button:hover {
  background: #e11d73;
  transform: translate(-50%, -50%) scale(1.06);
}

.youtube-facade-label {
  position: absolute;
  z-index: 2;
  right: 1.2rem;
  bottom: 1rem;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.78rem;
  font-weight: 800;
}

.player--video {
  position: relative;
  background: #000;
}

.player--vertical {
  width: min(100%, calc(72vh * 9 / 16));
  max-height: 72vh;
  aspect-ratio: 9 / 16;
  justify-self: center;
  border-radius: 1.75rem;
}

.player--portrait {
  aspect-ratio: auto;
  min-height: min(72vh, 760px);
}

.player--portrait video {
  position: absolute;
  inset: 0;
}

.video-toggle {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  width: 4.5rem;
  height: 4.5rem;
  padding: 0 0 0 0.2rem;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 50%;
  background: rgba(9, 9, 11, 0.72);
  color: #fff;
  font-size: 1.35rem;
  cursor: pointer;
  opacity: 1;
  transform: translate(-50%, -50%);
  transition: opacity 160ms ease, background 160ms ease;
  backdrop-filter: blur(8px);
}

.player--video.is-playing .video-toggle {
  opacity: 0;
}

.player--video.is-playing:hover .video-toggle,
.player--video.is-playing:focus-within .video-toggle {
  opacity: 1;
}

.video-toggle:hover {
  background: #fb3c8e;
}

.player-icon {
  display: grid;
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 auto 1rem;
  padding-left: 0.25rem;
  place-items: center;
  border-radius: 50%;
  background: #fb3c8e;
  color: #fff;
  font-size: 1.4rem;
}

.watch-information h1 {
  margin-bottom: 1.3rem;
  font-size: clamp(2.5rem, 5vw, 5rem);
}

.video-meta {
  display: flex;
  gap: 0.7rem;
  margin-bottom: 1.5rem;
}

.video-meta span {
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
  color: #d4d4d8;
  font-size: 0.78rem;
  font-weight: 800;
}

.watch-description {
  color: #d4d4d8;
  font-size: 1.05rem;
  line-height: 1.7;
}

.comments-section {
  display: grid;
  grid-template-columns: minmax(220px, 0.6fr) minmax(300px, 1.4fr);
  gap: 3rem;
  margin-top: 7rem;
  padding-top: 4rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.auth-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: center;
  min-height: calc(100vh - 100px);
  padding: 3rem clamp(1.25rem, 8vw, 8rem) 7rem;
}

.auth-introduction {
  max-width: 720px;
}

.auth-introduction h1,
.success-card h1 {
  font-size: clamp(2.8rem, 6vw, 6rem);
}

.auth-introduction > p:last-child {
  max-width: 570px;
  color: #d4d4d8;
  font-size: 1.1rem;
  line-height: 1.7;
}

.form-panel {
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 1.5rem;
  background: rgba(24, 24, 27, 0.88);
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.34);
}

.form-panel h2 {
  margin-bottom: 0.35rem;
  font-size: 2rem;
}

.form-note,
.form-panel small {
  color: #a1a1aa;
}

.form-footer {
  margin: 1.5rem 0 0;
  color: #a1a1aa;
  font-size: 0.9rem;
  text-align: center;
}

.form-footer a {
  color: #f9a8d4;
}

.forgot-link {
  display: block;
  margin-top: 1rem;
  color: #d4d4d8;
  font-size: 0.85rem;
  text-align: center;
}

.auth-page--single {
  grid-template-columns: minmax(320px, 520px);
  justify-content: center;
}

.member-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 340px) minmax(220px, 280px);
  gap: clamp(1rem, 3vw, 3rem);
  grid-auto-flow: dense;
  align-items: center;
  padding: 5rem clamp(1.25rem, 8vw, 8rem) 4rem;
}

.member-hero h1 {
  margin-bottom: 1rem;
  font-size: clamp(3rem, 7vw, 6rem);
}

.member-hero-intro {
  color: #d4d4d8;
  font-size: 1.1rem;
}

.malaika-tv-feature {
  position: relative;
  display: grid;
  overflow: hidden;
  min-height: clamp(300px, 38vw, 470px);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 1.8rem;
  background: #161219;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 28px 75px rgba(0,0,0,.4);
  isolation: isolate;
  grid-column: 1 / -1;
}
.malaika-tv-feature-media, .malaika-tv-feature-media img, .malaika-tv-feature-glow { position: absolute; inset: 0; width: 100%; height: 100%; }
.malaika-tv-feature-media img { object-fit: cover; transition: transform .5s ease; }
.malaika-tv-feature-glow { background: linear-gradient(90deg, rgba(8,8,11,.97) 0%, rgba(8,8,11,.76) 42%, rgba(8,8,11,.1) 78%), linear-gradient(0deg, rgba(8,8,11,.9), transparent 65%), radial-gradient(circle at 75% 30%, rgba(251,60,142,.38), transparent 45%); }
.malaika-tv-feature-copy { position: relative; z-index: 1; display: flex; width: min(64%, 650px); flex-direction: column; justify-content: space-between; padding: clamp(1.4rem, 4vw, 3rem); }
.malaika-tv-live { display: inline-flex; width: fit-content; gap: .5rem; align-items: center; padding: .48rem .7rem; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(9,9,11,.65); color: #fff; font-size: .68rem; font-weight: 950; letter-spacing: .09em; text-transform: uppercase; backdrop-filter: blur(10px); }
.malaika-tv-live i { width: .48rem; height: .48rem; border-radius: 50%; background: #fb3c8e; box-shadow: 0 0 0 .25rem rgba(251,60,142,.16); }
.malaika-tv-feature-copy > div small { color: #ff78ad; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.malaika-tv-feature-copy h2 { margin: .55rem 0 .7rem; font-size: clamp(2.25rem, 5vw, 4.6rem); line-height: .94; letter-spacing: -.055em; }
.malaika-tv-feature-copy p { display: -webkit-box; overflow: hidden; margin-bottom: 0; color: #d4d4d8; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.malaika-tv-play { display: inline-flex; width: fit-content; gap: .8rem; align-items: center; margin-top: 1.25rem; }
.malaika-tv-play b { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: 50%; background: #fb3c8e; box-shadow: 0 12px 30px rgba(251,60,142,.35); font-size: .8rem; }
.malaika-tv-play > span { display: grid; gap: .1rem; }
.malaika-tv-play strong { font-size: .9rem; }
.malaika-tv-play small { color: #a1a1aa; font-size: .72rem; }
.malaika-tv-feature:hover { border-color: rgba(251,60,142,.6); }
.malaika-tv-feature:hover .malaika-tv-feature-media img { transform: scale(1.025); }
.member-identity { align-self: stretch; }
.member-wallet { align-self: stretch; }
.malaika-tv { scroll-margin-top: 1rem; }
.malaika-tv .section-heading h2 { margin-bottom: 0; font-size: clamp(2.5rem, 6vw, 5rem); }

.member-identity {
  display: grid;
  padding: 2rem;
  border: 1px solid rgba(251, 60, 142, 0.3);
  border-radius: 1.5rem;
  background: linear-gradient(145deg, rgba(251, 60, 142, 0.2), rgba(255, 255, 255, 0.04));
}

.profile-avatar {
  display: grid;
  overflow: hidden;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(251, 60, 142, 0.35);
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(251, 60, 142, 0.28), #141417);
  color: #fff;
  font-weight: 950;
  text-decoration: none;
}

.profile-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-avatar--identity {
  width: 4.5rem;
  height: 4.5rem;
  margin-bottom: 1.2rem;
  font-size: 1.8rem;
}

.profile-avatar--small {
  width: 2.35rem;
  height: 2.35rem;
  font-size: 0.85rem;
}

.profile-avatar--comment {
  width: 2.8rem;
  height: 2.8rem;
  font-size: 1rem;
}

.profile-avatar--large {
  width: clamp(8rem, 32vw, 12rem);
  height: clamp(8rem, 32vw, 12rem);
  font-size: 4rem;
  box-shadow: 0 1.5rem 4rem rgba(251, 60, 142, 0.16);
}

.member-identity span,
.member-identity small {
  color: #d4d4d8;
}

.member-identity strong {
  margin: 1rem 0;
  color: #fb3c8e;
  font-size: clamp(3.5rem, 8vw, 6rem);
  letter-spacing: -0.07em;
}

.member-wallet {
  display: grid;
  padding: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 1.5rem;
  background: #141417;
  color: #fff;
  text-decoration: none;
}

.member-wallet span,
.member-wallet small {
  color: #a1a1aa;
}

.member-wallet strong {
  margin: 0.7rem 0;
  color: #fb3c8e;
  font-size: clamp(3rem, 6vw, 5rem);
  letter-spacing: -0.07em;
}

.member-wallet:hover {
  border-color: rgba(251, 60, 142, 0.55);
}

.community-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin: 1rem clamp(1.25rem, 8vw, 8rem) 5rem;
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.5rem;
  background: #141417;
}

.community-panel h2 {
  margin-bottom: 1rem;
  font-size: clamp(2rem, 4vw, 3.5rem);
}

.origin-line,
.invite-box small,
.invited-list > p {
  color: #a1a1aa;
  line-height: 1.6;
}

.invite-box {
  align-self: center;
}

.invite-share-card { display:grid; gap:1rem; padding:1.2rem; border:1px solid rgba(251,60,142,.32); border-radius:1.35rem; background:linear-gradient(145deg,rgba(251,60,142,.12),rgba(255,255,255,.035)); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.invite-share-heading { display:flex; gap:.85rem; align-items:center; }
.invite-share-heading > div { display:grid; gap:.15rem; }
.invite-share-heading strong { font-size:1rem; }
.invite-share-heading p { margin:0; color:#a1a1aa; font-size:.78rem; }
.invite-share-icon { display:grid; flex:0 0 2.8rem; width:2.8rem; height:2.8rem; place-items:center; border-radius:.9rem; background:#fb3c8e; box-shadow:0 10px 26px rgba(251,60,142,.28); }
.invite-share-icon svg { width:1.35rem; fill:none; stroke:#fff; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.invite-copy-control { display:grid; overflow:hidden; grid-template-columns:minmax(0,1fr) auto; border:1px solid rgba(255,255,255,.14); border-radius:1rem; background:#09090b; transition:border-color .18s ease,box-shadow .18s ease; }
.invite-copy-control:focus-within { border-color:rgba(251,60,142,.65); box-shadow:0 0 0 3px rgba(251,60,142,.1); }
.invite-copy-control input { min-width:0; margin:0!important; border:0!important; border-radius:0!important; padding:1rem!important; background:transparent!important; color:#d4d4d8!important; font-size:.78rem!important; text-overflow:ellipsis; }
.invite-copy-control button { cursor:pointer; display:inline-flex; gap:.55rem; align-items:center; justify-content:center; margin:.35rem; border:0; border-radius:.72rem; padding:.7rem 1rem; background:linear-gradient(135deg,#ff4b98,#e92478); color:#fff; font:inherit; font-size:.78rem; font-weight:900; white-space:nowrap; box-shadow:0 8px 20px rgba(251,60,142,.22); transition:transform .18s ease,filter .18s ease,background .18s ease; }
.invite-copy-control button svg { width:1rem; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.invite-copy-control button:hover { transform:translateY(-1px); filter:brightness(1.08); }
.invite-copy-control button.is-copied { background:linear-gradient(135deg,#20a872,#147d56); }
.invite-share-note { display:flex; gap:.45rem; align-items:flex-start; color:#8e8e99!important; font-size:.72rem; }
.invite-share-note span { color:#fb3c8e; font-size:.5rem; line-height:1.5rem; }
.sr-only { position:absolute!important; overflow:hidden!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

@media (max-width:560px) {
  .invite-share-card { padding:1rem; }
  .invite-copy-control { grid-template-columns:1fr; padding:.35rem; }
  .invite-copy-control input { padding:.8rem .65rem!important; text-align:center; }
  .invite-copy-control button { width:100%; margin:0; padding:.9rem 1rem; }
}

.invite-box label {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 0.8rem;
  font-weight: 900;
  text-transform: uppercase;
}

.invite-box input {
  width: 100%;
  margin-bottom: 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 0.8rem;
  padding: 0.9rem 1rem;
  background: #09090b;
  color: #f9a8d4;
  font: inherit;
}

.invited-list {
  grid-column: 1 / -1;
  padding-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.invited-list h3 span {
  display: inline-grid;
  min-width: 1.7rem;
  min-height: 1.7rem;
  margin-left: 0.4rem;
  place-items: center;
  border-radius: 50%;
  background: #fb3c8e;
  font-size: 0.75rem;
}

.invited-list ul {
  display: grid;
  gap: 0.6rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.invited-list li {
  display: flex;
  justify-content: space-between;
  padding: 0.9rem 1rem;
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 0.04);
}

.invited-member-identity {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

.invited-list li strong {
  color: #fb3c8e;
}

.form-note {
  margin-bottom: 1.8rem;
  font-size: 0.9rem;
}

.form-panel form {
  display: grid;
}

.form-panel label {
  margin: 1rem 0 0.45rem;
  font-size: 0.85rem;
  font-weight: 800;
}

.form-panel input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 0.8rem;
  outline: none;
  padding: 0.9rem 1rem;
  background: #09090b;
  color: #fafafa;
  font: inherit;
}

.form-panel input:focus {
  border-color: #fb3c8e;
  box-shadow: 0 0 0 3px rgba(251, 60, 142, 0.15);
}

.form-panel small {
  margin-top: 0.4rem;
  font-size: 0.75rem;
}

.form-errors {
  padding: 1rem;
  border: 1px solid rgba(251, 113, 133, 0.35);
  border-radius: 0.8rem;
  background: rgba(159, 18, 57, 0.18);
  color: #fecdd3;
  font-size: 0.85rem;
  line-height: 1.5;
}

.form-errors ul {
  margin: 0.5rem 0 0;
  padding-left: 1.2rem;
}

.invitation-note {
  margin-bottom: 0.5rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(251, 60, 142, 0.28);
  border-radius: 0.8rem;
  background: rgba(251, 60, 142, 0.1);
  color: #fbcfe8;
  font-size: 0.88rem;
}

.submit-button {
  margin-top: 1.5rem;
  border: 0;
  border-radius: 999px;
  padding: 0.95rem 1.2rem;
  background: #fb3c8e;
  color: #fff;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.success-page {
  display: grid;
  min-height: calc(100vh - 100px);
  padding: 3rem 1.25rem 7rem;
  place-items: center;
}

.success-card {
  max-width: 780px;
  text-align: center;
}

.success-card > p:not(.eyebrow) {
  color: #d4d4d8;
  font-size: 1.1rem;
  line-height: 1.7;
}

.member-preview {
  display: inline-block;
  margin: 1rem 0;
  color: #fb3c8e;
  font-size: clamp(4rem, 12vw, 9rem);
  font-weight: 950;
  letter-spacing: -0.08em;
}

.demo-warning {
  margin: 2rem 0;
  padding: 1rem;
  border: 1px solid rgba(250, 204, 21, 0.25);
  border-radius: 0.8rem;
  background: rgba(113, 63, 18, 0.2);
  color: #fde68a;
  font-size: 0.9rem;
}

.demo-warning > strong,
.demo-warning > span {
  display: block;
}

.demo-warning > strong {
  margin-bottom: 0.35rem;
  color: #fff3b0;
  font-size: 1rem;
}

.email-expiry-note {
  margin: -1rem 0 2rem;
  color: #a1a1aa;
  font-size: 0.85rem;
}

.pending-invites {
  margin-top: 1.25rem;
  padding: 1.15rem;
  border: 1px solid rgba(251, 60, 142, 0.2);
  border-radius: 1.25rem;
  background: linear-gradient(145deg, rgba(251, 60, 142, 0.08), rgba(24, 24, 27, 0.72));
}

.pending-invites-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.pending-invites-heading h3 {
  margin: 0.25rem 0 0;
  font-size: clamp(1.25rem, 4vw, 1.7rem);
}

.pending-invites-heading h3 span,
.member-admin-tabs span {
  display: inline-grid;
  min-width: 1.75rem;
  min-height: 1.75rem;
  margin-left: 0.35rem;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  background: #fb3c8e;
  color: #fff;
  font-size: 0.78rem;
  place-items: center;
}

.pending-invites-heading > small {
  max-width: 18rem;
  color: #a1a1aa;
  text-align: right;
}

.pending-invite-list,
.pending-admin-list {
  display: grid;
  gap: 0.75rem;
}

.pending-invite-card,
.pending-admin-card {
  display: grid;
  align-items: center;
  gap: 0.85rem;
  padding: 0.95rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  background: rgba(9, 9, 11, 0.72);
}

.pending-invite-card {
  grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.pending-invite-avatar {
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 auto;
  border: 1px solid rgba(251, 60, 142, 0.35);
  border-radius: 50%;
  background: rgba(251, 60, 142, 0.14);
  color: #ff83b9;
  font-weight: 950;
  place-items: center;
}

.pending-invite-main,
.pending-admin-identity {
  display: grid;
  min-width: 0;
  gap: 0.2rem;
}

.pending-invite-main small,
.pending-admin-identity small,
.pending-admin-origin span {
  color: #a1a1aa;
  font-size: 0.78rem;
}

.pending-invite-status {
  padding: 0.42rem 0.65rem;
  border-radius: 999px;
  background: rgba(250, 204, 21, 0.12);
  color: #fde68a;
  font-size: 0.76rem;
  font-weight: 850;
  white-space: nowrap;
}

.pending-invite-status.is-expired {
  background: rgba(248, 113, 113, 0.12);
  color: #fca5a5;
}

.pending-invite-card button,
.pending-resend-button,
.pending-delete-button {
  padding: 0.65rem 0.85rem;
  border: 0;
  border-radius: 999px;
  background: #fb3c8e;
  color: #fff;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 900;
  cursor: pointer;
}

.pending-invite-card button:disabled,
.pending-resend-button:disabled {
  background: #27272a;
  color: #71717a;
  cursor: not-allowed;
}

.invite-action-notice {
  margin: 0 0 1rem;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(250, 204, 21, 0.25);
  border-radius: 0.85rem;
  background: rgba(113, 63, 18, 0.2);
  color: #fde68a;
}

.invite-action-notice--success {
  border-color: rgba(74, 222, 128, 0.25);
  background: rgba(20, 83, 45, 0.22);
  color: #86efac;
}

.invite-action-notice--error {
  border-color: rgba(248, 113, 113, 0.25);
  background: rgba(127, 29, 29, 0.2);
  color: #fca5a5;
}

.member-admin-tabs {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
  padding: 0.35rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: #111113;
}

.member-admin-tabs a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 0.75rem 1rem;
  border-radius: 999px;
  color: #a1a1aa;
  font-weight: 850;
  text-decoration: none;
}

.member-admin-tabs a.is-active {
  background: #fb3c8e;
  color: #fff;
}

.member-admin-tabs a.is-active span {
  background: #fff;
  color: #fb3c8e;
}

.pending-admin-card {
  grid-template-columns: auto minmax(15rem, 1.4fr) minmax(11rem, 0.8fr) auto auto;
}

.pending-admin-identity a {
  overflow: hidden;
  color: #d4d4d8;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pending-admin-origin {
  display: grid;
  gap: 0.2rem;
}

.pending-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.pending-admin-expiry { display:grid; gap:.35rem; justify-items:start; }.pending-admin-expiry small { max-width:15rem; color:#85858f; font-size:.65rem; line-height:1.35; }
.pending-manual-email-button { padding:.65rem .85rem; border:0; border-radius:999px; background:#fb3c8e; color:#fff; font:inherit; font-size:.78rem; font-weight:900; cursor:pointer; }.pending-manual-email-button:disabled { opacity:.65; cursor:wait; }

.pending-email-settings { margin:0 0 1.25rem; border:1px solid rgba(251,60,142,.24); border-radius:1.15rem; background:rgba(251,60,142,.055); }.pending-email-settings summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.15rem; cursor:pointer; list-style:none; }.pending-email-settings summary::-webkit-details-marker { display:none; }.pending-email-settings summary > span:first-child { display:grid; gap:.2rem; }.pending-email-settings summary small { color:#a1a1aa; font-size:.7rem; font-weight:500; }.pending-email-settings summary > span:last-child { color:#ff78ad; font-size:.72rem; font-weight:900; }.pending-email-settings form { display:grid; gap:.9rem; padding:0 1.15rem 1.15rem; }.pending-email-settings label { display:grid; gap:.4rem; font-size:.75rem; font-weight:850; }.pending-email-settings input,.pending-email-settings textarea { width:100%; border:1px solid rgba(255,255,255,.12); border-radius:.85rem; padding:.85rem; background:#09090b; color:#fff; font:inherit; }.pending-email-settings textarea { min-height:15rem; resize:vertical; line-height:1.5; }.pending-email-settings p { margin:0; color:#8c8c96; font-size:.7rem; }.pending-email-settings code { color:#fda4af; }.pending-email-settings form button { width:fit-content; border:0; border-radius:999px; padding:.8rem 1.1rem; background:#fb3c8e; color:#fff; font-weight:900; cursor:pointer; }

.pending-email-dialog { width:min(92vw,680px); max-width:none; max-height:88vh; margin:auto; padding:0; border:1px solid rgba(255,255,255,.14); border-radius:1.5rem; background:#121215; color:#fff; box-shadow:0 2rem 7rem rgba(0,0,0,.75); }.pending-email-dialog::backdrop { background:rgba(0,0,0,.75); backdrop-filter:blur(5px); }.pending-email-dialog-shell { display:grid; overflow-y:auto; max-height:88vh; gap:.9rem; padding:1.2rem; }.pending-email-dialog header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }.pending-email-dialog h2 { margin:.2rem 0 0; font-size:clamp(1.7rem,5vw,2.5rem); }.pending-email-dialog header button { display:grid; width:2.5rem; height:2.5rem; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:50%; background:#27272a; color:#fff; font-size:1.35rem; cursor:pointer; }.pending-email-dialog label { display:grid; gap:.4rem; color:#a1a1aa; font-size:.7rem; font-weight:850; }.pending-email-dialog label > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.45rem; }.pending-email-dialog input,.pending-email-dialog textarea { min-width:0; border:1px solid rgba(255,255,255,.11); border-radius:.8rem; padding:.8rem; background:#09090b; color:#fff; font:inherit; }.pending-email-dialog textarea { min-height:15rem; resize:vertical; line-height:1.45; }.pending-email-dialog label button,.pending-email-open { width:fit-content; border:1px solid rgba(251,60,142,.35); border-radius:999px; padding:.7rem .9rem; background:rgba(251,60,142,.1); color:#ff78ad; font:inherit; font-size:.7rem; font-weight:900; text-decoration:none; cursor:pointer; }.pending-email-copy-status { margin:0; color:#86efac; font-size:.75rem; }.pending-email-open { border:0; background:#fb3c8e; color:#fff; text-align:center; }.pending-email-dialog-shell > small { color:#71717a; line-height:1.4; }

.pending-delete-button {
  border: 1px solid rgba(248, 113, 113, 0.3);
  background: transparent;
  color: #fca5a5;
}

.notification-nudge {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  width: min(1180px, calc(100% - 2.5rem));
  margin: 1rem auto 0;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(251, 60, 142, 0.32);
  border-radius: 1.15rem;
  background: linear-gradient(115deg, rgba(251, 60, 142, 0.14), rgba(24, 24, 27, 0.96) 55%);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.2);
}

.notification-nudge[hidden] {
  display: none;
}

.notification-nudge.is-blocked {
  border-color: rgba(250, 204, 21, 0.28);
  background: linear-gradient(115deg, rgba(113, 63, 18, 0.23), rgba(24, 24, 27, 0.96) 55%);
}

.notification-nudge-icon {
  display: grid;
  width: 2.85rem;
  height: 2.85rem;
  border-radius: 0.9rem;
  background: #fb3c8e;
  box-shadow: 0 8px 24px rgba(251, 60, 142, 0.28);
  place-items: center;
}

.notification-nudge.is-blocked .notification-nudge-icon {
  background: #a16207;
  box-shadow: none;
}

.notification-nudge-icon svg {
  width: 1.35rem;
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.notification-nudge-copy {
  min-width: 0;
}

.notification-nudge-copy strong {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.98rem;
}

.notification-nudge-copy p {
  margin: 0;
  color: #b7b7c0;
  font-size: 0.82rem;
  line-height: 1.45;
}

.notification-nudge-actions {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.notification-nudge-actions button,
.notification-nudge-actions a {
  padding: 0.7rem 0.9rem;
  border: 0;
  border-radius: 999px;
  font: inherit;
  font-size: 0.76rem;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

#notificationNudgeActivate,
#notificationNudgeSettings {
  background: #fb3c8e;
  color: #fff;
}

#notificationNudgeDismiss {
  background: transparent;
  color: #a1a1aa;
}

#notificationNudgeActivate:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.notification-nudge[data-local-preview="true"]::after {
  content: "Pré-visualização local";
  position: absolute;
  top: -0.55rem;
  right: 1rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: #27272a;
  color: #a1a1aa;
  font-size: 0.62rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.notification-nudge[data-local-preview="true"] {
  position: relative;
}

@media (max-width: 800px) {
  .pending-invites-heading {
    display: grid;
    align-items: start;
  }

  .pending-invites-heading > small {
    text-align: left;
  }

  .pending-invite-card,
  .pending-admin-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .pending-invite-status,
  .pending-invite-card form,
  .pending-admin-origin,
  .pending-admin-expiry,
  .pending-admin-actions {
    grid-column: 2;
  }

  .pending-invite-card button,
  .pending-admin-actions,
  .pending-admin-actions form,
  .pending-admin-actions button {
    width: 100%;
  }

  .pending-email-dialog { width:100%; max-height:90vh; margin:auto 0 0; border-width:1px 0 0; border-radius:1.4rem 1.4rem 0 0; }

  .member-admin-tabs {
    align-items: stretch;
    border-radius: 1rem;
  }

  .member-admin-tabs a {
    border-radius: 0.75rem;
    font-size: 0.82rem;
    text-align: center;
  }

  .notification-nudge {
    grid-template-columns: auto minmax(0, 1fr);
    width: min(100% - 1.5rem, 38rem);
    margin-top: 0.75rem;
    padding: 0.9rem;
  }

  .notification-nudge-icon {
    align-self: start;
  }

  .notification-nudge-actions {
    grid-column: 1 / -1;
    width: 100%;
  }

  .notification-nudge-actions button,
  .notification-nudge-actions a {
    flex: 1;
    text-align: center;
  }
}

.comments-section h2 {
  font-size: clamp(2rem, 4vw, 3.4rem);
}

.empty-comments {
  padding: 2rem;
  border: 1px dashed rgba(255, 255, 255, 0.2);
  border-radius: 1.25rem;
  color: #a1a1aa;
  text-align: center;
}

.empty-comments > span {
  font-size: 2rem;
}

.empty-comments h3 {
  margin: 1rem 0 0.5rem;
  color: #fafafa;
}

.empty-comments p {
  margin-bottom: 0;
}

.comments-total {
  color: #a1a1aa;
  font-size: 0.9rem;
}

.comments-column {
  display: grid;
  gap: 1.25rem;
}

.comment-composer {
  padding: 1.4rem;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 1.25rem;
  background: #141417;
}

.commenting-as {
  margin-bottom: 1rem;
  color: #a1a1aa;
  font-size: 0.85rem;
}

.commenting-as span {
  margin-right: 0.45rem;
  color: #fb3c8e;
  font-weight: 900;
}

.comment-composer textarea {
  width: 100%;
  min-height: 120px;
  resize: vertical;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 0.9rem;
  outline: none;
  padding: 1rem;
  background: #09090b;
  color: #fafafa;
  font: inherit;
  line-height: 1.55;
}

.comment-composer textarea:focus {
  border-color: #fb3c8e;
  box-shadow: 0 0 0 3px rgba(251, 60, 142, 0.15);
}

.composer-footer {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.8rem;
}

.composer-footer small {
  color: #71717a;
}

.composer-footer .submit-button {
  margin-top: 0;
}

.comments-list {
  display: grid;
  gap: 1.2rem;
}

.comment-thread {
  display: grid;
  gap: 0.65rem;
}

.comment {
  padding: 1.4rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 1.1rem;
  background: rgba(255, 255, 255, 0.025);
}

.comment-header {
  display: flex;
  gap: 1rem;
  align-items: start;
  justify-content: space-between;
}

.comment-header div {
  display: grid;
  gap: 0.25rem;
}

.comment-header .comment-author {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}

.comment-header div span,
.comment-header time {
  color: #71717a;
  font-size: 0.75rem;
}

.comment-body {
  margin: 1.1rem 0;
  color: #d4d4d8;
  line-height: 1.65;
  white-space: pre-wrap;
}

.comment-body--deleted {
  color: #71717a;
  font-style: italic;
}

.comment-replies {
  display: grid;
  gap: 0.65rem;
  margin-left: 2rem;
  padding-left: 1rem;
  border-left: 2px solid rgba(251, 60, 142, 0.25);
}

.comment--reply {
  background: rgba(251, 60, 142, 0.035);
}

.reply-composer {
  margin-left: 2rem;
  padding: 0.4rem 0 0;
}

.reply-composer summary {
  width: max-content;
  color: #f9a8d4;
  font-size: 0.8rem;
  font-weight: 800;
  cursor: pointer;
}

.reply-composer form {
  margin-top: 0.8rem;
  padding: 1rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.035);
}

.reply-composer textarea {
  width: 100%;
  min-height: 90px;
  resize: vertical;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 0.8rem;
  outline: none;
  padding: 0.9rem;
  background: #09090b;
  color: #fafafa;
  font: inherit;
}

.reply-composer textarea:focus {
  border-color: #fb3c8e;
}

.delete-comment {
  border: 0;
  padding: 0;
  background: none;
  color: #fda4af;
  font: inherit;
  font-size: 0.78rem;
  cursor: pointer;
  text-decoration: underline;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
}

.admin-page,
.admin-form-page {
  padding: 3rem clamp(1.25rem, 6vw, 6rem) 7rem;
}

.admin-heading {
  display: flex;
  gap: 2rem;
  align-items: end;
  justify-content: space-between;
}

.admin-heading-actions {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}

.admin-action-panel { display: grid; width: min(100%,720px); gap: .7rem; }
.admin-quick-actions { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .65rem; }
.admin-quick-actions a { position: relative; display: grid; min-width: 0; min-height: 76px; place-items: center; align-content: center; gap: .3rem; padding: .7rem .55rem; border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; background: rgba(20,20,23,.84); color: #fafafa; font-size: .72rem; font-weight: 850; text-align: center; text-decoration: none; transition: transform 160ms ease,border-color 160ms ease,background 160ms ease; }
.admin-quick-actions a:hover { transform: translateY(-2px); border-color: rgba(251,60,142,.5); background: rgba(251,60,142,.08); }
.admin-action-icon { color: #fb3c8e; font-size: 1.05rem; line-height: 1; }
.admin-quick-actions a > b { position: absolute; top: -.4rem; right: -.35rem; display: grid; min-width: 1.35rem; height: 1.35rem; padding: 0 .28rem; place-items: center; border: 2px solid #100c10; border-radius: 999px; background: #fb3c8e; color: #fff; font-size: .58rem; }
.admin-new-content { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; padding: .85rem 1rem; text-align: center; }

.secondary-button {
  display: inline-block;
  padding: 0.8rem 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: #fafafa;
  font-weight: 800;
  text-decoration: none;
}

.success-message {
  margin: 2rem 0;
  padding: 1rem 1.2rem;
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 1rem;
  background: rgba(34, 197, 94, 0.1);
  color: #86efac;
}

.mygods-admin-page .admin-heading p:last-child {
  margin: 0;
  color: #a1a1aa;
  line-height: 1.6;
}

.mygods-admin-page .admin-heading h1 {
  margin-bottom: 1.5rem;
}

.mygod-rules {
  display: grid;
  gap: 1rem;
  margin-top: 3rem;
}

.mygod-rule-card {
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.2rem;
  background: #141417;
}

.mygod-rule-heading,
.mygod-rule-fields {
  display: flex;
  gap: 1rem;
  align-items: start;
  justify-content: space-between;
}

.mygod-rule-heading code {
  color: #f9a8d4;
  font-weight: 800;
}

.mygod-rule-heading p {
  margin: 0.45rem 0 1.2rem;
  color: #a1a1aa;
}

.switch-field {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-weight: 800;
}

.mygod-rule-fields {
  justify-content: normal;
}

.mygod-rule-fields label {
  display: grid;
  flex: 1;
  gap: 0.45rem;
  font-size: 0.82rem;
  font-weight: 800;
}

.mygod-field-title {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
  min-height: 1.15rem;
  color: #fafafa;
  font-weight: 800;
}

.mygod-field-title small {
  color: #71717a;
  font-size: 0.76rem;
  font-weight: 400;
}

.mygod-rule-fields input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 0.8rem;
  outline: none;
  padding: 0.8rem;
  background: #09090b;
  color: #fafafa;
  font: inherit;
}

.mygod-rule-card .submit-button {
  width: auto;
  margin: 1.2rem 0 0 auto;
}

.mygods-page {
  padding: 3rem clamp(1.25rem, 8vw, 8rem) 8rem;
}

.profile-page {
  width: min(100%, 1080px);
  margin: 0 auto;
  padding: 3rem clamp(1.25rem, 6vw, 4rem) 8rem;
}

.profile-heading {
  margin-bottom: 2.5rem;
}

.profile-heading h1 {
  margin-bottom: 1rem;
  font-size: clamp(3rem, 9vw, 6.5rem);
}

.profile-heading > p:last-child {
  color: #a1a1aa;
  font-size: 1.1rem;
}

.profile-card {
  padding: clamp(1.25rem, 5vw, 3rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.75rem;
  background: linear-gradient(145deg, rgba(251, 60, 142, 0.08), transparent 40%), #141417;
}
.notification-settings { margin-bottom: 1.25rem; }
.notification-settings-heading { display:flex; gap:1rem; align-items:center; justify-content:space-between; margin-bottom:1.5rem; }.notification-settings-heading h2 { margin:.2rem 0 .35rem; font-size:clamp(2rem,5vw,3.6rem); }.notification-settings-heading p:last-child { color:#a1a1aa; }.notification-bell { display:grid; width:4rem; height:4rem; place-items:center; border-radius:1.2rem; background:rgba(251,60,142,.14); font-size:1.7rem; }
.notification-device { display:flex; gap:1rem; align-items:center; justify-content:space-between; margin-bottom:1.25rem; padding:1rem; border:1px solid rgba(255,255,255,.09); border-radius:1rem; background:#0d0d10; }.notification-device p { margin:.25rem 0 0; color:#a1a1aa; font-size:.78rem; }.notification-device p.is-active { color:#86efac; }.notification-device button { border:0; border-radius:999px; padding:.8rem 1rem; background:#fb3c8e; color:#fff; font:inherit; font-size:.76rem; font-weight:900; cursor:pointer; }
#notificationPreferences { display:grid; gap:.6rem; }.notification-option { display:flex; gap:1rem; align-items:center; justify-content:space-between; padding:1rem; border-radius:1rem; background:rgba(255,255,255,.035); cursor:pointer; }.notification-option > span { display:grid; gap:.2rem; }.notification-option small { color:#85858f; line-height:1.4; }.notification-option input { width:1.25rem; height:1.25rem; flex:0 0 auto; accent-color:#fb3c8e; }.notification-option--quiet { margin-top:.4rem; border:1px solid rgba(255,255,255,.08); }.notification-settings .submit-button { width:fit-content; margin-top:.7rem; }
.content-notification-choice { display:flex!important; gap:1rem; align-items:center; padding:1.1rem; border:1px solid rgba(251,60,142,.3); border-radius:1rem; background:rgba(251,60,142,.08); cursor:pointer; }.content-notification-choice input { width:1.3rem; height:1.3rem; flex:0 0 auto; accent-color:#fb3c8e; }.content-notification-choice span { display:grid; gap:.25rem; }.content-notification-choice small { color:#a1a1aa; }
@media (max-width:560px) { .notification-device { align-items:stretch; flex-direction:column; }.notification-device button,.notification-settings .submit-button { width:100%; }.notification-option { align-items:flex-start; } }

.profile-success {
  margin-bottom: 1.5rem;
  padding: 1rem 1.2rem;
  border: 1px solid rgba(74, 222, 128, 0.3);
  border-radius: 0.9rem;
  background: rgba(74, 222, 128, 0.08);
  color: #86efac;
  font-weight: 800;
}

.profile-form {
  display: grid;
  gap: 2rem;
}

.avatar-editor {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(1.5rem, 5vw, 3rem);
  align-items: center;
}

.avatar-editor-copy {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.avatar-editor-copy > strong {
  margin-bottom: 0.35rem;
  font-size: 1.5rem;
}

.avatar-editor-copy p,
.avatar-editor-copy small,
.profile-member-number small {
  color: #a1a1aa;
  line-height: 1.55;
}

.avatar-cropper {
  display: grid;
  gap: 1.25rem;
  justify-items: center;
  padding: clamp(1rem, 4vw, 2rem);
  border: 1px solid rgba(251, 60, 142, 0.25);
  border-radius: 1.4rem;
  background: #0d0d10;
}

.avatar-cropper[hidden] {
  display: none;
}

.avatar-cropper-heading {
  display: flex;
  width: 100%;
  align-items: start;
  justify-content: space-between;
}

.avatar-cropper-heading strong {
  font-size: 1.2rem;
}

.avatar-cropper-heading p {
  margin: 0.25rem 0 0;
  color: #a1a1aa;
  font-size: 0.85rem;
}

.avatar-cropper-heading button {
  cursor: pointer;
  border: 0;
  padding: 0 0.25rem;
  background: transparent;
  color: #a1a1aa;
  font-size: 1.8rem;
}

.avatar-crop-stage {
  position: relative;
  overflow: hidden;
  width: min(100%, 360px);
  aspect-ratio: 1;
  cursor: grab;
  border-radius: 1rem;
  background: #09090b;
  touch-action: none;
  user-select: none;
}

.avatar-crop-stage.is-dragging {
  cursor: grabbing;
}

.avatar-crop-stage::after {
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle,
    transparent 49%,
    rgba(255, 255, 255, 0.9) 49.35% 50%,
    rgba(9, 9, 11, 0.62) 50.35%
  );
  content: '';
  pointer-events: none;
}

.avatar-crop-stage canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.avatar-zoom {
  display: grid;
  width: min(100%, 360px);
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  color: #d4d4d8;
  font-size: 0.8rem;
  font-weight: 850;
}

.avatar-zoom input {
  width: 100%;
  accent-color: #fb3c8e;
}

.avatar-crop-confirm {
  width: min(100%, 360px);
}

.avatar-upload-button,
.avatar-remove-button {
  cursor: pointer;
  font: inherit;
  font-weight: 850;
}

.avatar-upload-button {
  margin: 0.5rem 0 0.75rem;
  border-radius: 999px;
  padding: 0.8rem 1.1rem;
  background: #fb3c8e;
  color: #fff;
}

.avatar-remove-button {
  margin: -0.25rem 0 0.75rem;
  border: 0;
  padding: 0;
  background: transparent;
  color: #fda4af;
}

#avatarMessage.is-error {
  color: #fda4af;
}

.profile-name-field {
  display: grid;
  gap: 0.55rem;
  font-weight: 850;
}

.profile-name-field input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0.9rem;
  padding: 1rem;
  background: #09090b;
  color: #fff;
  font: inherit;
}

.profile-name-field input:focus {
  border-color: #fb3c8e;
  outline: none;
}

.profile-member-number {
  display: grid;
  gap: 0.25rem;
  padding: 1.25rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.035);
}

.profile-member-number strong {
  color: #fb3c8e;
  font-size: 2.2rem;
  letter-spacing: -0.04em;
}

.profile-form > .submit-button {
  width: fit-content;
  min-width: 180px;
}

.mygods-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: center;
}

.mygods-hero > div > p:last-child {
  color: #a1a1aa;
  font-size: 1.1rem;
}

.mygods-balance {
  display: grid;
  padding: 2rem;
  border: 1px solid rgba(251, 60, 142, 0.35);
  border-radius: 1.5rem;
  background: radial-gradient(circle at top right, rgba(251, 60, 142, 0.3), transparent 55%), #141417;
}

.mygods-balance span,
.mygods-balance small {
  color: #d4d4d8;
}

.mygods-balance strong {
  margin: 0.5rem 0;
  color: #fb3c8e;
  font-size: clamp(4rem, 9vw, 7rem);
  letter-spacing: -0.08em;
}

.mygods-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 4rem 0;
}

.mygods-stats article {
  display: grid;
  gap: 0.5rem;
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 1.2rem;
  background: #141417;
}

.mygods-stats span,
.mygods-transactions time {
  color: #71717a;
}

.mygods-stats strong {
  font-size: 2.5rem;
}

.mygods-earning {
  margin: 4.5rem 0;
  --rule-accent: #fb3c8e;
}

.mygods-earning-heading {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: flex-end;
  justify-content: space-between;
  padding: clamp(1.5rem, 5vw, 3rem);
  border: 1px solid rgba(251, 60, 142, 0.22);
  border-radius: 1.75rem;
  background:
    radial-gradient(circle at 90% 10%, rgba(251, 60, 142, 0.22), transparent 34%),
    linear-gradient(135deg, #19151a, #101013 65%);
}

.mygods-earning-copy {
  position: relative;
  z-index: 1;
}

.mygods-earning-heading h2 {
  max-width: 650px;
  margin: 0.2rem 0 1rem;
  font-size: clamp(2.2rem, 8vw, 5rem);
  line-height: 0.95;
  letter-spacing: -0.055em;
}

.mygods-earning-intro {
  max-width: 640px;
  margin: 0;
  color: #b8b8c0;
  font-size: clamp(0.95rem, 2vw, 1.08rem);
  line-height: 1.65;
}

.mygods-earning-mark {
  display: none;
}

.mygods-earning-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem;
  margin-top: 1rem;
}

.mygods-earning-card {
  position: relative;
  display: flex;
  overflow: hidden;
  min-height: 205px;
  flex-direction: column;
  padding: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 1.4rem;
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--rule-accent) 20%, transparent), transparent 42%),
    #141417;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.mygods-earning-card::after {
  position: absolute;
  right: -2rem;
  bottom: -3.4rem;
  width: 9rem;
  height: 9rem;
  border: 1px solid color-mix(in srgb, var(--rule-accent) 24%, transparent);
  border-radius: 50%;
  content: '';
}

.mygods-earning-card--daily-login { --rule-accent: #fb3c8e; }
.mygods-earning-card--login-streak-7 { --rule-accent: #f97316; }
.mygods-earning-card--video-complete { --rule-accent: #a855f7; }
.mygods-earning-card--first-video-complete { --rule-accent: #facc15; }
.mygods-earning-card--early-comment { --rule-accent: #38bdf8; }
.mygods-earning-card--invite-confirmed { --rule-accent: #4ade80; }

.mygods-card-topline {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.mygods-rule-icon {
  display: grid;
  width: 3.25rem;
  height: 3.25rem;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--rule-accent) 36%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--rule-accent) 13%, #101013);
  color: var(--rule-accent);
  font-size: 0.9rem;
  font-weight: 950;
  letter-spacing: -0.03em;
}

.mygods-rule-value {
  padding: 0.48rem 0.7rem;
  border: 1px solid color-mix(in srgb, var(--rule-accent) 26%, transparent);
  border-radius: 999px;
  background: rgba(9, 9, 11, 0.54);
  color: var(--rule-accent);
  font-size: 1rem;
  font-weight: 950;
}

.mygods-rule-value small {
  font-size: 0.62rem;
  letter-spacing: 0.08em;
}

.mygods-rule-group {
  position: relative;
  z-index: 1;
  margin: 0 0 0.35rem;
  color: var(--rule-accent) !important;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.15em;
}

.mygods-earning-card h3 {
  position: relative;
  z-index: 1;
  margin: 0 0 0.45rem;
  font-size: clamp(1.25rem, 5vw, 1.55rem);
  letter-spacing: -0.025em;
}

.mygods-rule-description {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 28rem;
  color: #9f9fa8;
  font-size: 0.9rem;
  line-height: 1.5;
}

.mygods-rule-limit {
  position: relative;
  z-index: 1;
  width: fit-content;
  margin-top: auto;
  padding-top: 0.75rem;
  color: #71717a;
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.mygods-rule-link {
  position: relative;
  z-index: 1;
  width: fit-content;
  margin-top: auto;
  padding-top: 0.85rem;
  color: var(--rule-accent);
  font-size: 0.82rem;
  font-weight: 900;
  text-decoration: none;
}

.mygods-rule-link span {
  display: inline-block;
  transition: transform 180ms ease;
}

.mygods-rules-note {
  margin: 1.25rem 0 0;
  padding: 0 0.35rem;
  color: #71717a;
  font-size: 0.78rem;
  line-height: 1.5;
}

@media (min-width: 680px) {
  .mygods-earning-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mygods-earning-card {
    min-height: 225px;
    padding: 1.5rem;
  }
}

@media (min-width: 1080px) {
  .mygods-earning-mark {
    display: grid;
    min-width: 9rem;
    place-items: center;
    color: #fb3c8e;
  }

  .mygods-earning-mark span {
    font-size: 4.5rem;
    font-weight: 950;
    letter-spacing: -0.12em;
    line-height: 1;
  }

  .mygods-earning-mark small {
    margin-top: 0.5rem;
    font-size: 0.65rem;
    font-weight: 900;
    letter-spacing: 0.25em;
  }

  .mygods-earning-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (hover: hover) {
  .mygods-earning-card {
    transition: border-color 180ms ease, transform 180ms ease;
  }

  .mygods-earning-card:hover {
    border-color: color-mix(in srgb, var(--rule-accent) 40%, transparent);
    transform: translateY(-3px);
  }

  .mygods-rule-link:hover span {
    transform: translateX(4px);
  }
}

.mygods-empty {
  padding: 2rem;
  border: 1px dashed rgba(255, 255, 255, 0.15);
  border-radius: 1.2rem;
  color: #a1a1aa;
  text-align: center;
}

.mygods-empty strong {
  display: block;
  margin-bottom: 0.5rem;
  color: #fafafa;
}

.mygods-transactions {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 1.2rem;
  background: #141417;
}

.mygods-transactions article {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 1.4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.mygods-transactions time {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.75rem;
}

.mygods-amount {
  font-size: 1.35rem;
  font-weight: 900;
}

.mygods-amount--positive {
  color: #86efac;
}

.mygods-amount--negative {
  color: #fda4af;
}

.shop-page,
.shop-product-page,
.shop-manage-page {
  padding: 3rem clamp(1.25rem, 7vw, 7rem) 8rem;
}

.shop-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: 2rem;
  align-items: center;
  margin-bottom: 4rem;
}

.shop-hero > div > p:last-child,
.shop-list-heading + p,
.shop-order-form-wrap > div > p:last-child {
  color: #a1a1aa;
  line-height: 1.65;
}

.shop-wallet {
  display: grid;
  padding: 1.5rem;
  border: 1px solid rgba(251, 60, 142, 0.35);
  border-radius: 1.4rem;
  background: linear-gradient(145deg, rgba(251, 60, 142, 0.22), #141417);
  color: #fff;
  text-decoration: none;
}

.shop-wallet strong {
  color: #fb3c8e;
  font-size: 3.4rem;
  letter-spacing: -0.06em;
}

.shop-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.shop-product-card {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.4rem;
  background: #141417;
}

.shop-product-card > a {
  display: block;
  height: 100%;
  color: #fff;
  text-decoration: none;
}

.shop-product-image {
  position: relative;
  display: grid;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  place-items: center;
  background: radial-gradient(circle, rgba(251, 60, 142, 0.26), transparent 55%), #0d0d10;
  color: #fb3c8e;
  font-size: 3rem;
  font-weight: 950;
}

.shop-product-image img,
.shop-product-detail-image img,
.shop-product-image-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shop-product-image small {
  position: absolute;
  bottom: 0.8rem;
  left: 0.8rem;
  border-radius: 999px;
  padding: 0.45rem 0.65rem;
  background: rgba(9, 9, 11, 0.82);
  color: #fff;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
}

.shop-product-copy {
  padding: 1.25rem;
}

.shop-product-copy h2 {
  margin-bottom: 0.45rem;
  font-size: 1.35rem;
}

.shop-product-copy p {
  display: -webkit-box;
  overflow: hidden;
  color: #a1a1aa;
  font-size: 0.88rem;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.shop-product-copy > strong,
.shop-price {
  color: #fb3c8e;
  font-size: 1.2rem;
}

.shop-empty {
  display: grid;
  gap: 0.8rem;
  justify-items: center;
  padding: 4rem 1rem;
  border: 1px dashed rgba(255, 255, 255, 0.15);
  border-radius: 1.4rem;
  color: #a1a1aa;
  text-align: center;
}

.shop-product-detail {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(0, 1fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: center;
}

.shop-product-detail-image {
  display: grid;
  overflow: hidden;
  aspect-ratio: 1;
  place-items: center;
  border-radius: 1.6rem;
  background: #141417;
  color: #fb3c8e;
  font-size: 5rem;
  font-weight: 950;
}

.shop-product-detail-copy h1 {
  font-size: clamp(3rem, 7vw, 6rem);
}

.shop-product-detail-copy > p:not(.eyebrow) {
  color: #b4b4bc;
  line-height: 1.7;
  white-space: pre-line;
}

.shop-product-detail-copy > small {
  display: block;
  margin-top: 0.75rem;
  color: #71717a;
}

.shop-order-form-wrap {
  margin-top: 4rem;
  padding: clamp(1.25rem, 5vw, 3rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.5rem;
  background: #141417;
}

.shop-order-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}

.shop-order-form label,
.shop-order-update label,
.shop-settings-grid label {
  display: grid;
  gap: 0.45rem;
  color: #d4d4d8;
  font-size: 0.82rem;
  font-weight: 850;
}

.shop-order-form input,
.shop-order-form select,
.shop-order-form textarea,
.shop-order-update input,
.shop-order-update select,
.shop-order-update textarea,
.shop-settings-grid input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 0.8rem;
  padding: 0.9rem;
  background: #09090b;
  color: #fff;
  font: inherit;
}

.shop-manager-panel,
.shop-manager-panel > form { display: grid; gap: 1rem; }
.shop-manager-list { display: grid; gap: .7rem; padding-top: 1rem; border-top: 1px solid #303038; }
.shop-manager-list h3, .shop-manager-list p { margin: 0; }
.shop-manager-list article { display: flex; gap: 1rem; align-items: center; justify-content: space-between; padding: .9rem; border-radius: 14px; background: #0b0b0f; }
.shop-manager-list article div { display: grid; gap: .25rem; min-width: 0; }
.shop-manager-list article span { color: #a9a9b4; font-size: .84rem; overflow-wrap: anywhere; }
.shop-manager-remove { border: 1px solid #733447; border-radius: 999px; padding: .65rem .9rem; background: transparent; color: #ff799f; font-weight: 800; cursor: pointer; white-space: nowrap; }
.shop-manager-remove:hover { background: #3a1521; }
.muted-text { color: #a9a9b4; }

.shop-cart-link { display:inline-flex; gap:.55rem; align-items:center; color:#fff; font-size:.8rem; font-weight:850; text-decoration:none; }
.shop-cart-link strong { display:grid; min-width:1.6rem; height:1.6rem; place-items:center; border-radius:50%; background:#fb3c8e; }
.continue-shopping-button { display:inline-flex; width:fit-content; align-items:center; padding:.75rem 1rem; border:1px solid rgba(255,255,255,.2); border-radius:999px; background:#17171c; color:#fff; font-size:.78rem; font-weight:850; text-decoration:none; }
.continue-shopping-button:hover { border-color:#fb3c8e; background:#21151c; }
.cart-added-toast { display:flex; gap:1.5rem; align-items:center; justify-content:space-between; margin:0 0 1.5rem; padding:1rem 1.2rem; border:1px solid rgba(251,60,142,.45); border-radius:1rem; background:linear-gradient(135deg,rgba(251,60,142,.2),#141417); }
.cart-added-toast div { display:grid; gap:.2rem; }
.cart-added-toast small { color:#c4c4cc; }
.cart-added-toast a { flex:0 0 auto; color:#ff68a5; font-weight:900; text-decoration:none; }
.shop-cart-page { width:min(1180px,calc(100% - 2rem)); margin:auto; padding:3rem 0 1rem; }
.cart-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:1.5rem; align-items:start; }
.cart-items { display:grid; gap:.8rem; }
.cart-item { display:grid; grid-template-columns:90px minmax(0,1fr) auto auto; gap:1rem; align-items:center; padding:1rem; border:1px solid #303038; border-radius:1.2rem; background:#141417; }
.cart-item-image { overflow:hidden; aspect-ratio:4/3; border-radius:.75rem; background:#09090b; }
.cart-item-image img { width:100%; height:100%; object-fit:cover; }
.cart-item h2 { margin:0 0 .25rem; font-size:1rem; }
.cart-item p { margin:0; color:#a1a1aa; font-size:.8rem; }
.cart-item form { display:grid; gap:.3rem; }
.cart-item input { width:65px; padding:.55rem; border:1px solid #3f3f46; border-radius:.6rem; background:#09090b; color:#fff; }
.cart-item button { cursor:pointer; border:0; background:transparent; color:#ff6fa8; font-weight:800; }
.cart-summary { display:grid; gap:.65rem; position:sticky; top:1rem; padding:1.3rem; border-radius:1.2rem; background:#fb3c8e; color:#fff; }
.cart-summary strong { font-size:2.2rem; }
.cart-summary small { color:rgba(255,255,255,.8); line-height:1.45; }
.partner-notice { margin:2rem 0; padding:clamp(1.3rem,3vw,2rem); border-left:4px solid #fb3c8e; border-radius:0 1.2rem 1.2rem 0; background:#17171c; }
.partner-notice span { color:#fb3c8e; font-size:.7rem; font-weight:900; text-transform:uppercase; }
.partner-notice h2 { margin:.35rem 0 .6rem; }
.partner-notice p { max-width:800px; margin:0; color:#d4d4d8; line-height:1.6; }
.store-decision { display:grid; grid-template-columns:minmax(240px,.75fr) minmax(280px,1fr); overflow:hidden; margin:2rem 0; border:1px solid #303038; border-radius:1.5rem; background:#141417; }
.store-card-photo { min-height:280px; background:radial-gradient(circle,#512039,#111); }
.store-card-photo img { width:100%; height:100%; object-fit:cover; }
.store-card-copy { padding:clamp(1.4rem,4vw,2.5rem); }
.store-address { color:#fff; font-size:1.1rem; white-space:pre-line; }
.store-links { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; margin:1rem 0; }
.store-links a:not(.primary-button) { color:#fff; }
.store-map { width:100%; min-height:280px; border:0; grid-column:1/-1; filter:grayscale(.2) invert(.92) hue-rotate(175deg); }
.checkout-panel { display:grid; grid-template-columns:minmax(220px,.6fr) minmax(0,1.4fr); gap:2rem; margin:2rem 0; padding:clamp(1.3rem,4vw,2.5rem); border:1px solid #303038; border-radius:1.5rem; background:#101014; }
.delivery-choices { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
.delivery-choices label { cursor:pointer; display:flex; gap:.7rem; padding:1rem; border:1px solid #3f3f46; border-radius:1rem; background:#17171c; }
.delivery-choices label:has(input:checked) { border-color:#fb3c8e; background:rgba(251,60,142,.12); }
.delivery-choices span { display:grid; gap:.25rem; }
.delivery-choices small { color:#a1a1aa; }
.carrier-address { display:grid; grid-template-columns:1fr 1fr; gap:1rem; padding:1rem; border-radius:1rem; background:#17171c; }
.carrier-address[hidden] { display:none; }
.partner-consent { display:flex!important; grid-template-columns:auto 1fr!important; gap:.7rem; align-items:start; }
.partner-consent input { width:auto!important; margin-top:.25rem; }
.store-settings-panel { margin:1.5rem 0; padding:clamp(1.2rem,3vw,2rem); border:1px solid #303038; border-radius:1.5rem; background:#141417; }
.store-settings-panel > form { display:grid; grid-template-columns:260px minmax(0,1fr); gap:2rem; margin-top:1.5rem; }
.store-settings-photo { display:grid; gap:.8rem; align-content:start; }
.store-photo-preview { display:grid; overflow:hidden; aspect-ratio:16/9; place-items:center; border-radius:1rem; background:#09090b; color:#71717a; }
.store-photo-preview img { width:100%; height:100%; object-fit:cover; }
.store-settings-fields { display:grid; gap:1rem; }
.store-settings-fields > div { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.store-settings-fields label { display:grid; gap:.4rem; font-weight:800; }
.store-settings-fields input,.store-settings-fields textarea { width:100%; padding:.85rem; border:1px solid #3f3f46; border-radius:.8rem; background:#09090b; color:#fff; font:inherit; }
.order-items-panel { margin:1.5rem 0; padding:1.5rem; border:1px solid #303038; border-radius:1.4rem; background:#141417; }
.order-items-panel > div { display:grid; gap:.7rem; }
.order-items-panel article { display:grid; grid-template-columns:70px 1fr; gap:1rem; align-items:center; padding:.75rem; border-radius:.8rem; background:#09090b; }
.order-items-panel img { width:70px; aspect-ratio:4/3; object-fit:cover; border-radius:.5rem; }
.order-items-panel article div { display:grid; gap:.2rem; }
.order-items-panel small,.order-items-panel span { color:#a1a1aa; }
.member-order-items { margin:.6rem 0; padding-left:1.1rem; color:#d4d4d8; }
.order-total { display:flex; justify-content:space-between; padding:1rem; border-radius:.8rem; background:#09090b; }

@media (max-width: 560px) {
  .shop-manager-list article { align-items: stretch; flex-direction: column; }
  .shop-manager-remove { width: 100%; }
}

/* Liga Malaika */
.league-preview {
  display: flex;
  min-height: 190px;
  align-self: stretch;
  justify-content: space-between;
  flex-direction: column;
  padding: 2rem;
  border: 1px solid rgba(251,60,142,.35);
  border-radius: 1.5rem;
  background: radial-gradient(circle at 90% 10%, rgba(251,60,142,.28), transparent 42%), linear-gradient(145deg, #1b151c, #111114);
  color: #fff;
  text-decoration: none;
}
.league-preview-label { color: #ff78ad; font-size: .7rem; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.league-preview strong { display: block; margin: .55rem 0 .15rem; font-size: clamp(3rem,6vw,5rem); line-height: 1; letter-spacing: -.07em; }
.league-preview small { color: #b4b4bd; line-height: 1.4; }
.league-preview-action { display: flex; align-items: center; justify-content: space-between; margin-top: 1.25rem; color: #fff; font-size: .82rem; font-weight: 900; }
.league-preview-action b { color: #fb3c8e; font-size: 1.4rem; }
.league-preview:hover { border-color: #fb3c8e; transform: translateY(-2px); }

.mygods-league-feature {
  position: relative;
  display: grid;
  overflow: hidden;
  grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr);
  gap: clamp(2rem,5vw,5rem);
  align-items: end;
  margin: -2rem 0 4rem;
  padding: clamp(1.5rem,5vw,3.5rem);
  border: 1px solid rgba(251,60,142,.42);
  border-radius: 1.75rem;
  background: radial-gradient(circle at 82% 20%,rgba(251,60,142,.32),transparent 32%), linear-gradient(125deg,#1d151d,#111114 62%);
  color: #fff;
  box-shadow: 0 2rem 5rem rgba(0,0,0,.3);
}
.mygods-league-feature::after { position: absolute; right: -4rem; bottom: -6rem; width: 17rem; height: 17rem; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; content: ''; }
.mygods-league-copy { position: relative; z-index: 1; }
.mygods-league-copy h2 { margin: .25rem 0 1.25rem; font-size: clamp(3rem,7vw,6rem); line-height: .9; letter-spacing: -.065em; }
.mygods-league-copy > p:not(.eyebrow) { max-width: 620px; margin: 1.25rem 0 0; color: #b4b4bd; line-height: 1.5; }
.mygods-league-position { display: flex; gap: clamp(1.5rem,5vw,4rem); }
.mygods-league-position > span { display: grid; gap: .15rem; }
.mygods-league-position small { color: #a1a1aa; font-size: .68rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.mygods-league-position strong { font-size: clamp(2.2rem,5vw,4rem); line-height: 1; letter-spacing: -.05em; }
.mygods-league-position em { color: #ff78ad; font-size: .7rem; font-style: normal; letter-spacing: 0; }
.mygods-league-button { display: inline-flex; gap: 2rem; align-items: center; justify-content: space-between; margin-top: 1.7rem; padding: .95rem 1.2rem; border-radius: 999px; background: #fb3c8e; color: #fff; font-size: .85rem; font-weight: 950; text-decoration: none; box-shadow: 0 .8rem 2rem rgba(251,60,142,.3); }
.mygods-league-button:hover { background: #ff559d; transform: translateY(-2px); }
.mygods-league-button span { font-size: 1.3rem; }
.mygods-mini-podium { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .6rem; align-items: end; }
.mygods-mini-leader { display: grid; min-width: 0; justify-items: center; padding: 1rem .45rem; border: 1px solid rgba(255,255,255,.1); border-radius: 1.15rem; background: rgba(14,14,17,.78); text-align: center; backdrop-filter: blur(8px); }
.mygods-mini-leader--1 { min-height: 210px; padding-top: 1.4rem; border-color: rgba(251,60,142,.5); order: 2; }
.mygods-mini-leader--2 { order: 1; }.mygods-mini-leader--3 { order: 3; }
.mygods-mini-rank { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; margin-bottom: .5rem; border-radius: 50%; background: rgba(251,60,142,.16); color: #ff78ad; font-size: .72rem; font-weight: 950; }
.mygods-mini-avatar { display: grid; overflow: hidden; width: clamp(2.8rem,6vw,4.4rem); height: clamp(2.8rem,6vw,4.4rem); place-items: center; margin-bottom: .65rem; border: 2px solid rgba(251,60,142,.42); border-radius: 50%; background: #302431; font-weight: 950; }
.mygods-mini-avatar img { width: 100%; height: 100%; object-fit: cover; }
.mygods-mini-leader > strong { overflow: hidden; width: 100%; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.mygods-mini-leader > small { margin-top: .2rem; color: #ff78ad; font-size: .68rem; font-weight: 850; }
.mygods-mini-podium-empty { display: grid; grid-column: 1 / -1; gap: .35rem; padding: 2rem; border: 1px solid rgba(255,255,255,.1); border-radius: 1.25rem; background: rgba(14,14,17,.72); text-align: center; }
.mygods-mini-podium-empty small { color: #a1a1aa; }

.ranking-page { width: min(100%, 1280px); margin: 0 auto; padding: 3rem clamp(1.25rem,6vw,4rem) 8rem; }
.ranking-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,330px); gap: 2rem; align-items: end; }
.ranking-hero h1 { margin: .25rem 0 1rem; font-size: clamp(3.6rem,9vw,7rem); line-height: .9; letter-spacing: -.07em; }
.ranking-hero > div > p:last-child { max-width: 680px; color: #a1a1aa; font-size: 1.05rem; line-height: 1.55; }
.ranking-current { display: grid; padding: 1.5rem; border: 1px solid rgba(251,60,142,.35); border-radius: 1.5rem; background: radial-gradient(circle at top right,rgba(251,60,142,.3),transparent 55%),#141417; }
.ranking-current span,.ranking-current small { color: #d4d4d8; }
.ranking-current strong { margin: .35rem 0; color: #fb3c8e; font-size: 4.2rem; line-height: 1; letter-spacing: -.08em; }
.ranking-periods { display: inline-grid; grid-auto-flow: column; gap: .3rem; margin: 3rem 0 2rem; padding: .35rem; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: #141417; }
.ranking-periods a { padding: .7rem 1.1rem; border-radius: 999px; color: #a1a1aa; font-size: .8rem; font-weight: 900; text-decoration: none; }
.ranking-periods a.is-active { background: #fb3c8e; color: #fff; }
.ranking-podium { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; align-items: end; margin: 1rem 0 3rem; }
.ranking-podium-card { position: relative; display: grid; justify-items: center; padding: 1.5rem 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: 1.5rem; background: #141417; text-align: center; }
.ranking-podium-card--1 { min-height: 270px; padding-top: 2rem; border-color: rgba(251,60,142,.48); background: radial-gradient(circle at top,rgba(251,60,142,.24),transparent 48%),#171318; order: 2; }
.ranking-podium-card--2 { order: 1; }.ranking-podium-card--3 { order: 3; }
.ranking-medal { position: absolute; top: .8rem; left: .9rem; display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: rgba(251,60,142,.14); color: #ff78ad; font-weight: 950; }
.ranking-avatar { display: grid; overflow: hidden; width: 5.5rem; height: 5.5rem; place-items: center; margin: .5rem 0 .8rem; border: 2px solid rgba(251,60,142,.5); border-radius: 50%; background: #2b222c; font-size: 1.8rem; font-weight: 950; }
.ranking-avatar img { width: 100%; height: 100%; object-fit: cover; }
.ranking-podium-card > small { color: #71717a; font-size: .7rem; font-weight: 850; }
.ranking-podium-card h2 { overflow: hidden; max-width: 100%; margin: .25rem 0 .8rem; font-size: 1.15rem; text-overflow: ellipsis; white-space: nowrap; }
.ranking-podium-card > strong { color: #fb3c8e; font-size: 1.6rem; }.ranking-podium-card > strong small { font-size: .65rem; }
.ranking-board { overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 1.5rem; background: #141417; }
.ranking-board-heading { display: flex; gap: 1rem; align-items: end; justify-content: space-between; padding: 1.5rem; border-bottom: 1px solid rgba(255,255,255,.08); }
.ranking-board-heading h2 { margin: .2rem 0 0; }.ranking-board-heading > small { color: #71717a; }
.ranking-board ol { margin: 0; padding: 0; list-style: none; }
.ranking-board li { display: grid; grid-template-columns: 2.5rem 3rem minmax(0,1fr) auto; gap: 1rem; align-items: center; padding: .85rem 1.5rem; border-bottom: 1px solid rgba(255,255,255,.065); }
.ranking-board li:last-child { border-bottom: 0; }.ranking-board li.is-current { background: rgba(251,60,142,.1); box-shadow: inset 3px 0 #fb3c8e; }
.ranking-number { color: #71717a; font-size: 1.15rem; font-weight: 950; text-align: center; }
.ranking-avatar--small { width: 2.75rem; height: 2.75rem; margin: 0; font-size: .85rem; }
.ranking-name,.ranking-score { display: grid; gap: .1rem; }.ranking-name small,.ranking-score small { color: #71717a; font-size: .68rem; }
.ranking-score { justify-items: end; }.ranking-score strong { color: #fb3c8e; font-size: 1.2rem; }
.ranking-footnote { margin: 1rem 0 0; color: #71717a; font-size: .72rem; text-align: center; }
.member-avatar-wrap{position:relative;display:inline-grid;width:max-content;place-items:center}.member-distinction-badges{position:absolute;z-index:8;top:-.4rem;left:-.5rem;display:flex;gap:.18rem;pointer-events:none}.member-distinction{display:grid;width:1.2rem;height:1.2rem;place-items:center;border:2px solid #111;border-radius:50%;font-size:.62rem;font-weight:950;line-height:1;box-shadow:0 2px 7px #0009}.member-distinction--champion{background:linear-gradient(145deg,#fff0a3,#d99b05);color:#302000}.member-distinction--elite{background:linear-gradient(145deg,#f4f4f5,#9ca3af);color:#27272a}.member-distinction--mobilizer{background:linear-gradient(145deg,#ff8bb8,#e72f7a);font-size:.58rem}.app-bottom-nav .member-avatar-wrap{width:1.75rem;height:1.75rem}.app-bottom-nav .member-distinction-badges{top:-.3rem;left:-.55rem}.app-bottom-nav .member-distinction{width:.9rem;height:.9rem;border-width:1px;font-size:.47rem}.ranking-months{display:flex;overflow-x:auto;gap:.45rem;margin:2.2rem 0 1.4rem;padding-bottom:.35rem;scrollbar-width:thin}.ranking-months a{flex:0 0 auto;padding:.7rem 1rem;border:1px solid #34343c;border-radius:999px;background:#141417;color:#aaa;font-size:.75rem;font-weight:900;text-decoration:none}.ranking-months a.is-active{border-color:#fb3c8e;background:#fb3c8e;color:#fff}.ranking-section-heading{margin:1.5rem 0 .8rem}.ranking-section-heading h2{margin:.2rem 0;font-size:clamp(1.8rem,5vw,3rem)}.ranking-podium-card em{margin-top:.8rem;padding:.35rem .55rem;border-radius:999px;background:#facc1518;color:#facc15;font-size:.65rem;font-style:normal;font-weight:900}.league-close-message{padding:.8rem 1rem;border:1px solid #22c55e55;border-radius:.8rem;background:#22c55e12;color:#86efac;font-weight:850}.league-close-form{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding:1rem;border:1px solid #f59e0b55;border-radius:1rem;background:#f59e0b0d}.league-close-form div{display:grid;gap:.2rem}.league-close-form small{color:#aaa}.league-close-form button{border:0;border-radius:.7rem;padding:.75rem 1rem;background:#fb3c8e;color:#fff;font-weight:900;cursor:pointer}.invitation-ranking{overflow:hidden;margin-top:1.5rem;border:1px solid #ffffff1a;border-radius:1.5rem;background:#141417}.invitation-ranking ol{margin:0;padding:0;list-style:none}.invitation-ranking li{display:grid;grid-template-columns:2.5rem 3rem minmax(0,1fr) auto auto;gap:1rem;align-items:center;padding:.85rem 1.5rem;border-top:1px solid #ffffff10}.invitation-ranking li>em{padding:.3rem .5rem;border-radius:99px;background:#fb3c8e22;color:#ff78ad;font-size:.62rem;font-style:normal;font-weight:900}.ranking-empty-inline{margin:0;padding:1.4rem;color:#888;text-align:center}
@media(max-width:640px){.league-close-form{align-items:stretch;flex-direction:column}.invitation-ranking li{grid-template-columns:1.8rem 2.5rem minmax(0,1fr) auto;gap:.6rem;padding:.8rem}.invitation-ranking li>em{grid-column:3/-1;justify-self:start}.member-distinction-badges{left:-.35rem}}
.club-hub-distinction-label{display:inline-flex!important;width:max-content;margin:.2rem .3rem 0 0;padding:.28rem .5rem;border:1px solid #fb3c8e55;border-radius:999px;background:#fb3c8e12;color:#ff7caf!important;font-size:.64rem!important;font-weight:900}
.ranking-empty { padding: 3rem; border: 1px solid rgba(255,255,255,.1); border-radius: 1.5rem; background: #141417; text-align: center; }.ranking-empty strong { font-size: 1.5rem; }.ranking-empty p { color: #a1a1aa; }

@media (max-width: 720px) {
  .ranking-page { padding-top: 2rem; }
  .ranking-hero { grid-template-columns: 1fr; }
  .ranking-current { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
  .ranking-current strong { grid-row: 1 / 3; grid-column: 2; font-size: 3.2rem; }
  .ranking-podium { grid-template-columns: 1fr 1fr; }
  .ranking-podium-card--1 { grid-column: 1 / -1; grid-row: 1; min-height: 0; order: initial; }
  .ranking-podium-card--2,.ranking-podium-card--3 { order: initial; }
  .ranking-board-heading { align-items: start; flex-direction: column; }
  .ranking-board li { grid-template-columns: 1.8rem 2.5rem minmax(0,1fr) auto; gap: .65rem; padding: .8rem; }
  .ranking-avatar--small { width: 2.35rem; height: 2.35rem; }
  .ranking-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mygods-league-feature { grid-template-columns: 1fr; margin-top: -2.5rem; }
  .mygods-mini-podium { margin-top: .5rem; }
}

@media (max-width: 420px) {
  .ranking-podium { grid-template-columns: 1fr; }
  .ranking-podium-card--1 { grid-column: auto; }
  .ranking-board li { grid-template-columns: 1.5rem 2.35rem minmax(0,1fr); }
  .ranking-score { grid-column: 3; justify-items: start; grid-auto-flow: column; justify-content: start; gap: .3rem; }
  .ranking-score small { align-self: end; padding-bottom: .15rem; }
  .mygods-league-position { justify-content: space-between; }
  .mygods-league-button { display: flex; width: 100%; }
}

/* Gestão de Malaikos e moderação */
.moderation-page { width: min(100%,1400px); margin: 0 auto; }
.moderation-page .admin-heading > div > p:last-child { max-width: 720px; color: #a1a1aa; }
.member-search { display: flex; gap: .7rem; margin: 0 0 2rem; }
.member-search input { min-width: 0; flex: 1; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; padding: .95rem 1.25rem; background: #141417; color: #fff; font: inherit; }
.member-search input:focus { border-color: #fb3c8e; outline: 0; }
.member-search button,.member-search a { border: 0; border-radius: 999px; padding: .9rem 1.25rem; background: #fb3c8e; color: #fff; font: inherit; font-size: .82rem; font-weight: 900; text-decoration: none; cursor: pointer; }
.member-search a { background: #27272a; }
.moderation-list { display: grid; gap: .65rem; }
.moderation-member-card { display: grid; grid-template-columns: 3rem minmax(0,1.4fr) minmax(180px,.7fr) auto 1.5rem; gap: 1rem; align-items: center; padding: .9rem 1rem; border: 1px solid rgba(255,255,255,.08); border-radius: 1.15rem; background: #141417; color: #fff; text-decoration: none; }
.moderation-member-card:hover { border-color: rgba(251,60,142,.5); transform: translateX(2px); }
.moderation-member-main,.moderation-member-metrics { display: grid; gap: .2rem; min-width: 0; }.moderation-member-main small { overflow: hidden; color: #71717a; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.moderation-member-metrics { grid-auto-flow: column; justify-content: start; gap: 1.2rem; color: #a1a1aa; }.moderation-member-metrics b { color: #fff; }
.moderation-status { width: fit-content; border-radius: 999px; padding: .42rem .7rem; font-size: .65rem; font-weight: 950; white-space: nowrap; }
.moderation-status--active { background: rgba(74,222,128,.12); color: #86efac; }.moderation-status--banned { background: rgba(248,113,113,.13); color: #fda4af; }.moderation-status--founder { background: rgba(251,60,142,.16); color: #ff78ad; }
.moderation-card-arrow { color: #fb3c8e; font-size: 1.2rem; }
.moderation-empty { padding: 1.5rem; border-radius: 1rem; background: rgba(255,255,255,.035); color: #a1a1aa; text-align: center; }
.moderation-profile { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 1.5rem; align-items: center; margin-bottom: 2rem; padding: clamp(1.4rem,4vw,2.5rem); border: 1px solid rgba(251,60,142,.25); border-radius: 1.6rem; background: radial-gradient(circle at 90% 10%,rgba(251,60,142,.2),transparent 30%),#141417; }
.moderation-profile-avatar { width: 6rem; height: 6rem; margin: 0; font-size: 2rem; }.moderation-profile h1 { margin: .2rem 0; font-size: clamp(2.2rem,6vw,4.5rem); line-height: .95; }.moderation-profile p:last-child { color: #a1a1aa; }
.moderation-facts { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: .7rem; margin-bottom: 3rem; }.moderation-facts article { display: grid; gap: .4rem; padding: 1rem; border: 1px solid rgba(255,255,255,.08); border-radius: 1rem; background: #141417; }.moderation-facts span { color: #71717a; font-size: .68rem; font-weight: 850; text-transform: uppercase; }.moderation-facts strong { overflow-wrap: anywhere; font-size: .85rem; }
.moderation-actions,.moderation-history,.moderation-comments,.moderation-mygods { margin: 2rem 0; padding: clamp(1.25rem,4vw,2.5rem); border: 1px solid rgba(255,255,255,.09); border-radius: 1.5rem; background: #141417; }.moderation-actions > div > p:last-child { color: #a1a1aa; }.moderation-actions h2 { margin: .25rem 0 .5rem; }
.admin-wallet-preview,.admin-wallet-list { display:grid; gap:.55rem; }.admin-wallet-preview article,.admin-wallet-list article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.8rem; padding:.8rem; border-radius:1rem; background:rgba(255,255,255,.035); }.admin-wallet-preview article>div,.admin-wallet-list article>div { display:grid; gap:.18rem; min-width:0; }.admin-wallet-preview small,.admin-wallet-list small { color:#8c8c96; overflow-wrap:anywhere; }.admin-wallet-amount { min-width:4.5rem; color:#86efac; font-size:1.05rem; font-weight:950; }.admin-wallet-amount.is-debit { color:#fda4af; }
.admin-wallet-hero { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:1.25rem; align-items:center; margin-bottom:2rem; padding:clamp(1.25rem,4vw,2rem); border:1px solid rgba(251,60,142,.25); border-radius:1.5rem; background:radial-gradient(circle at 90% 10%,rgba(251,60,142,.2),transparent 35%),#141417; }.admin-wallet-hero h1 { margin:.15rem 0; font-size:clamp(2.2rem,6vw,4.5rem); }.admin-wallet-balance { display:grid; justify-items:end; }.admin-wallet-balance span,.admin-wallet-balance small { color:#a1a1aa; }.admin-wallet-balance strong { color:#fb3c8e; font-size:clamp(2.3rem,6vw,4rem); }
.admin-wallet-adjustment { margin:2rem 0; border:1px solid rgba(251,60,142,.3); border-radius:1.2rem; background:#141417; overflow:hidden; }.admin-wallet-adjustment summary { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.2rem; cursor:pointer; list-style:none; }.admin-wallet-adjustment summary>span:first-child { display:grid; gap:.2rem; }.admin-wallet-adjustment summary small { color:#a1a1aa; }.admin-wallet-adjustment form { display:grid; grid-template-columns:minmax(180px,.45fr) minmax(0,1fr) auto; gap:.8rem; align-items:end; padding:1.2rem; border-top:1px solid rgba(255,255,255,.08); }.admin-wallet-adjustment label { display:grid; gap:.35rem; color:#d4d4d8; font-size:.72rem; font-weight:850; }.admin-wallet-adjustment input { min-width:0; padding:.85rem; border:1px solid rgba(255,255,255,.12); border-radius:.85rem; background:#09090b; color:#fff; font:inherit; }.admin-wallet-adjustment button { padding:.9rem 1rem; border:0; border-radius:999px; background:#fb3c8e; color:#fff; font-weight:900; cursor:pointer; }.admin-wallet-filters .content-admin-filters { margin:0; padding:1.2rem; border-top:1px solid rgba(255,255,255,.08); }.admin-wallet-statement { margin-top:2rem; }.admin-wallet-running { display:grid; justify-items:end; }.admin-wallet-running small { font-size:.58rem; }.admin-wallet-running b { color:#fff; }
@media(max-width:640px){.admin-wallet-hero { grid-template-columns:auto minmax(0,1fr); }.admin-wallet-balance { grid-column:1/-1; justify-items:start; }.admin-wallet-adjustment form { grid-template-columns:1fr; }.admin-wallet-list article,.admin-wallet-preview article { grid-template-columns:auto minmax(0,1fr); }.admin-wallet-running { grid-column:2; justify-items:start; }}
.moderation-sanction-form { display: grid; grid-template-columns: 1fr .7fr; gap: 1rem; margin-top: 1.5rem; }.moderation-sanction-form label { display: grid; gap: .45rem; color: #d4d4d8; font-size: .78rem; font-weight: 850; }.moderation-sanction-form input,.moderation-sanction-form select,.moderation-sanction-form textarea,.moderation-lift input { width: 100%; border: 1px solid rgba(255,255,255,.13); border-radius: .85rem; padding: .9rem; background: #09090b; color: #fff; font: inherit; }.moderation-sanction-form textarea { min-height: 110px; resize: vertical; }.moderation-sanction-form small { color: #71717a; font-weight: 500; }.moderation-reason { grid-column: 1 / -1; }
.moderation-danger-button { width: fit-content; border: 0; border-radius: 999px; padding: .9rem 1.2rem; background: #dc2626; color: #fff; font: inherit; font-weight: 900; cursor: pointer; }.moderation-danger-button:hover { background: #ef4444; }
.moderation-lift { display: grid; grid-template-columns: minmax(0,1fr) minmax(180px,.6fr) auto; gap: 1rem; align-items: center; margin-top: 1.5rem; padding: 1rem; border: 1px solid rgba(248,113,113,.25); border-radius: 1rem; background: rgba(127,29,29,.12); }.moderation-lift p { margin: .25rem 0 0; color: #fda4af; font-size: .78rem; }.moderation-lift button,.moderation-comment-list button { border: 0; border-radius: 999px; padding: .75rem 1rem; background: #fff; color: #18181b; font: inherit; font-size: .75rem; font-weight: 900; cursor: pointer; }
.moderation-founder-lock { margin: 2rem 0; padding: 1.5rem; border: 1px solid rgba(251,60,142,.25); border-radius: 1.25rem; background: rgba(251,60,142,.08); }.moderation-founder-lock strong { color: #ff78ad; }.moderation-founder-lock p { margin: .35rem 0 0; color: #a1a1aa; }
.moderation-timeline { display: grid; gap: 1rem; }.moderation-timeline article { display: grid; grid-template-columns: 2.5rem minmax(0,1fr); gap: 1rem; }.moderation-history-icon { display: grid; width: 2.3rem; height: 2.3rem; place-items: center; border-radius: 50%; background: rgba(251,60,142,.14); color: #ff78ad; font-weight: 950; }.moderation-timeline p { margin: .25rem 0; color: #d4d4d8; }.moderation-timeline small { color: #71717a; }.moderation-timeline em { display: block; margin-top: .45rem; color: #86efac; font-size: .72rem; font-style: normal; }
.moderation-comment-list { display: grid; gap: .65rem; }.moderation-comment-list article { display: flex; gap: 1rem; align-items: center; justify-content: space-between; padding: 1rem; border-radius: 1rem; background: #0d0d10; }.moderation-comment-list article.is-hidden { opacity: .48; }.moderation-comment-list p { margin: .35rem 0; color: #d4d4d8; overflow-wrap: anywhere; }.moderation-comment-list small { color: #71717a; }.moderation-comment-list button { color: #b91c1c; white-space: nowrap; }

@media (max-width: 900px) {
  .moderation-member-card { grid-template-columns: 3rem minmax(0,1fr) auto; }.moderation-member-metrics { grid-column: 2; grid-auto-flow: column; justify-content: start; }.moderation-status { grid-row: 1; grid-column: 3; }.moderation-card-arrow { display: none; }
  .moderation-facts { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .member-search { flex-wrap: wrap; }.member-search input { flex-basis: 100%; }
  .moderation-member-card { grid-template-columns: 2.6rem minmax(0,1fr); }.moderation-member-card > .ranking-avatar { grid-row: 1 / 3; }.moderation-status { grid-row: 2; grid-column: 2; }.moderation-member-metrics { display: none; }
  .moderation-profile { grid-template-columns: auto minmax(0,1fr); }.moderation-profile-avatar { width: 4rem; height: 4rem; }.moderation-profile > .moderation-status { grid-column: 1 / -1; }
  .moderation-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .moderation-sanction-form { grid-template-columns: 1fr; }.moderation-reason { grid-column: auto; }.moderation-danger-button { width: 100%; }
  .moderation-lift { grid-template-columns: 1fr; }.moderation-comment-list article { align-items: stretch; flex-direction: column; }.moderation-comment-list button { width: 100%; }
}

@media (max-width:720px) {
  .cart-layout,.store-decision,.checkout-panel,.store-settings-panel > form { grid-template-columns:1fr; }
  .cart-item { grid-template-columns:75px 1fr; }
  .cart-item form { grid-column:auto; }
  .cart-summary { position:static; }
  .delivery-choices,.carrier-address,.store-settings-fields > div { grid-template-columns:1fr; }
  .cart-added-toast { align-items:stretch; flex-direction:column; gap:.8rem; }
  .cart-added-toast a { padding-top:.7rem; border-top:1px solid rgba(255,255,255,.1); }
}

@media (max-width: 720px) {
  .malaika-tv-feature { min-height: 430px; }
  .malaika-tv-feature-copy { width: 100%; justify-content: flex-end; padding-top: 5rem; }
  .malaika-tv-live { position: absolute; top: 1.25rem; left: 1.25rem; }
  .malaika-tv-feature-glow { background: linear-gradient(0deg, rgba(8,8,11,.98) 0%, rgba(8,8,11,.82) 42%, rgba(8,8,11,.08) 82%), radial-gradient(circle at 70% 15%, rgba(251,60,142,.32), transparent 45%); }
  .malaika-tv-feature-copy h2 { font-size: clamp(2.3rem, 12vw, 4rem); }
}

.shop-order-form textarea,
.shop-order-update textarea {
  min-height: 130px;
  resize: vertical;
}

.shop-order-list {
  display: grid;
  gap: 0.85rem;
}

.shop-order-row {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 1.1rem;
  background: #141417;
}

.shop-order-row.is-new {
  border-color: rgba(74, 222, 128, 0.5);
}

.shop-order-row h2 {
  margin: 0.3rem 0;
}

.shop-order-row > div:last-child {
  display: grid;
  gap: 0.65rem;
  justify-items: end;
}

.shop-order-status {
  width: fit-content;
  border-radius: 999px;
  padding: 0.4rem 0.65rem;
  background: rgba(56, 189, 248, 0.12);
  color: #7dd3fc;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shop-order-status--delivered { background: rgba(74, 222, 128, 0.12); color: #86efac; }
.shop-order-status--cancelled { background: rgba(251, 113, 133, 0.12); color: #fda4af; }

.shop-delivery-message {
  margin-top: 1rem;
  padding: 1rem;
  border-left: 3px solid #fb3c8e;
  background: rgba(251, 60, 142, 0.06);
}

.shop-delivery-upload {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr);
  gap: 2rem;
  align-items: center;
  margin: 1.5rem 0;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid #303038;
  border-radius: 24px;
  background: linear-gradient(135deg, #18181d, #101014);
}

.shop-delivery-upload form { display: grid; gap: .85rem; }
.shop-file-picker { display: grid; gap: .65rem; font-weight: 800; }
.shop-file-picker input { padding: .85rem; border: 1px dashed #5a5a67; border-radius: 14px; background: #09090c; color: #fff; }
.shop-download-link { display: inline-flex; margin-top: .75rem; color: #ff3a8c; font-weight: 800; text-decoration: none; }
#deliveryFileMessage { margin: 0; color: #a9a9b4; font-size: .9rem; }
#deliveryFileMessage.is-error { color: #ff6b7c; }

@media (max-width: 720px) {
  .shop-delivery-upload { grid-template-columns: 1fr; gap: 1.25rem; }
}

.shop-manage-page .admin-content-list {
  margin-top: 4rem;
}

.shop-settings-grid,
.shop-order-admin-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 3rem;
}

.shop-settings-grid form,
.shop-order-customer,
.shop-order-update,
.shop-order-history {
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.2rem;
  background: #141417;
}

.shop-settings-grid form,
.shop-order-update form {
  display: grid;
  gap: 1rem;
}

.shop-order-heading h1 {
  font-size: clamp(2.8rem, 7vw, 6rem);
}

.shop-order-customer dl {
  display: grid;
  grid-template-columns: minmax(90px, auto) 1fr;
  gap: 0.8rem 1.5rem;
}

.shop-order-customer dt { color: #71717a; }
.shop-order-customer dd { margin: 0; white-space: pre-line; }

.commission-box {
  display: grid;
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 0.9rem;
  background: rgba(74, 222, 128, 0.07);
}

.commission-box strong { color: #86efac; font-size: 1.8rem; }

.shop-order-history {
  display: grid;
  gap: 0.75rem;
  margin-top: 1rem;
}

.shop-order-history article {
  padding: 1rem;
  border-left: 2px solid rgba(251, 60, 142, 0.4);
  background: rgba(255, 255, 255, 0.025);
}

.shop-order-history article p { margin: 0.3rem 0; color: #a1a1aa; }

.shop-product-image-editor {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 1.5rem;
  align-items: center;
}

.shop-product-image-preview {
  display: grid;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  place-items: center;
  border-radius: 1rem;
  background: #09090b;
  color: #71717a;
  text-align: center;
}

#productImageMessage.is-error { color: #fda4af; }

.product-cropper {
  display: grid;
  gap: 1.25rem;
  justify-items: center;
  padding: clamp(1rem, 4vw, 2rem);
  border: 1px solid rgba(251, 60, 142, 0.25);
  border-radius: 1.4rem;
  background: #0d0d10;
}

.product-cropper[hidden] { display: none; }
.product-crop-stage { position: relative; overflow: hidden; width: min(100%, 520px); aspect-ratio: 4 / 3; cursor: grab; border: 2px solid rgba(255,255,255,.85); border-radius: 1rem; background: #09090b; touch-action: none; user-select: none; }
.product-crop-stage.is-dragging { cursor: grabbing; }
.product-crop-stage canvas { display: block; width: 100%; height: 100%; }
.product-crop-stage::after { position: absolute; inset: 0; border: 1px solid rgba(251,60,142,.7); box-shadow: inset 0 0 0 1px rgba(0,0,0,.5); content: ''; pointer-events: none; }
.product-cropper .avatar-zoom, .product-crop-confirm { width: min(100%, 520px); }

.mygods-toast {
  position: fixed;
  z-index: 1200;
  top: max(1rem, env(safe-area-inset-top));
  right: max(1rem, env(safe-area-inset-right));
  display: flex;
  gap: 1rem;
  align-items: center;
  min-width: min(360px, calc(100vw - 2rem));
  padding: 1rem 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 1.2rem;
  background: linear-gradient(135deg, #fb3c8e, #be185d);
  color: #fff;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.55);
  pointer-events: none;
  animation: mygods-toast-life 5.2s ease forwards;
}

.mygods-toast-coin {
  display: grid;
  flex: 0 0 3.2rem;
  width: 3.2rem;
  height: 3.2rem;
  place-items: center;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  background: rgba(9, 9, 11, 0.25);
  font-size: 0.85rem;
  font-weight: 1000;
  animation: mygods-coin-pop 700ms cubic-bezier(0.2, 1.6, 0.4, 1);
}

.mygods-toast strong {
  font-size: 1.25rem;
}

.mygods-toast p {
  margin: 0.15rem 0;
  font-size: 0.85rem;
  font-weight: 800;
}

.mygods-toast small {
  color: rgba(255, 255, 255, 0.8);
}

@keyframes mygods-toast-life {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem) scale(0.94);
  }
  10%,
  82% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(-0.5rem) scale(0.98);
    visibility: hidden;
  }
}

@keyframes mygods-coin-pop {
  from {
    transform: rotate(-20deg) scale(0.2);
  }
  to {
    transform: rotate(0) scale(1);
  }
}

.admin-heading h1,
.admin-form-heading h1 {
  margin-bottom: 0;
  font-size: clamp(3rem, 7vw, 6rem);
}

.admin-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 4rem 0;
}

.admin-stats article,
.admin-stats > a {
  display: grid;
  gap: 0.4rem;
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 1.2rem;
  background: #141417;
}

.admin-stats > a {
  color: inherit;
  text-decoration: none;
  transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}

.admin-stats > a:hover {
  border-color: rgba(251, 60, 142, 0.55);
  background: #19171b;
  transform: translateY(-2px);
}

.admin-stats strong {
  color: #fb3c8e;
  font-size: 2.5rem;
}

.admin-stats span {
  color: #a1a1aa;
}

.admin-stats small {
  margin-top: 0.55rem;
  color: #fb3c8e;
  font-weight: 800;
}

.admin-push-health { margin: -2rem 0 4rem; border: 1px solid rgba(255,255,255,.09); border-radius: 1.2rem; background: #141417; overflow: hidden; }
.admin-push-health summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; cursor: pointer; list-style: none; }
.admin-push-health summary::-webkit-details-marker { display: none; }
.admin-push-health summary > span:first-child { display: grid; gap: .2rem; }
.admin-push-health summary small { color: #a1a1aa; }
.admin-push-health-body { padding: 0 1.2rem 1.2rem; border-top: 1px solid rgba(255,255,255,.07); }
.admin-push-health-counts { display: flex; align-items: center; gap: 1rem; padding: 1rem 0; color: #a1a1aa; font-size: .75rem; }
.admin-push-health-counts span { display: flex; align-items: baseline; gap: .25rem; }
.admin-push-health-counts b { color: #fff; font-size: 1.2rem; }
.admin-push-health-counts small { margin-left: auto; color: #71717a; }
.admin-push-log { display: grid; gap: .5rem; }
.admin-push-log article { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: .7rem; padding: .7rem; border-radius: .8rem; background: rgba(255,255,255,.035); }
.admin-push-log article > div { display: grid; gap: .15rem; min-width: 0; }
.admin-push-log small { overflow-wrap: anywhere; color: #8c8c96; }
.push-log-status { padding: .28rem .5rem; border-radius: 999px; font-size: .58rem; font-weight: 900; }
.push-log-status--sent { background: rgba(34,197,94,.14); color: #86efac; }
.push-log-status--failed { background: rgba(239,68,68,.14); color: #fca5a5; }
.push-log-status--skipped { background: rgba(234,179,8,.14); color: #fde68a; }

.admin-comments-page { scroll-margin-top: 1rem; }
.admin-comment-search { margin: 2rem 0 3rem; }
.admin-comment-filter-panel { margin: 2rem 0 3rem; border: 1px solid rgba(255,255,255,.09); border-radius: 1.2rem; background: #141417; overflow: hidden; }
.admin-comment-filter-panel summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.25rem; cursor: pointer; list-style: none; }
.admin-comment-filter-panel summary::-webkit-details-marker { display: none; }
.admin-comment-filter-panel summary > span:first-child { display: grid; gap: .18rem; }
.admin-comment-filter-panel summary b { color: #fff; }
.admin-comment-filter-panel summary small { color: #a1a1aa; }
.admin-comment-filter-toggle { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 999px; background: rgba(251,60,142,.13); color: #fb3c8e; font-size: 1.25rem; font-weight: 900; transition: transform 160ms ease; }
.admin-comment-filter-panel[open] .admin-comment-filter-toggle { transform: rotate(180deg); }
.admin-comment-filters { margin: 0; padding: 0 1.25rem 1.25rem; border-top: 1px solid rgba(255,255,255,.07); grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-comment-filters .content-search-field { grid-column: span 2; }
.admin-comment-filters input { width: 100%; }
.admin-comment-heading { margin-bottom: 1rem; }
.admin-comment-list { display: grid; gap: 0.85rem; }
.admin-comment-card { padding: 1.25rem; border: 1px solid rgba(255,255,255,.09); border-radius: 1.2rem; background: #141417; }
.admin-comment-author { display: flex; align-items: center; gap: .8rem; }
.admin-comment-author > div { display: grid; gap: .15rem; }
.admin-comment-author a { color: #fff; text-decoration: none; }
.admin-comment-author a small, .admin-comment-author time { color: #a1a1aa; font-size: .75rem; }
.admin-comment-body { margin: 1rem 0; color: #f4f4f5; white-space: pre-wrap; overflow-wrap: anywhere; }
.admin-comment-card footer { display: flex; align-items: center; gap: .7rem; padding-top: .85rem; border-top: 1px solid rgba(255,255,255,.07); }
.admin-comment-card footer > a { margin-right: auto; color: #fb3c8e; font-weight: 800; text-decoration: none; }
.admin-comment-card footer span { color: #a1a1aa; font-size: .72rem; }
.admin-comment-card footer button { padding: .55rem .8rem; border: 1px solid rgba(255,90,110,.45); border-radius: 999px; background: transparent; color: #ff8b9a; font-weight: 800; cursor: pointer; }
.admin-content-list .admin-table-action { display: flex; justify-content: flex-end; gap: .7rem; }

@media (max-width: 640px) {
  .admin-push-health-counts { align-items: flex-start; flex-wrap: wrap; }
  .admin-push-health-counts small { width: 100%; margin-left: 0; }
  .admin-comment-filters { grid-template-columns: 1fr; }
  .admin-comment-filters .content-search-field { grid-column: auto; }
  .admin-comment-card footer { align-items: flex-start; flex-wrap: wrap; }
  .admin-comment-card footer > a { width: 100%; }
}

.admin-content-list {
  margin-top: 3rem;
  scroll-margin-top: 1rem;
}

.content-status-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 1.25rem 0 0.8rem;
}

.content-status-filters a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.72rem 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.9rem;
  background: #141417;
  color: #a1a1aa;
  font-size: 0.78rem;
  font-weight: 850;
  text-decoration: none;
}

.content-status-filters a span {
  display: grid;
  min-width: 1.55rem;
  height: 1.55rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  background: #27272a;
  color: #d4d4d8;
  font-size: 0.65rem;
  place-items: center;
}

.content-status-filters a.is-active {
  border-color: rgba(251, 60, 142, 0.45);
  background: rgba(251, 60, 142, 0.12);
  color: #fff;
}

.content-status-filters a.is-active span {
  background: #fb3c8e;
  color: #fff;
}

.content-admin-filters {
  display: grid;
  grid-template-columns: minmax(15rem, 1.5fr) repeat(3, minmax(9rem, 0.75fr)) auto auto;
  gap: 0.65rem;
  align-items: end;
  margin-bottom: 1rem;
  padding: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 1rem;
  background: rgba(20, 20, 23, 0.8);
}

.content-admin-filters label {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
  color: #85858f;
  font-size: 0.68rem;
  font-weight: 800;
}

.content-admin-filters input,
.content-admin-filters select {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 0.75rem;
  padding: 0.72rem 0.8rem;
  background: #09090b;
  color: #fff;
  font: inherit;
  font-size: 0.78rem;
}

.content-admin-filters input:focus,
.content-admin-filters select:focus {
  border-color: #fb3c8e;
  outline: 0;
}

.content-admin-filters button,
.content-admin-filters > a,
.content-filter-empty a {
  border: 0;
  border-radius: 999px;
  padding: 0.75rem 0.95rem;
  background: #fb3c8e;
  color: #fff;
  font: inherit;
  font-size: 0.74rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.content-admin-filters > a {
  background: #27272a;
  color: #d4d4d8;
}

.content-filter-empty {
  padding: 3rem 1rem;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 1.2rem;
  color: #a1a1aa;
  text-align: center;
}

.content-filter-empty strong {
  color: #fff;
  font-size: 1.25rem;
}

.content-filter-empty p {
  margin-bottom: 1.4rem;
}

.content-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-top: 1rem;
}

.content-pagination a,
.content-pagination span {
  display: grid;
  min-width: 2.35rem;
  height: 2.35rem;
  padding: 0 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  background: #141417;
  color: #d4d4d8;
  font-size: 0.75rem;
  font-weight: 850;
  text-decoration: none;
  place-items: center;
}

.content-pagination a.is-active {
  border-color: #fb3c8e;
  background: #fb3c8e;
  color: #fff;
}

.admin-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 1.2rem;
}

.admin-table {
  width: 100%;
  border-collapse: collapse;
  background: #141417;
  text-align: left;
}

.admin-table th,
.admin-table td {
  padding: 1rem 1.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.admin-table th {
  color: #71717a;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-table td strong,
.admin-table td small {
  display: block;
}

.admin-table td small {
  margin-top: 0.3rem;
  color: #71717a;
}

.admin-table a {
  color: #f9a8d4;
  font-weight: 800;
}

.status {
  display: inline-block;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 900;
}

.status--published {
  background: rgba(34, 197, 94, 0.15);
  color: #86efac;
}

.status--draft {
  background: rgba(250, 204, 21, 0.12);
  color: #fde68a;
}

.status--archived {
  background: rgba(161, 161, 170, 0.14);
  color: #d4d4d8;
}

@media (max-width: 900px) {
  .content-admin-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .content-search-field {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .content-status-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .content-admin-filters {
    grid-template-columns: 1fr;
  }

  .content-search-field {
    grid-column: auto;
  }

  .admin-content-list .admin-table-wrap {
    overflow: visible;
    border: 0;
  }

  .admin-content-list .admin-table,
  .admin-content-list .admin-table tbody,
  .admin-content-list .admin-table tr,
  .admin-content-list .admin-table td {
    display: block;
    width: 100%;
  }

  .admin-content-list .admin-table thead {
    display: none;
  }

  .admin-content-list .admin-table {
    background: transparent;
  }

  .admin-content-list .admin-table tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    margin-bottom: 0.75rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 1rem;
    background: #141417;
  }

  .admin-content-list .admin-table td {
    padding: 0;
    border: 0;
    font-size: 0.82rem;
  }

  .admin-content-list .admin-table td::before {
    display: block;
    margin-bottom: 0.25rem;
    color: #71717a;
    content: attr(data-label);
    font-size: 0.6rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  .admin-content-list .admin-table td:nth-child(2),
  .admin-content-list .admin-table .admin-table-action {
    grid-column: 1 / -1;
  }

  .admin-content-list .admin-table .admin-table-action a {
    display: block;
    padding: 0.7rem;
    border-radius: 999px;
    background: rgba(251, 60, 142, 0.12);
    text-align: center;
  }
}

.admin-form-page {
  max-width: 1050px;
  margin: auto;
}

.admin-form-heading {
  margin-bottom: 2rem;
}

.admin-form-panel {
  max-width: none;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 1.2rem;
}

.field-span-2 {
  grid-column: 1 / -1;
}

.admin-form-panel textarea,
.admin-form-panel select {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 0.8rem;
  outline: none;
  padding: 0.9rem 1rem;
  background: #09090b;
  color: #fafafa;
  font: inherit;
}

.admin-form-panel textarea {
  min-height: 130px;
  resize: vertical;
}

.admin-form-panel label span {
  color: #71717a;
  font-weight: 400;
}

.admin-form-actions {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
  margin-top: 2rem;
}

.admin-form-actions .submit-button {
  margin-top: 0;
}

h2 {
  font-size: clamp(2rem, 5vw, 4rem);
  letter-spacing: -0.05em;
}

.card {
  min-height: 260px;
  padding: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 1.5rem;
  background: linear-gradient(145deg, rgba(251, 60, 142, 0.2), rgba(255, 255, 255, 0.04));
}

.card-number {
  color: #f9a8d4;
  font-weight: 900;
}

.card h3 {
  margin: 4rem 0 0.5rem;
  font-size: 1.7rem;
}

.card p {
  color: #d4d4d8;
  line-height: 1.6;
}

@media (max-width: 720px) {
  .header-actions {
    gap: 0.45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .header-actions .back-link {
    font-size: 0.7rem;
  }

  .avatar-editor {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .avatar-editor-copy {
    align-items: center;
  }

  .profile-form > .submit-button {
    width: 100%;
  }

  .shop-hero,
  .shop-product-detail,
  .shop-order-form,
  .shop-settings-grid,
  .shop-order-admin-grid,
  .shop-product-image-editor {
    grid-template-columns: 1fr;
  }

  .shop-product-grid {
    grid-template-columns: 1fr;
  }

  .shop-order-row {
    align-items: stretch;
    flex-direction: column;
  }

  .shop-order-row > div:last-child {
    justify-items: start;
  }

  .shop-order-customer dl {
    grid-template-columns: 1fr;
  }

  .shop-order-customer dd {
    margin-bottom: 0.75rem;
  }

  .content {
    grid-template-columns: 1fr;
  }

  .login-button {
    padding-inline: 0.9rem;
    font-size: 0.85rem;
  }

  .section-heading {
    display: block;
  }

  .content-count {
    display: inline-block;
    margin-top: 0.8rem;
  }

  .video-grid {
    grid-template-columns: 1fr;
  }

  .back-link {
    font-size: 0.78rem;
  }

  .watch-layout,
  .comments-section,
  .auth-page,
  .member-hero,
  .community-panel,
  .mygods-hero,
  .mygods-stats,
  .mygods-earning-grid {
    grid-template-columns: 1fr;
  }

  .admin-heading-actions,
  .mygod-rule-heading,
  .mygod-rule-fields {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-heading-actions.admin-action-panel { display: grid; width: 100%; }
  .admin-quick-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-quick-actions a { min-height: 70px; }

  .invited-list {
    grid-column: auto;
  }

  .watch-page {
    padding-top: 1rem;
  }

  .comments-section {
    margin-top: 4rem;
  }

  .composer-footer,
  .comment-header {
    align-items: stretch;
    flex-direction: column;
  }

  .comment-replies,
  .reply-composer {
    margin-left: 0.7rem;
  }

  .admin-heading {
    align-items: start;
    flex-direction: column;
  }

  .admin-stats,
  .form-grid {
    grid-template-columns: 1fr;
  }

  .field-span-2 {
    grid-column: auto;
  }
}

@media (min-width: 721px) and (max-width: 1050px) {
  .video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.offline-card {
  text-align: center;
}

.offline-card img {
  margin-bottom: 1rem;
  border-radius: 1.5rem;
}

.pwa-install-button {
  position: fixed;
  z-index: 1000;
  right: max(1rem, env(safe-area-inset-right));
  bottom: max(1rem, env(safe-area-inset-bottom));
  display: flex;
  gap: 0.55rem;
  align-items: center;
  padding: 0.85rem 1.15rem;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  background: #fb3c8e;
  color: #fff;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.5);
}

.pwa-install-button:hover {
  background: #e11d73;
}

.pwa-install-button:disabled {
  opacity: 0.65;
  cursor: wait;
}
/* Navegação principal com comportamento de aplicação instalada. */
.app-bottom-nav-space { height: calc(86px + env(safe-area-inset-bottom)); }

.app-bottom-nav {
  position: fixed;
  z-index: 1100;
  right: 50%;
  bottom: max(.75rem, env(safe-area-inset-bottom));
  display: grid;
  width: min(720px, calc(100% - 1.5rem));
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  padding: .48rem;
  transform: translateX(50%);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 1.35rem;
  background: rgba(18,18,22,.94);
  box-shadow: 0 18px 55px rgba(0,0,0,.48);
  backdrop-filter: blur(18px);
}

.app-bottom-nav a {
  position: relative;
  display: grid;
  min-width: 0;
  gap: .28rem;
  justify-items: center;
  padding: .48rem .25rem;
  border-radius: 1rem;
  color: #92929e;
  font-size: .68rem;
  font-weight: 800;
  text-decoration: none;
  transition: color .18s ease, background .18s ease, transform .18s ease;
}

.app-bottom-nav a:hover { color: #fff; transform: translateY(-1px); }
.app-bottom-nav a.is-active { background: rgba(251,60,142,.14); color: #ff4c98; }
.app-bottom-nav a.is-active::after { position: absolute; bottom: .18rem; width: 1.1rem; height: 2px; border-radius: 999px; background: #fb3c8e; content: ''; }
.app-nav-icon, .app-nav-avatar { display: grid; width: 1.75rem; height: 1.75rem; place-items: center; border-radius: 50%; font-size: 1.3rem; font-weight: 950; line-height: 1; }
.app-bottom-nav a > span:last-child { width: 100%; min-height: 1.35rem; text-align: center; line-height: 1.15; }
.app-nav-arcade svg { width: 1.45rem; height: 1.45rem; }
.app-nav-coin { border: 1px solid currentColor; font-size: .54rem; }
.app-nav-avatar { overflow: hidden; background: #303038; color: #fff; font-size: .75rem; }
.app-nav-avatar { position: relative; }
.app-nav-avatar img { position: absolute; inset: 0; }
.app-nav-avatar img { width: 100%; height: 100%; object-fit: cover; }
.app-nav-message { position: relative; font-size: 1rem; }
.app-nav-message b { position: absolute; top: -.3rem; right: -.45rem; display: grid; min-width: 1.15rem; height: 1.15rem; place-items: center; border: 2px solid #121216; border-radius: 999px; padding: 0 .2rem; background: #fb3c8e; color: #fff; font-size: .52rem; }

/* Tasca dos Malaikos */
.tasca-page{width:min(760px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.tasca-heading{padding:1rem 0 1.75rem}.tasca-heading h1,.tasca-compose h1{margin:.2rem 0 .5rem;font-size:clamp(2rem,8vw,3.4rem)}.tasca-heading p{max-width:560px;color:#c4c4ca}.tasca-heading .primary-button{margin-top:.7rem}.tasca-tabs{display:flex;gap:.5rem;margin:0 0 1.2rem;border-bottom:1px solid rgba(255,255,255,.12)}.tasca-tabs a{padding:.8rem 1rem;color:#aaa;text-decoration:none;font-weight:800}.tasca-tabs .is-active{color:#fff;border-bottom:2px solid #fb3c8e}.tasca-feed{display:grid;gap:1rem}.tasca-card,.tasca-post,.tasca-comments,.tasca-compose form,.tasca-admin-list article{border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;background:#17171b}.tasca-card-main{display:block;padding:1rem 1rem .2rem;color:inherit;text-decoration:none}.tasca-card header,.tasca-post>header{display:flex;align-items:center;gap:.7rem}.tasca-card header div,.tasca-post>header div{display:grid;gap:.08rem}.tasca-card small,.tasca-post small,.tasca-comment small{color:#a1a1aa}.tasca-card em,.tasca-post em{margin-left:auto;border:1px solid #a16207;border-radius:99px;padding:.25rem .55rem;color:#fcd34d;font-size:.7rem;font-style:normal;font-weight:900}.tasca-card-main>p,.tasca-post>p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.tasca-cover{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:.85rem;margin:.75rem 0}.tasca-card footer,.tasca-post footer{display:flex;gap:.5rem;padding:.65rem 1rem;border-top:1px solid rgba(255,255,255,.07)}.tasca-card footer a,.tasca-like,.tasca-close{border:0;background:transparent;color:#bbb;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;padding:.35rem}.tasca-like.is-liked{color:#fb3c8e}.tasca-card b,.tasca-like b{font-size:.75rem}.tasca-empty{padding:3rem 1rem;text-align:center;color:#aaa}.tasca-compose form{display:grid;gap:1rem;padding:1rem}.tasca-compose label{display:grid;gap:.45rem;font-weight:800}.tasca-compose textarea,.tasca-comment textarea{min-height:150px;resize:vertical;border:1px solid #444;border-radius:.8rem;background:#0f0f12;color:#fff;padding:.9rem;font:inherit}.tasca-cover-preview{max-width:100%;max-height:350px;border-radius:.75rem}.tasca-help{margin:0;color:#aaa;font-size:.85rem}.tasca-post{padding:1rem}.tasca-comments{margin-top:1rem;padding:1rem}.tasca-comments h2{margin-top:0}.tasca-comment-form{display:flex;gap:.65rem;margin-bottom:1.25rem}.tasca-comment-form textarea{min-height:3.25rem;flex:1}.tasca-comment-form button,.tasca-comment details button,.tasca-admin-list button{border:0;border-radius:.7rem;background:#fff;color:#111;padding:.65rem .8rem;font-weight:900;cursor:pointer}.tasca-comment-list{display:grid;gap:1rem}.tasca-comment{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.tasca-comment p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.tasca-comment details summary{cursor:pointer;color:#fb3c8e;font-weight:800}.tasca-comment details form{display:grid;gap:.5rem;margin-top:.55rem}.tasca-comment details textarea{min-height:90px}.tasca-comment--reply{margin:.8rem 0 0 1rem;padding:.75rem;border-left:2px solid #fb3c8e;background:rgba(255,255,255,.025)}.tasca-closed-note{color:#fcd34d}.tasca-admin-list{display:grid;gap:1rem}.tasca-admin-list article{padding:1rem}.tasca-admin-list p{white-space:pre-wrap}.tasca-admin-list form{display:flex;gap:.5rem;margin-top:.75rem}.tasca-admin-list input{flex:1;padding:.6rem;border-radius:.6rem;border:1px solid #555;background:#111;color:#fff}@media(max-width:600px){.tasca-page{width:min(100% - 1rem,760px);padding-top:1rem}.tasca-comment-form{display:grid}.tasca-card-main{padding:.85rem}.app-bottom-nav{overflow-x:auto;justify-content:flex-start}.app-bottom-nav a{min-width:64px;font-size:.58rem}}
.topbar-member-number { color: #a1a1aa; font-size: .75rem; font-weight: 850; letter-spacing: .04em; }
.profile-logout { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid rgba(255,255,255,.1); text-align: center; }
.profile-logout button { cursor: pointer; border: 0; background: transparent; color: #fda4af; font: inherit; font-size: .85rem; font-weight: 850; }
.profile-logout button:hover { color: #fff; }

@media (max-width: 560px) {
  .app-bottom-nav { right: 0; bottom: 0; width: 100%; transform: none; padding: .38rem .35rem calc(.38rem + env(safe-area-inset-bottom)); border-right: 0; border-bottom: 0; border-left: 0; border-radius: 1.15rem 1.15rem 0 0; }
  .app-bottom-nav-space { height: calc(78px + env(safe-area-inset-bottom)); }
  .app-bottom-nav a { font-size: .58rem; }
}

/* Mensagens privadas */
.chat-body { min-height: 100vh; background: radial-gradient(circle at 50% 0,rgba(251,60,142,.09),transparent 28%),#09090b; }
.chat-page { width: min(100%,980px); margin: 0 auto; padding: 2rem clamp(1rem,4vw,2rem) 7rem; }
.chat-heading { display: flex; gap: 1.25rem; align-items: center; margin-bottom: 1.5rem; }.chat-heading h1 { margin: .15rem 0 .25rem; font-size: clamp(2.2rem,6vw,4rem); line-height: .95; }.chat-heading p:last-child { color: #a1a1aa; }.chat-heading a { color: #ff78ad; font-size: .78rem; font-weight: 850; }
.chat-gato-avatar { display: grid; width: 5rem; height: 5rem; flex: 0 0 auto; place-items: center; border: 2px solid rgba(251,60,142,.5); border-radius: 50%; background: radial-gradient(circle at top,rgba(251,60,142,.45),transparent),#19151a; color: #fff; font-size: 1.1rem; font-weight: 950; }
.chat-shell { overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 1.6rem; background: #111114; box-shadow: 0 2rem 5rem rgba(0,0,0,.35); }
.chat-messages { display: flex; overflow-y: auto; height: min(62vh,680px); min-height: 420px; gap: .8rem; flex-direction: column; padding: clamp(1rem,4vw,2rem); scroll-behavior: smooth; }
.chat-message { display: flex; max-width: min(78%,680px); flex: 0 0 auto; align-self: flex-start; }.chat-message > div { padding: .8rem 1rem; border-radius: 1.15rem 1.15rem 1.15rem .25rem; background: #27272a; }.chat-message small { display: block; margin-bottom: .25rem; color: #a1a1aa; font-size: .62rem; font-weight: 850; }.chat-message p { margin: 0; color: #fff; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }.chat-message time { display: block; margin-top: .4rem; color: #71717a; font-size: .58rem; }
.chat-messages #fim { display: block; flex: 0 0 .35rem; }
.chat-message--mine { align-self: flex-end; }.chat-message--mine > div { border-radius: 1.15rem 1.15rem .25rem 1.15rem; background: #fb3c8e; }.chat-message--mine small,.chat-message--mine time { color: rgba(255,255,255,.72); }
.chat-message-meta { display: flex; align-items: center; justify-content: flex-end; gap: .35rem; margin-top: .4rem; }.chat-message-meta time { display: inline; margin-top: 0; }.chat-read-receipt { min-width: 1rem; color: rgba(255,255,255,.58); font-size: .72rem; font-weight: 950; letter-spacing: -.22em; line-height: 1; cursor: help; }.chat-read-receipt.is-read { color: #fff; text-shadow: 0 0 10px rgba(255,255,255,.35); }
.chat-message--moderation { width: min(100%,720px); max-width: 100%; gap: .8rem; align-self: center; padding: 1rem; border: 1px solid rgba(250,204,21,.28); border-radius: 1.15rem; background: rgba(113,63,18,.15); }.chat-message--moderation > div { flex: 1; padding: 0; background: transparent; }.chat-message--moderation small { color: #fde68a; font-size: .68rem; letter-spacing: .04em; text-transform: uppercase; }.chat-moderation-icon { display: grid; width: 2.1rem; height: 2.1rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #eab308; color: #18181b; font-weight: 950; }
.chat-empty { margin: auto; color: #a1a1aa; text-align: center; }.chat-empty strong { color: #fff; font-size: 1.3rem; }.chat-empty p { margin: .35rem 0; }
.chat-composer { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .7rem; padding: .8rem; border-top: 1px solid rgba(255,255,255,.09); background: #18181b; }.chat-composer textarea { min-height: 52px; max-height: 150px; resize: vertical; border: 1px solid rgba(255,255,255,.11); border-radius: 1rem; padding: .9rem 1rem; background: #09090b; color: #fff; font: inherit; }.chat-composer textarea:focus { border-color: #fb3c8e; outline: 0; }.chat-composer button { width: 3.25rem; height: 3.25rem; align-self: end; border: 0; border-radius: 50%; background: #fb3c8e; color: #fff; font-size: 1.1rem; cursor: pointer; }
.message-inbox { overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 1.5rem; background: #141417; }.inbox-thread { display: grid; grid-template-columns: 3rem minmax(0,1fr) auto; gap: 1rem; align-items: center; padding: 1rem 1.2rem; border-bottom: 1px solid rgba(255,255,255,.07); color: #fff; text-decoration: none; }.inbox-thread:last-child { border-bottom: 0; }.inbox-thread:hover,.inbox-thread.is-unread { background: rgba(251,60,142,.07); }.inbox-thread.is-unread { box-shadow: inset 3px 0 #fb3c8e; }.inbox-main { min-width: 0; }.inbox-main strong small { color: #71717a; font-size: .65rem; }.inbox-main p { overflow: hidden; margin: .25rem 0 0; color: #a1a1aa; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }.inbox-meta { display: grid; gap: .35rem; justify-items: end; }.inbox-meta time { color: #71717a; font-size: .62rem; }.inbox-meta b { display: grid; min-width: 1.35rem; height: 1.35rem; place-items: center; border-radius: 999px; background: #fb3c8e; font-size: .6rem; }
.message-starter { display: grid; grid-template-columns: minmax(220px,.65fr) minmax(0,1.35fr); gap: 2rem; align-items: center; margin-bottom: 1.25rem; padding: 1.5rem; border: 1px solid rgba(251,60,142,.28); border-radius: 1.35rem; background: radial-gradient(circle at 95% 0,rgba(251,60,142,.18),transparent 35%),#141417; }.message-starter h2 { margin: .15rem 0 .35rem; }.message-starter p:last-child { color: #a1a1aa; }.message-starter form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .7rem; }.message-starter select { min-width: 0; border: 1px solid rgba(255,255,255,.13); border-radius: .9rem; padding: .9rem; background: #09090b; color: #fff; font: inherit; }.message-starter button,.moderation-message-button { border: 0; border-radius: 999px; padding: .85rem 1.1rem; background: #fb3c8e; color: #fff; font: inherit; font-size: .78rem; font-weight: 900; text-decoration: none; cursor: pointer; }.moderation-message-button { display: inline-flex; width: fit-content; margin-top: .85rem; }
.message-picker-open { display: inline-flex; width: fit-content; align-items: center; justify-self: end; gap: .55rem; padding: .9rem 1.2rem !important; box-shadow: 0 .8rem 2rem rgba(251,60,142,.18); }.message-picker-open span { font-size: 1.1rem; }
.has-open-dialog { overflow: hidden; }
.message-picker { width: min(92vw,620px); max-width: none; max-height: min(82vh,760px); margin: auto; padding: 0; border: 1px solid rgba(255,255,255,.13); border-radius: 1.6rem; background: #111114; color: #fff; box-shadow: 0 2rem 7rem rgba(0,0,0,.75); }
.message-picker::backdrop { background: rgba(0,0,0,.72); backdrop-filter: blur(5px); }
.message-picker-shell { display: flex; max-height: min(82vh,760px); flex-direction: column; }
.message-picker header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.25rem .8rem; }
.message-picker h2 { margin: .15rem 0 0; font-size: 1.75rem; }
.message-picker-close { display: grid; width: 2.5rem; height: 2.5rem; flex: 0 0 auto; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; background: #232326; color: #fff; font-size: 1.5rem; cursor: pointer; }
.message-picker-search { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: .6rem; margin: 0 1.25rem; padding: 0 .9rem; border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; background: #09090b; color: #fb3c8e; }
.message-picker-search input { min-width: 0; padding: .9rem 0; border: 0; outline: 0; background: transparent; color: #fff; font: inherit; }
.message-picker-status { margin: .7rem 1.25rem; color: #8c8c96; font-size: .7rem; }
.message-picker-results { overflow-y: auto; min-height: 180px; padding: 0 .75rem .75rem; }
.message-picker-member { display: grid; grid-template-columns: 2.7rem minmax(0,1fr) auto; align-items: center; gap: .8rem; padding: .8rem; border-radius: 1rem; color: #fff; text-decoration: none; }
.message-picker-member:hover { background: rgba(251,60,142,.09); }
.message-picker-member-main { display: grid; min-width: 0; gap: .16rem; }
.message-picker-member-main strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.message-picker-member-main strong small { color: #8c8c96; font-size: .65rem; }
.message-picker-member-main > span { overflow: hidden; color: #a1a1aa; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.message-picker-member-main .message-picker-existing { width: fit-content; margin-top: .18rem; padding: .18rem .4rem; border-radius: 999px; background: rgba(251,60,142,.13); color: #ff78ad; font-size: .58rem; font-weight: 850; }
.message-picker-member > b { color: #fb3c8e; font-size: 1.5rem; }
.message-picker-more { margin: 0 1.25rem 1.25rem; padding: .8rem; border: 1px solid rgba(251,60,142,.35); border-radius: 999px; background: transparent; color: #ff78ad; font-weight: 850; cursor: pointer; }

@media (max-width: 560px) {
  .chat-page { padding: 1rem .65rem calc(76px + env(safe-area-inset-bottom)); }.chat-heading { padding: 0 .35rem; }.chat-gato-avatar,.chat-heading .moderation-profile-avatar { width: 3.6rem; height: 3.6rem; }.chat-messages { height: calc(100dvh - 230px - env(safe-area-inset-bottom)); min-height: 420px; padding: .85rem; }.chat-message { max-width: 88%; }.chat-message--moderation { max-width: 100%; }.chat-composer { position: static; bottom: auto; }.inbox-thread { grid-template-columns: 2.5rem minmax(0,1fr); padding: .9rem; }.inbox-meta { grid-column: 2; grid-auto-flow: column; justify-content: space-between; justify-items: start; }.message-starter { grid-template-columns: 1fr; gap: 1rem; }.message-starter form { grid-template-columns: 1fr; }.message-starter button { width: 100%; }.message-picker-open { justify-self: stretch; }.message-picker { width: 100%; max-height: min(84vh,760px); margin: auto 0 0; border-width: 1px 0 0; border-radius: 1.5rem 1.5rem 0 0; }.message-picker-shell { max-height: min(84vh,760px); padding-bottom: env(safe-area-inset-bottom); }.message-picker-member { padding: .75rem .55rem; }
}

/* Conversa mobile: apenas o histórico tem scroll; a resposta fica sempre visível. */
@media (max-width: 560px) {
  .chat-body { display: flex; overflow: hidden; height: var(--chat-viewport-height, 100dvh); min-height: 0; flex-direction: column; }
  .chat-body > .topbar { flex: 0 0 auto; }
  .chat-body > .chat-page { display: flex; min-height: 0; flex: 1 1 auto; flex-direction: column; padding: .55rem .65rem calc(.35rem + env(safe-area-inset-bottom)); }
  .chat-page > .chat-heading { flex: 0 0 auto; gap: .7rem; margin-bottom: .55rem; }
  .chat-heading h1 { margin: .08rem 0; font-size: 1.35rem; line-height: 1; }
  .chat-heading p:last-child { overflow: hidden; margin: .18rem 0 0; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
  .chat-heading .eyebrow { margin: 0; font-size: .58rem; }
  .chat-gato-avatar, .chat-heading .moderation-profile-avatar { width: 2.8rem; height: 2.8rem; }
  .chat-page > .form-errors { flex: 0 0 auto; margin: .2rem 0 .45rem; }
  .chat-shell { display: flex; overflow: hidden; min-height: 0; flex: 1 1 auto; flex-direction: column; border-radius: 1rem; }
  .chat-messages { overflow-y: auto; min-height: 0; height: auto; flex: 1 1 0; padding: .75rem; scroll-padding-bottom: .75rem; overscroll-behavior: contain; scroll-behavior: auto; }
  .chat-messages #fim { flex: 0 0 .35rem; }
  .chat-composer { position: relative; flex: 0 0 auto; width: 100%; margin: 0; padding: .55rem; border: 0; border-top: 1px solid rgba(255,255,255,.11); border-radius: 0; background: #18181b; }
  .chat-composer textarea { min-height: 46px; max-height: 112px; padding: .72rem .85rem; resize: none; }
  .chat-composer button { width: 2.9rem; height: 2.9rem; }
  .chat-body > .app-bottom-nav-space { display: none; }
  .chat-body > .app-bottom-nav { display: none; }
  .chat-body.chat-keyboard-open > .chat-page { padding-bottom: calc(.35rem + env(safe-area-inset-bottom)); }
}

/* Dispositivos e notificações na moderação */
.member-device-badges { display:flex; gap:.3rem; margin-top:.2rem; }.member-device-badges i { padding:.2rem .42rem; border:1px solid rgba(255,255,255,.1); border-radius:999px; color:#71717a; font-size:.55rem; font-style:normal; font-weight:900; }.member-device-badges i.is-on { border-color:rgba(74,222,128,.35); background:rgba(74,222,128,.1); color:#86efac; }
.member-device-panel { margin:1.5rem 0; padding:clamp(1rem,3vw,1.6rem); border:1px solid rgba(255,255,255,.1); border-radius:1.4rem; background:#141417; }.member-device-panel h2 { margin:.15rem 0 0; }.member-device-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; margin:1rem 0; }.member-device-summary article { display:grid; gap:.35rem; padding:1rem; border-radius:1rem; background:#0d0d10; }.member-device-summary span,.member-device-list small { color:#8c8c96; font-size:.68rem; }.member-device-summary strong { font-size:.95rem; }
.member-device-list { display:grid; gap:.55rem; }.member-device-list article { display:grid; grid-template-columns:2.6rem minmax(0,1fr) auto; gap:.8rem; align-items:center; padding:.85rem; border:1px solid rgba(255,255,255,.07); border-radius:1rem; background:rgba(255,255,255,.025); }.member-device-list article > div { display:grid; gap:.18rem; }.member-device-icon { display:grid; width:2.6rem; height:2.6rem; place-items:center; border-radius:.8rem; background:rgba(251,60,142,.12); color:#ff78ad; font-size:1.35rem; }.device-push-state { padding:.35rem .55rem; border-radius:999px; background:rgba(255,255,255,.06); color:#a1a1aa; font-size:.64rem; font-weight:900; }.device-push-state.is-on { background:rgba(74,222,128,.12); color:#86efac; }
@media (max-width:700px) { .member-device-summary { grid-template-columns:1fr; }.member-device-list article { grid-template-columns:2.4rem minmax(0,1fr); }.device-push-state { grid-column:2; width:fit-content; }.moderation-member-metrics .member-device-badges { justify-content:flex-end; } }
.preview-badge { position:absolute; left:.8rem; bottom:.8rem; z-index:2; padding:.4rem .65rem; border-radius:999px; background:rgba(8,8,10,.86); color:#fff; font-size:.68rem; font-weight:900; letter-spacing:.04em; text-transform:uppercase; backdrop-filter:blur(8px); }
.content-preview-settings { display:grid; gap:.7rem; padding:1rem; border:1px solid rgba(251,60,142,.25); border-radius:1rem; background:rgba(251,60,142,.05); }
.content-preview-heading { display:grid; gap:.2rem; }.content-preview-heading strong { color:#fff; font-size:1.05rem; }.content-preview-heading small { color:#b4b4bd; }
.public-preview-player { position:relative; overflow:hidden; }
.preview-stream-player,.youtube-preview-player { width:100%; height:100%; border:0; }
.preview-finale { position:absolute; inset:0; z-index:5; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; padding:clamp(1.25rem,5vw,3rem); text-align:center; background:radial-gradient(circle at top,#50112f 0,#09090b 72%); }
.preview-finale[hidden] { display:none; }
.preview-finale strong { max-width:21ch; color:#fff; font-size:clamp(1.65rem,4.5vw,3.4rem); line-height:1.02; letter-spacing:-.045em; }
.preview-login-link { color:#fff; font-weight:850; }
.preview-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-top:1.25rem; }
.preview-access-note { margin-top:1.25rem; padding:1rem; border-left:3px solid #fb3c8e; border-radius:0 .8rem .8rem 0; background:rgba(251,60,142,.08); color:#e5e5ea; font-weight:750; line-height:1.55; }
@media(max-width:640px){.preview-actions{align-items:stretch;flex-direction:column}.preview-actions .primary-button{text-align:center}}
.tree-summary-card { display:grid; gap:1.15rem; padding:clamp(1.1rem,3vw,1.6rem); border:1px solid rgba(251,60,142,.34); border-radius:1.4rem; color:#fff; text-decoration:none; background:linear-gradient(135deg,rgba(251,60,142,.13),rgba(255,255,255,.025)); transition:.2s ease; }
.tree-summary-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; }.tree-summary-heading h3 { margin:.25rem 0 0; font-size:clamp(1.4rem,3vw,2rem); }.tree-summary-heading>span { display:grid; width:3.3rem; height:3.3rem; place-items:center; border-radius:50%; background:#fb3c8e; font-size:1.15rem; font-weight:950; }
.tree-summary-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; }.tree-summary-stats>span { display:grid; gap:.25rem; padding:.8rem; border-radius:.9rem; background:rgba(255,255,255,.045); color:#aaaab4; font-size:.72rem; }.tree-summary-stats strong { color:#fff; font-size:1.25rem; }
.tree-summary-actions { display:grid; grid-template-columns:1fr; gap:.65rem; }.tree-summary-actions button,.tree-summary-actions a { display:flex; min-height:3.3rem; align-items:center; justify-content:center; gap:.6rem; padding:.8rem 1rem; border-radius:.95rem; font:inherit; font-weight:950; text-align:center; text-decoration:none; cursor:pointer; }.tree-open-button { border:1px solid #4a4a52; background:#222228; color:#fff; }.tree-open-button span { color:#fb3c8e; font-size:1.25rem; }
.member-tree-page { display:grid; gap:1.4rem; width:min(1120px,calc(100% - 2rem)); margin:0 auto; padding:clamp(2rem,6vw,5rem) 0 8rem; }
.member-tree-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:2rem; padding:clamp(1rem,3vw,2rem); }.member-tree-hero h1 { max-width:11ch; margin:.35rem 0 .8rem; font-size:clamp(3rem,7vw,6rem); line-height:.9; letter-spacing:-.07em; }.member-tree-hero p:not(.eyebrow) { max-width:58ch; color:#b4b4bd; line-height:1.6; }
.member-tree-total { display:grid; min-width:13rem; padding:1.25rem; border:1px solid rgba(251,60,142,.35); border-radius:1.3rem; background:rgba(251,60,142,.1); }.member-tree-total span,.member-tree-total small { color:#b4b4bd; }.member-tree-total strong { color:#fb3c8e; font-size:clamp(3rem,7vw,5rem); line-height:1; }
.tree-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }.tree-stat-grid a { display:grid; gap:.45rem; padding:1rem 1.1rem; border:1px solid #303036; border-radius:1rem; color:#b4b4bd; text-decoration:none; background:#151518; }.tree-stat-grid strong { color:#fff; font-size:1.8rem; }.tree-stat-grid a:hover { border-color:#fb3c8e; }
.tree-invite-card { max-width:none; }
.member-tree-results { display:grid; gap:1rem; padding:clamp(1rem,3vw,1.5rem); border:1px solid #303036; border-radius:1.4rem; background:#111114; }
.member-tree-results.is-loading { opacity:.55; pointer-events:none; transition:opacity .15s ease; }
.member-tree-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; }.member-tree-tabs a { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.8rem 1rem; border:1px solid #303036; border-radius:.9rem; color:#b4b4bd; text-decoration:none; font-weight:900; }.member-tree-tabs a.is-active { border-color:#fb3c8e; color:#fff; background:rgba(251,60,142,.12); }.member-tree-tabs span { display:grid; min-width:1.7rem; height:1.7rem; padding:0 .35rem; place-items:center; border-radius:999px; background:#28282d; font-size:.72rem; }.member-tree-tabs .is-active span { background:#fb3c8e; }
.member-tree-search { display:flex; gap:.55rem; }.member-tree-search-field { display:flex; flex:1; min-width:0; align-items:center; gap:.55rem; padding-left:.85rem; border:1px solid #3a3a42; border-radius:.9rem; background:#202025; color:#8f8f99; }.member-tree-search-field:focus-within { border-color:#fb3c8e; box-shadow:0 0 0 3px rgba(251,60,142,.1); }.member-tree-search-field>span { font-size:1.35rem; line-height:1; }.member-tree-search-field input { width:100%; min-width:0; padding:.8rem .85rem .8rem 0; border:0; outline:0; background:transparent; color:#fff; }.member-tree-search button,.member-tree-search a { display:grid; place-items:center; padding:.75rem 1rem; border:0; border-radius:.8rem; background:#fb3c8e; color:#fff; text-decoration:none; font-weight:900; cursor:pointer; }.member-tree-search a { background:#28282d; }.tree-search-arrow{display:none}
.tree-member-list { display:grid; gap:.55rem; }.tree-member-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.85rem; padding:.9rem; border-radius:1rem; background:#1a1a1f; }.tree-member-card>div { display:grid; gap:.18rem; min-width:0; }.tree-member-card small { color:#9696a1; overflow-wrap:anywhere; }.tree-member-card small b { color:#d5d5dc; }.tree-member-number { color:#fb3c8e; font-weight:950; }.tree-member-card form { grid-column:2/-1; }.tree-member-card form button { width:100%; padding:.7rem; border:1px solid rgba(251,60,142,.4); border-radius:.8rem; background:transparent; color:#ff78ad; font-weight:900; }.tree-member-card form button:disabled { border-color:#333; color:#777; }.tree-empty { padding:2rem; color:#9696a1; text-align:center; }
@media(max-width:640px){.tree-summary-stats,.tree-stat-grid{grid-template-columns:1fr}.tree-summary-actions{grid-template-columns:1fr}.member-tree-hero{grid-template-columns:1fr;padding-inline:0}.member-tree-total{min-width:0}.member-tree-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.member-tree-tabs a{min-width:0;flex-direction:column;justify-content:center;gap:.25rem;padding:.65rem .25rem;font-size:.72rem;line-height:1.1;text-align:center}.member-tree-tabs span{min-width:1.45rem;height:1.45rem}.member-tree-search{display:grid;grid-template-columns:minmax(0,1fr) 3.1rem}.member-tree-search button{padding:.7rem}.member-tree-search a{grid-column:1/-1;padding:.55rem;background:transparent;color:#aaaab4}.tree-search-label{display:none}.tree-search-arrow{display:inline;font-size:1.3rem}.tree-member-card{grid-template-columns:auto minmax(0,1fr)}.tree-member-number{grid-column:2}.tree-member-card form{grid-column:1/-1}}
.invite-guide {
  display: grid;
  gap: 1.15rem;
  padding: clamp(1.15rem, 3vw, 1.7rem);
  border: 1px solid rgba(251, 60, 142, .38);
  border-radius: 1.4rem;
  background: linear-gradient(145deg, rgba(251, 60, 142, .12), rgba(16, 16, 19, .96) 58%);
}

.invite-guide-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.invite-guide-heading h3 {
  max-width: 16ch;
  margin: .35rem 0 0;
  color: #fff;
  font-size: clamp(1.55rem, 4vw, 2.35rem);
  line-height: 1;
  letter-spacing: -.04em;
}

.invite-reward {
  display: grid;
  min-width: 4.4rem;
  padding: .7rem;
  place-items: center;
  border-radius: 1rem;
  background: #fb3c8e;
  color: #fff;
  box-shadow: 0 10px 30px rgba(251, 60, 142, .25);
}

.invite-reward strong { font-size: 1.35rem; line-height: 1; }
.invite-reward small { margin-top: .2rem; font-size: .65rem; font-weight: 900; text-transform: uppercase; }
.invite-guide-intro { max-width: 65ch; margin: 0; color: #d2d2d9; line-height: 1.55; }
.invite-guide-intro strong { color: #fff; }

.invite-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.invite-steps li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
  padding: .8rem;
  border-radius: .95rem;
  background: rgba(255, 255, 255, .045);
}

.invite-steps li > span {
  display: grid;
  width: 1.8rem;
  height: 1.8rem;
  place-items: center;
  border-radius: 50%;
  background: rgba(251, 60, 142, .18);
  color: #ff78ad;
  font-size: .75rem;
  font-weight: 950;
}

.invite-steps p { margin: 0; color: #b9b9c2; font-size: .78rem; line-height: 1.35; }
.invite-steps strong { color: #fff; }

.invite-guide-actions {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: .6rem;
}

.invite-guide-actions button {
  display: flex;
  min-height: 3.5rem;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  padding: .8rem 1rem;
  border-radius: .95rem;
  font: inherit;
  font-weight: 950;
  cursor: pointer;
}

.invite-share-button { border: 0; background: #fb3c8e; color: #fff; box-shadow: 0 10px 30px rgba(251, 60, 142, .23); }
.invite-copy-button { border: 1px solid #494951; background: #222228; color: #fff; }
.invite-guide-actions button.is-copied { background: #fff; color: #17171a; }
.invite-copy-note { margin-top: -.55rem; color: #b9b9c2; line-height: 1.45; }
.invite-family-note { padding-top: .1rem; color: #9696a1; line-height: 1.45; }

@media (max-width: 640px) {
  .invite-guide-actions,
  .invite-steps { grid-template-columns: 1fr; }
  .invite-guide-heading h3 { max-width: 12ch; }
}
.admin-member-list-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem; margin:1rem 0; color:#b9b9c2; }
.admin-member-list-tools p { margin:0; }
.admin-member-list-tools label { display:flex; align-items:center; gap:.65rem; }
.admin-member-list-tools select { max-width:100%; padding:.75rem; border:1px solid #444; border-radius:.75rem; background:#17171b; color:#fff; font:inherit; }
#admin-member-results[aria-busy="true"] { opacity:.65; }
#admin-member-results .content-pagination { flex-wrap:wrap; }
.moderation-member-main { min-width:0; overflow-wrap:anywhere; }
.community-analysis { margin:1.5rem 0; padding:1.3rem; border:1px solid #303036; border-radius:1rem; background:#131316; }
.community-analysis header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.6rem; padding-bottom:1rem; }
.community-analysis header h2 { margin:.3rem 0 0; font-size:1.25rem; letter-spacing:-.02em; }
.community-analysis header>span { font-size:.72rem; color:#9797a2; }
.community-analysis .eyebrow { margin:0; font-size:.65rem; }
.community-analysis-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid #303036; }
.community-analysis-metric { min-width:0; padding:1rem; color:#c3c3cb; text-decoration:none; border-right:1px solid #303036; }
.community-analysis-metric:last-child { border-right:0; }
.community-analysis-metric>span:first-child { font-size:.78rem; }
.community-analysis-metric>div { display:flex; align-items:baseline; gap:.7rem; margin:.45rem 0 .65rem; }
.community-analysis-metric strong { font-size:2rem; line-height:1.2; color:#fff; font-variant-numeric:tabular-nums; }
.community-analysis-metric small { font-size:.75rem; color:#aaaab5; }
.community-analysis-bar { display:block; height:3px; background:#303036; border-radius:3px; overflow:hidden; }
.community-analysis-bar i { display:block; height:100%; background:#fb3c8e; }
.community-analysis a:hover { background:#1e1e24; }
.community-analysis a:focus-visible { outline:2px solid #fb3c8e; outline-offset:2px; }
.community-analysis-detail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; padding:.8rem 0; }
.community-analysis-detail a { display:grid; grid-template-columns:1fr auto; align-items:center; gap:.25rem .6rem; padding:.35rem; color:#babac4; text-decoration:none; font-size:.75rem; }
.community-analysis-detail b { color:#fff; font-variant-numeric:tabular-nums; }
.community-analysis-detail small { grid-column:1/-1; color:#9797a2; }
.community-analysis details { border-top:1px solid #303036; padding-top:.6rem; font-size:.72rem; color:#9898a4; }
.community-analysis summary { cursor:pointer; }
.community-analysis details p { line-height:1.6; margin-bottom:0; }
.admin-member-group { display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; margin:1rem 0; color:#b9b9c2; }
.admin-member-group select { max-width:100%; padding:.7rem; border:1px solid #444; border-radius:.6rem; background:#17171b; color:#fff; font:inherit; }
@media(max-width:640px) {
  .community-analysis { padding:1rem; }
  .community-analysis-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .community-analysis-metric { padding:.85rem .6rem; }
  .community-analysis-metric:nth-child(2) { border-right:0; }
  .community-analysis-metric:nth-child(-n+2) { border-bottom:1px solid #303036; }
  .community-analysis-metric>div { flex-wrap:wrap; gap:.4rem; }
  .community-analysis-detail { grid-template-columns:1fr; gap:0; }
  .community-analysis-detail a { grid-template-columns:1fr auto auto; padding:.55rem 0; }
  .community-analysis-detail small { grid-column:auto; min-width:3.5rem; text-align:right; }
}
.tv-body { background:#09090b; }
.tv-header { max-width:1240px; margin:auto; display:flex; justify-content:space-between; align-items:center; padding:1.3rem 1.5rem; }
.tv-header a { color:white; text-decoration:none; }
.tv-header>div { display:flex; align-items:center; gap:1.4rem; }
.tv-brand { font-size:1.65rem; font-weight:900; letter-spacing:-.06em; }
.tv-brand span { color:#fb3c8e; }
.tv-tabs { position:relative; z-index:5; max-width:1240px; margin:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.25fr); align-items:center; gap:.4rem; padding:.25rem 1.5rem .75rem; }
.tv-tabs .tv-tab { display:flex; align-items:center; justify-content:center; gap:.25rem; min-width:0; min-height:36px; padding:.4rem .5rem; border:1px solid #35353e; border-radius:6px; background:#1c1c22; color:#eeeef2; font-size:.85rem; font-weight:700; line-height:1.2; text-decoration:none; white-space:nowrap; cursor:pointer; }
.tv-tabs .tv-tab.active { background:#fb3c8e; border-color:#fb3c8e; color:#fff; }
.tv-tabs .tv-tab:hover { border-color:#fb3c8e; }
.tv-tabs .tv-tab:focus-visible,.tv-category-menu a:focus-visible { outline:2px solid #ff83b5; outline-offset:3px; }
.tv-category-picker { position:relative; min-width:0; }
.tv-category-picker summary { list-style:none; }
.tv-category-picker summary::-webkit-details-marker { display:none; }
.tv-category-picker[open] summary span { transform:rotate(180deg); }
.tv-category-menu { position:absolute; right:0; top:calc(100% + .5rem); width:min(270px,calc(100vw - 2rem)); max-height:50vh; overflow-y:auto; padding:.4rem; background:#1c1c22; border:1px solid #41414b; border-radius:.85rem; box-shadow:0 12px 35px #0009; }
.tv-category-menu a { display:block; padding:.85rem; border-radius:.5rem; color:#eeeef2; text-decoration:none; overflow-wrap:anywhere; font-size:.85rem; }
.tv-category-menu a:hover,.tv-category-menu a[aria-current="page"] { background:#382030; color:#ff83b5; }
.tv-page { max-width:1240px; margin:0 auto; padding:0 1.5rem 1rem; }
.tv-hero { position:relative; display:block; min-height:0; overflow:hidden; background:#09090b; border-radius:1rem; }
.tv-hero>img { position:static; display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; background:#09090b; }
.tv-hero:after { content:none; }
.tv-hero-copy { position:relative; padding:1rem 2rem .4rem; max-width:750px; }
.tv-hero h1 { font-size:clamp(2rem,5vw,4rem); line-height:1.03; letter-spacing:-.045em; margin:.7rem 0; text-wrap:balance; }
.tv-hero p { color:#d0d0d4; font-size:.9rem; line-height:1.5; }
.tv-series-hero { min-height:0; }
.tv-series-hero .tv-hero-copy>p:last-of-type { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.tv-hero-actions { display:flex; gap:.8rem; margin-top:1rem; }
.tv-hero-actions a,.tv-play { display:inline-flex; align-items:center; justify-content:center; padding:.8rem 1.3rem; border:1px solid #666; border-radius:.45rem; color:#fff; text-decoration:none; font-weight:800; }
.tv-play,.tv-hero-actions .tv-play { background:#fb3c8e; border-color:#fb3c8e; }
.tv-search { display:flex; align-items:center; gap:.65rem; margin:1.3rem 0; }
.tv-search input { min-width:0; flex:1; }
.tv-search input,.tv-search select,.tv-search button { background:#18181d; border:1px solid #3c3c44; border-radius:.5rem; color:#fff; font:inherit; padding:.75rem; }
.tv-search button { cursor:pointer; }
.tv-search-panel[hidden] { display:none; }
.tv-search-close { display:grid; place-items:center; flex:0 0 44px; min-height:44px; color:#eee; text-decoration:none; font-size:1.5rem; }
#tv-search-toggle { display:grid; place-items:center; min-width:44px; min-height:44px; }
.tv-search-panel:focus-within { scroll-margin-top:1rem; }
@media(max-width:380px) { .tv-search-panel { gap:.35rem; }.tv-search-panel button { padding:.7rem .5rem; font-size:.8rem; }.tv-search-close { flex-basis:36px; } }
.tv-categories { display:flex; gap:1rem; overflow:auto; }
.tv-categories .active { color:#fb3c8e; }
.tv-shelf { margin:.75rem 0 0; }
.tv-shelf h2 { font-size:1.25rem; letter-spacing:-.02em; margin:0 0 .8rem; }
.tv-shelf header { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; }
.tv-shelf header a { color:#fb3c8e; font-size:.8rem; text-decoration:none; white-space:nowrap; }
.tv-row { display:flex; gap:.8rem; overflow-x:auto; padding-bottom:.4rem; scroll-snap-type:x proximity; scrollbar-width:none; }
.tv-row::-webkit-scrollbar { display:none; }
.tv-card { display:block; flex:0 0 250px; min-width:0; text-decoration:none; color:#fff; scroll-snap-align:start; }
.tv-card>strong,.tv-poster>strong { display:block; margin:.6rem 0 .25rem; font-size:.9rem; }
.tv-card>small,.tv-poster>small { color:#9999a4; font-size:.75rem; }
.tv-thumb { aspect-ratio:16/9; position:relative; overflow:hidden; background:linear-gradient(130deg,#3c182d,#24242e); border-radius:.5rem; }
.tv-thumb img { height:100%; width:100%; object-fit:cover; }
.tv-thumb>span { position:absolute; inset:0; display:grid; place-items:center; text-shadow:0 2px 8px #000; }
.tv-thumb>small { position:absolute; bottom:.4rem; right:.4rem; background:#09090bcc; padding:.15rem .3rem; font-size:.7rem; }
.tv-thumb>i { position:absolute; bottom:0; left:0; height:3px; background:#fb3c8e; }
.tv-arcade-thumb { background:linear-gradient(135deg,#351226,#14141a); }
.tv-arcade-thumb em { position:absolute; top:.45rem; left:.45rem; padding:.2rem .38rem; border-radius:.25rem; background:#fb3c8e; color:#fff; font-size:.6rem; font-style:normal; font-weight:950; letter-spacing:.06em; }
.tv-arcade-placeholder { display:grid; width:100%; height:100%; place-content:center; place-items:center; gap:.3rem; color:#fff; }.tv-arcade-placeholder span { color:#fb3c8e; font-size:2rem; }.tv-arcade-placeholder b { font-size:1rem; letter-spacing:-.03em; }
.tv-arcade-card>small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tv-league-shelf{margin-top:2.4rem}.tv-league-carousel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tv-league-card{position:relative;display:flex;min-height:330px;flex-direction:column;padding:1.25rem;overflow:hidden;border:1px solid #3b3340;border-radius:1.35rem;background:#151519;color:#fff;text-decoration:none}.tv-league-card--results{background:radial-gradient(circle at 85% 10%,#facc1530,transparent 42%),linear-gradient(145deg,#241c0c,#17171b 55%);border-color:#a879225f}.tv-league-card--live{background:radial-gradient(circle at 90% 5%,#fb3c8e38,transparent 44%),linear-gradient(145deg,#2c1020,#17171b 58%);border-color:#fb3c8e66}.tv-league-kicker{color:#ffcf54;font-size:.67rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.tv-league-card--live .tv-league-kicker{color:#ff76ad}.tv-league-winner{display:flex;gap:1rem;align-items:center;margin:1.1rem 0}.tv-league-winner .ranking-avatar{width:4.5rem;height:4.5rem;margin:0;border-color:#e2b63f}.tv-league-winner>div{display:grid;min-width:0}.tv-league-winner small{color:#facc15;font-size:.65rem;font-weight:900}.tv-league-winner strong{overflow:hidden;font-size:1.25rem;text-overflow:ellipsis;white-space:nowrap}.tv-league-winner b{color:#fff1a7;font-size:1rem}.tv-league-places{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.tv-league-places span{display:grid;grid-template-columns:auto 1fr;gap:.2rem .4rem;padding:.65rem;border:1px solid #ffffff12;border-radius:.75rem;background:#ffffff08;font-size:.76rem}.tv-league-places span>b{color:#ffce51}.tv-league-places small{grid-column:2;color:#aaa}.tv-league-mobilizer{margin:.7rem 0 0;color:#d4d4d8;font-size:.7rem}.tv-league-card>em{margin-top:auto;padding-top:1rem;color:#ff68a6;font-size:.75rem;font-style:normal;font-weight:900}.tv-league-card--results>em{color:#facc15}.tv-league-card h3{margin:.6rem 0 1rem;font-size:1.45rem}.tv-league-card ol{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.tv-league-card li{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:.5rem;padding:.55rem 0;border-bottom:1px solid #ffffff10;font-size:.78rem}.tv-league-card li>b{color:#ff76ad}.tv-league-card li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-league-card li strong{font-size:.74rem}.tv-league-you{margin:.8rem 0 .25rem;padding:.65rem;border-radius:.7rem;background:#fb3c8e16;color:#eee;font-size:.75rem}.tv-league-card--live>small{color:#999;font-size:.68rem}.tv-league-dots{display:none;justify-content:center;gap:.35rem;margin-top:.65rem}.tv-league-dots i{width:.38rem;height:.38rem;border-radius:50%;background:#555}.tv-league-dots i:first-child{width:1rem;border-radius:99px;background:#fb3c8e}
@media(max-width:640px){.tv-league-carousel{display:flex;width:calc(100% + 1rem);gap:.75rem;overflow-x:auto;padding:0 1rem .35rem 0;scroll-snap-type:x mandatory;scrollbar-width:none}.tv-league-carousel::-webkit-scrollbar{display:none}.tv-league-card{flex:0 0 88%;min-height:340px;scroll-snap-align:start}.tv-league-dots{display:flex}}
.tv-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.tv-poster { flex:0 0 185px; color:#fff; text-decoration:none; min-width:0; }
.tv-poster>div { aspect-ratio:2/3; border-radius:.5rem; overflow:hidden; display:grid; place-items:center; background:linear-gradient(145deg,#48142f,#11111b); }
.tv-poster img { width:100%; height:100%; object-fit:cover; }
.tv-poster>div>span { padding:1rem; font-size:1.4rem; font-weight:900; text-align:center; }
.tv-episode { display:grid; grid-template-columns:180px minmax(0,1fr); gap:1rem; color:white; text-decoration:none; padding:1rem 0; border-bottom:1px solid #25252b; }
.tv-episode small { display:block; color:#a3a3ad; margin:.4rem 0; }
.tv-episode p { font-size:.85rem; color:#a3a3ad; }
.tv-empty { color:#a3a3ad; padding:1rem 0; }
.tv-reward { padding:.6rem; background:#321326; color:#fff; }
.my-club-page .member-hero { grid-template-columns:repeat(3,minmax(0,1fr)); }
.my-club-page .member-hero>div:first-child { grid-column:1/-1; }
@media(max-width:640px) {
 .tv-header { padding:1rem; }.tv-tabs { padding:.25rem 1rem .75rem; gap:.3rem; }.tv-tabs .tv-tab { padding:.4rem .25rem; font-size:.75rem; }
 .tv-page { padding:0 1rem 1rem; }
 .tv-hero { display:block; margin:0 -1rem; border-radius:0; min-height:0; }
 .tv-hero-copy { padding:1rem 1rem .4rem; width:100%; max-width:none; }
 .tv-hero h1 { font-size:2.2rem; }
 .tv-series-hero { min-height:0; }
 .tv-hero-actions a { flex:1; padding:.75rem .5rem; font-size:.85rem; }
 .tv-card { flex-basis:68%; }.tv-poster { flex-basis:42%; }.tv-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tv-episode { grid-template-columns:120px minmax(0,1fr); gap:.75rem; }.tv-episode p { display:none; }
 .tv-episode strong { font-size:.85rem; }.my-club-page .member-hero { grid-template-columns:1fr; }
 .app-bottom-nav a { font-size:.57rem; }
}
.watch-finale { margin:1.25rem 0; padding:1.2rem; border:1px solid #44303b; border-radius:.8rem; background:#151318; scroll-margin-top:1rem; }
.watch-finale[hidden] { display:none; }
.watch-finale h2 { font-size:1.5rem; margin:.35rem 0 1rem; letter-spacing:-.03em; }
.watch-finale h3 { margin:1rem 0 .65rem; font-size:1rem; }
.watch-finale-label { color:#ff78ad; font-size:.85rem; }
.watch-next { display:flex; align-items:center; gap:1rem; padding:.8rem; background:#241923; border-radius:.6rem; color:#fff; text-decoration:none; }
.watch-next img { width:130px; aspect-ratio:16/9; object-fit:cover; border-radius:.4rem; }
.watch-next span { display:grid; gap:.4rem; min-width:0; }
.watch-next small,.watch-suggestions small { display:block; color:#a9a4ad; font-size:.75rem; }
.watch-next b { color:#ff78ad; font-size:.85rem; }
.watch-suggestions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }
.watch-suggestions a { min-width:0; text-decoration:none; color:#fff; }
.watch-suggestions strong { display:block; font-size:.85rem; margin:.4rem 0; }
.watch-finale-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-top:1.2rem; }
.watch-finale-actions>a:not(.tv-play),.watch-finale-actions button { color:#ddd; font:inherit; font-size:.85rem; }
.watch-finale-actions button { background:transparent; border:1px solid #555; padding:.65rem; border-radius:.4rem; cursor:pointer; }
@media(max-width:640px){.watch-suggestions{grid-template-columns:1fr}.watch-suggestions a{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 .7rem}.watch-suggestions .tv-thumb{grid-row:1/3}.watch-next img{width:100px}.watch-finale-actions{gap:.75rem}.watch-finale h2{font-size:1.25rem}}

/* Arcade Malaika */
.arcade-body,.arcade-play-body { margin:0; background:#09090b; color:#fff; }
.arcade-page { width:min(100%,900px); margin:0 auto; padding:clamp(1rem,4vw,2rem) clamp(1rem,4vw,2rem) 7rem; }
.arcade-heading h1,.arcade-ranking-head h1 { margin:.25rem 0 .7rem; font-size:clamp(2.5rem,8vw,5.2rem); line-height:.9; letter-spacing:-.06em; }
.arcade-heading>p:last-child { max-width:620px; color:#aaaab4; line-height:1.5; }
.arcade-game-card { display:grid; grid-template-columns:minmax(240px,.85fr) 1fr; gap:clamp(1rem,4vw,2rem); align-items:center; margin:2rem 0 1rem; padding:1rem; border:1px solid #4a2438; border-radius:1.25rem; background:linear-gradient(140deg,#2f1022,#15151a 60%); color:#fff; text-decoration:none; }
.arcade-game-art { display:grid; place-items:center; min-height:290px; padding:1.2rem; overflow:hidden; border-radius:.8rem; background:radial-gradient(circle at 50% 25%,#facc15 0 5%,transparent 25%),linear-gradient(155deg,#e11d48,#5b1339 55%,#111827); text-align:center; box-shadow:inset 0 0 80px #0008; }
.arcade-game-art span { font-size:5rem; filter:drop-shadow(0 8px 8px #0008); }.arcade-game-art b { font-size:clamp(2rem,6vw,4rem); line-height:.8; letter-spacing:-.08em; transform:rotate(-3deg); }.arcade-game-art small { font-weight:900; letter-spacing:.08em; }
.arcade-game-card h2 { margin:.6rem 0 0; font-size:clamp(2rem,5vw,3rem); }.arcade-game-card p { margin:.2rem 0 1.5rem; color:#bbb; }.arcade-game-card>div:last-child>strong { color:#ff5b9e; }
.arcade-play-link { display:inline-flex; min-height:3rem; align-items:center; justify-content:center; padding:.75rem 1.2rem; border-radius:.55rem; background:#fb3c8e; color:#fff; font-weight:950; text-decoration:none; }
.arcade-trailer-facade { position:absolute; inset:0; display:grid; place-content:center; place-items:center; width:100%; padding:0; overflow:hidden; border:0; background:#000; color:#fff; cursor:pointer; }
.arcade-trailer-facade img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.arcade-trailer-facade::after { content:""; position:absolute; inset:0; background:linear-gradient(#0001,#0009); }
.arcade-trailer-facade span { position:absolute; right:.75rem; bottom:.75rem; z-index:1; display:grid; place-items:center; width:2.8rem; height:2.8rem; padding-left:.15rem; border:2px solid #fff; border-radius:50%; background:#fb3c8ee8; font-size:1rem; box-shadow:0 6px 20px #0009; transition:transform .15s ease,background .15s ease; }.arcade-trailer-facade:hover span,.arcade-trailer-facade:focus-visible span { transform:scale(1.08); background:#fb3c8e; }
.arcade-trailer-player { position:absolute; inset:0; width:100%; height:100%; border:0; background:#000; object-fit:contain; }
.arcade-game-art { position:relative; aspect-ratio:16/9; min-height:0; }
.arcade-settings-page { max-width:900px; }.arcade-settings-form { display:grid; gap:1rem; }.arcade-settings-form label { display:grid; gap:.4rem; font-weight:850; }.arcade-settings-form label small { color:#92929c; font-weight:500; }.arcade-settings-form input { width:100%; padding:.9rem 1rem; border:1px solid #3a3a43; border-radius:.6rem; background:#0e0e12; color:#fff; }
.arcade-admin-preview>span { display:block; margin-bottom:.45rem; color:#aaaab3; font-size:.78rem; font-weight:800; }.arcade-admin-preview>div { display:grid; place-items:center; aspect-ratio:16/9; max-width:620px; overflow:hidden; border:1px solid #34343c; border-radius:.75rem; background:#0b0b0e; color:#aaa; text-align:center; }.arcade-admin-preview img { width:100%; height:100%; object-fit:cover; }.arcade-admin-preview small { display:block; margin-top:.3rem; }
.arcade-live { display:inline-block; padding:.25rem .5rem; border-radius:999px; background:#14532d; color:#86efac; font-size:.7rem; font-weight:900; text-transform:uppercase; }
.arcade-rule-card,.arcade-ranking-preview { margin-top:1rem; padding:1.2rem; border:1px solid #303038; border-radius:1rem; background:#151519; }.arcade-rule-card h2,.arcade-ranking-preview h2 { margin:0 0 .45rem; }.arcade-rule-card p { margin:0; color:#bbb; line-height:1.5; }
.arcade-ranking-preview header { display:flex; justify-content:space-between; align-items:end; gap:1rem; }.arcade-ranking-preview header a { color:#ff5b9e; text-decoration:none; font-weight:800; }.arcade-ranking-preview ol,.arcade-ranking-list { list-style:none; margin:1rem 0 0; padding:0; }
.arcade-ranking-preview li { display:grid; grid-template-columns:2rem 1fr auto; gap:.7rem; align-items:center; padding:.75rem 0; border-top:1px solid #29292f; }.arcade-ranking-preview li span,.arcade-ranking-preview li small { display:block; }.arcade-ranking-preview li small { color:#888894; font-size:.7rem; }
.arcade-play-body { height:100dvh; overflow:hidden; }.arcade-play-header { height:64px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1rem; padding:.5rem 1rem; border-bottom:1px solid #29292f; }.arcade-play-header a { color:#ff6ca9; text-decoration:none; font-size:.8rem; font-weight:850; }.arcade-play-header div { display:grid; text-align:center; }.arcade-play-header small { color:#888894; font-size:.65rem; }.arcade-frame-wrap { height:calc(100dvh - 64px); display:grid; place-items:center; }.arcade-frame-wrap iframe { width:min(100%,720px); height:100%; border:0; background:#000; }
.arcade-ranking-head>a { color:#ff6ca9; text-decoration:none; }.arcade-ranking-head nav { display:flex; gap:.4rem; margin-top:1.2rem; }.arcade-ranking-head nav a { flex:1; padding:.75rem; border:1px solid #393943; border-radius:.45rem; color:#ddd; text-align:center; text-decoration:none; font-weight:800; }.arcade-ranking-head nav a.is-active { border-color:#fb3c8e; background:#fb3c8e; color:#fff; }
.arcade-ranking-list li { display:grid; grid-template-columns:2rem auto minmax(0,1fr) auto; align-items:center; gap:.8rem; padding:.85rem .4rem; border-bottom:1px solid #25252b; }.arcade-ranking-list li>span:nth-child(3) { display:grid; }.arcade-ranking-list small { color:#888894; }.arcade-current { display:flex; gap:1rem; align-items:center; margin-top:1rem; padding:1rem; border:1px solid #fb3c8e; border-radius:.8rem; }.arcade-current strong { margin-left:auto; }.arcade-empty { color:#9999a4; }
@media(max-width:640px){.arcade-game-card{grid-template-columns:1fr}.arcade-game-art{min-height:0}.arcade-play-header{height:54px;padding:.35rem .6rem}.arcade-frame-wrap{height:calc(100dvh - 54px)}.arcade-play-header small{display:none}.arcade-ranking-list li{gap:.55rem}.arcade-ranking-list li>strong:last-child{font-size:.85rem}}
@media (max-width:640px) and (display-mode:standalone) {
  /* Android inclui por vezes a navegação do sistema no 100dvh da PWA. */
  .arcade-frame-wrap { height: calc(100dvh - 54px - max(44px, env(safe-area-inset-bottom))); }
}

/* Margem lateral comum às áreas do clube no telefone. */
@media (max-width: 800px) {
  .shop-page,
  .shop-product-page,
  .shop-manage-page,
  .shop-cart-page,
  .mygods-page,
  .ranking-page,
  .profile-page,
  .admin-page,
  .admin-form-page,
  .chat-page,
  .member-tree-page,
  .arcade-page {
    width:100%;
    max-width:100%;
    padding-inline:.75rem;
  }
  .my-club-page .member-hero { padding-inline:.75rem; }
  .my-club-page .community-panel { margin-inline:.75rem; padding:1rem; }
}

@media (max-width: 600px) {
  .app-bottom-nav { grid-auto-flow: row; grid-template-columns: repeat(6, minmax(0, 1fr)); overflow-x: visible; }
  .app-bottom-nav a { min-width: 0; }
}

/* Malaikos Patrões */
.patron-page { width:min(100%,760px); margin:0 auto; padding:clamp(1rem,4vw,2.5rem) clamp(.75rem,4vw,2rem) 7rem; color:#f8fafc; }
.patron-hero { padding:clamp(1.5rem,6vw,3.5rem); border:1px solid #755d24; border-radius:1.5rem; background:radial-gradient(circle at 85% 15%,#facc1530,transparent 25%),linear-gradient(145deg,#2c2411,#14130f 62%); box-shadow:0 24px 70px #0005; }
.patron-hero h1 { max-width:650px; margin:.25rem 0 1rem; font-size:clamp(2.4rem,8vw,5rem); line-height:.92; letter-spacing:-.06em; }
.patron-hero>p:last-child { max-width:600px; color:#d2c9ae; line-height:1.6; }
.patron-star { float:right; display:grid; place-items:center; width:4.5rem; height:4.5rem; border:1px solid #facc1577; border-radius:50%; background:#facc1515; color:#facc15; font-size:2.2rem; box-shadow:0 0 30px #facc1533; }
.patron-benefits { display:grid; gap:.75rem; margin:1rem 0; }
.patron-benefits article { display:grid; grid-template-columns:2.7rem 1fr; gap:.8rem; align-items:center; padding:1rem; border:1px solid #343027; border-radius:.9rem; background:#171612; }
.patron-benefits article>span { display:grid; place-items:center; width:2.6rem; height:2.6rem; border-radius:50%; background:#facc1517; color:#facc15; font-size:1.25rem; }
.patron-benefits strong,.patron-benefits p { display:block; margin:0; }.patron-benefits p { margin-top:.2rem; color:#aaa496; font-size:.86rem; }
.patron-primary { width:100%; min-height:3.4rem; border:0; border-radius:.75rem; background:linear-gradient(135deg,#facc15,#e9a908); color:#211800; font:inherit; font-weight:950; cursor:pointer; box-shadow:0 12px 30px #eab3082b; }
.patron-amount-form { display:grid; gap:1rem; margin-top:1rem; }.patron-amount-form>label { display:grid; gap:.55rem; padding:1rem; border:1px solid #4b4432; border-radius:.9rem; background:#171612; font-weight:850; }.patron-amount-form label>small { color:#959083; font-weight:500; }.patron-amount-input { display:flex; align-items:center; gap:.65rem; }.patron-amount-input input { width:min(100%,180px); padding:.8rem 1rem; border:1px solid #736434; border-radius:.6rem; background:#0e0e0c; color:#fff; font:inherit; font-size:1.35rem; font-weight:900; }.patron-amount-input b { color:#d9c77e; }
.patron-primary:disabled { opacity:.5; cursor:not-allowed; }.patron-secure { display:block; margin:.75rem 0; color:#8f8b80; text-align:center; }
.patron-notice,.patron-warning { margin:0 0 1rem; padding:1rem; border:1px solid #5e5130; border-radius:.7rem; background:#292314; }.patron-notice--success { border-color:#2c704b; background:#132c20; color:#9ce5b9; }
.patron-status { display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:center; margin:1rem 0; padding:1.4rem; border:1px solid #8b6d20; border-radius:1rem; background:#221d10; }.patron-status>span { color:#facc15; font-size:2.5rem; }.patron-status small { color:#b9ad8a; }.patron-status h2,.patron-status p { margin:.15rem 0; }
.patron-preview { display:flex; align-items:center; gap:1rem; padding:1.2rem; border:1px solid #715a1f; border-radius:1rem; background:linear-gradient(135deg,#2b2411,#171612); color:#fff; text-decoration:none; }
.patron-preview-star { display:grid; place-items:center; flex:0 0 3.2rem; height:3.2rem; border-radius:50%; background:#facc1519; color:#facc15; font-size:1.5rem; }.patron-preview>span:last-child { display:grid; gap:.15rem; }.patron-preview small { color:#c8b773; }.patron-preview strong { font-size:1.1rem; }.patron-preview em { color:#aaa496; font-size:.78rem; font-style:normal; }
@media(max-width:640px){.patron-star{width:3.3rem;height:3.3rem;font-size:1.6rem}.patron-hero{padding:1.25rem}.patron-hero h1{font-size:2.6rem}}

/* Identidade Malaiko Patrão */
.patron-avatar { position:relative; overflow:visible!important; border-color:#facc15!important; box-shadow:0 0 0 2px #18140a,0 0 0 4px #d9aa19,0 0 18px #facc1547!important; }
.patron-avatar::after { content:"★"; position:absolute; z-index:4; right:-.38rem; bottom:-.3rem; display:grid; place-items:center; width:1.15rem; height:1.15rem; border:2px solid #17140b; border-radius:50%; background:linear-gradient(145deg,#ffe66b,#d99b05); color:#2b2104; font-size:.68rem; line-height:1; box-shadow:0 3px 10px #0008; }
.profile-avatar--large.patron-avatar::after,.profile-avatar--identity.patron-avatar::after,.ranking-avatar:not(.ranking-avatar--small).patron-avatar::after { right:.05rem; bottom:.05rem; width:1.55rem; height:1.55rem; font-size:.9rem; }
.patron-name::after { content:"★"; display:inline-block; margin-left:.32em; color:#facc15; font-size:.72em; line-height:1; vertical-align:.12em; filter:drop-shadow(0 1px 4px #facc1566); }
.profile-patron-status { display:flex; align-items:center; gap:.8rem; padding:1rem; border:1px solid #76601f; border-radius:.8rem; background:#211c0e; }.profile-patron-status>span { color:#facc15; font-size:1.6rem; }.profile-patron-status div { display:grid; gap:.15rem; }.profile-patron-status small { color:#b9ad87; }

/* O meu clube — painel compacto */
.club-hub-label { color:#a1a1aa; font-size:.8rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.club-hub-page { display:grid; width:min(100%,760px); gap:1rem; margin:0 auto; padding:clamp(1.25rem,4vw,2.5rem) clamp(.85rem,4vw,2rem) 7rem; }
.club-hub-profile { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:1rem; align-items:center; padding:.35rem .2rem 1rem; }
.profile-avatar--hub { width:4.75rem; height:4.75rem; font-size:1.65rem; }
.club-hub-profile>div { min-width:0; }.club-hub-profile small { display:block; color:#9999a3; font-size:.75rem; }.club-hub-profile h1 { overflow:hidden; margin:.15rem 0 .25rem; font-size:clamp(1.65rem,5vw,2.35rem); line-height:1.05; letter-spacing:-.045em; text-overflow:ellipsis; white-space:nowrap; }.club-hub-profile>div>span { color:#a1a1aa; font-size:.78rem; }.club-hub-profile .club-hub-patron-label { color:#e7bb35; font-weight:850; }
.club-hub-edit { display:grid; width:2.8rem; height:2.8rem; place-items:center; border:1px solid #37373e; border-radius:.85rem; background:#18181c; color:#d4d4d8; text-decoration:none; }
.club-hub-edit svg { width:1.15rem; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.club-hub-edit:hover { border-color:#fb3c8e; color:#fff; }
.club-hub-patron { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:1rem; align-items:center; padding:1.2rem; border:1px solid #665522; border-radius:1.25rem; background:radial-gradient(circle at 88% 12%,#facc1526,transparent 34%),linear-gradient(135deg,#29220f,#161511); color:#fff; text-decoration:none; box-shadow:0 1rem 2.6rem #0003; }
.club-hub-patron-star { display:grid; width:3.35rem; height:3.35rem; place-items:center; border-radius:50%; background:linear-gradient(145deg,#facc1529,#facc150a); color:#facc15; box-shadow:inset 0 0 0 1px #facc1545,0 .45rem 1.4rem #0003; }.club-hub-patron-star svg { width:1.7rem; fill:currentColor; stroke:#ffe87a; stroke-width:.55; stroke-linejoin:round; filter:drop-shadow(0 3px 5px #0006); }.club-hub-patron>span:nth-child(2) { display:grid; gap:.12rem; min-width:0; }.club-hub-patron small { color:#cbbd84; font-size:.7rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }.club-hub-patron strong { font-size:1.15rem; }.club-hub-patron em { overflow:hidden; color:#aaa496; font-size:.78rem; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }.club-hub-patron:hover { border-color:#d4a91f; transform:translateY(-1px); }
.club-hub-shortcuts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.club-hub-shortcuts>a { display:grid; min-height:9.25rem; align-content:space-between; gap:.8rem; padding:1.15rem; border:1px solid #303038; border-radius:1.2rem; background:#17171b; color:#fff; text-decoration:none; }.club-hub-shortcuts>a:hover { border-color:#6a5662; transform:translateY(-1px); }.club-hub-shortcut-icon { display:grid; width:2.85rem; height:2.85rem; place-items:center; border:1px solid currentColor; border-radius:.9rem; background:#24242a; }.club-hub-shortcut-icon svg { width:1.55rem; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }.club-hub-shortcut--tree .club-hub-shortcut-icon { background:#143229; color:#55d6a5; border-color:#55d6a538; }.club-hub-shortcut--profile .club-hub-shortcut-icon { background:#222648; color:#9da9ff; border-color:#9da9ff38; }.club-hub-shortcuts strong { display:block; font-size:1rem; }.club-hub-shortcuts small { display:block; margin-top:.25rem; color:#9d9da7; font-size:.76rem; line-height:1.35; }
.club-hub-management { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.9rem; align-items:center; padding:1rem 1.15rem; border:1px solid #5a3044; border-radius:1rem; background:linear-gradient(135deg,#271722,#18151a); color:#fff; text-decoration:none; }.club-hub-management-icon { display:grid; width:2.65rem; height:2.65rem; place-items:center; border:1px solid #fb3c8e38; border-radius:.8rem; background:#fb3c8e14; color:#ff6aa9; }.club-hub-management-icon svg { width:1.55rem; fill:none; stroke:currentColor; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; }.club-hub-management>span:nth-child(2) { display:grid; gap:.12rem; }.club-hub-management strong { font-size:.92rem; }.club-hub-management small { color:#a7a0a5; font-size:.74rem; }
.club-hub-chevron { display:grid; width:1.7rem; height:1.7rem; place-items:center; color:#a1a1aa; }.club-hub-patron .club-hub-chevron { color:#facc15; }.club-hub-management .club-hub-chevron { color:#fb3c8e; }.club-hub-chevron svg { width:1.15rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.tree-invite-panel { display:grid; grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr); gap:clamp(1.25rem,4vw,3rem); align-items:start; margin:1rem 0 1.25rem; padding:clamp(1.1rem,3vw,1.7rem); border:1px solid #303038; border-radius:1.35rem; background:#151519; }.tree-invite-context { padding:.35rem; }.tree-invite-context h2 { margin:.25rem 0 .75rem; font-size:clamp(1.55rem,4vw,2.35rem); }.tree-invite-context>p:last-child { color:#a1a1aa; line-height:1.55; }
@media(max-width:640px){.club-hub-page{gap:.8rem;padding-top:1rem}.club-hub-profile{gap:.8rem}.profile-avatar--hub{width:4rem;height:4rem}.club-hub-profile h1{font-size:1.55rem}.club-hub-edit{width:2.55rem;height:2.55rem}.club-hub-patron{padding:1rem}.club-hub-shortcuts{gap:.75rem}.club-hub-shortcuts>a{min-height:8.3rem;padding:1rem}.tree-invite-panel{grid-template-columns:1fr}.club-hub-label{display:none}}

/* Visita pública — a aplicação antes do registo */
.public-club-body { background:radial-gradient(circle at 85% 3%,#83184355,transparent 28rem),#09090b; }
.public-club-topbar { position:sticky; z-index:20; top:0; display:grid; grid-template-columns:minmax(150px,1fr) auto minmax(220px,1fr); gap:1.2rem; border-bottom:1px solid #ffffff0d; background:#0d0d10f2; backdrop-filter:blur(16px); }
.public-club-topbar .header-actions { justify-self:end; }
.public-topbar-status { display:flex; gap:.42rem; align-items:center; justify-content:center; color:#a8a8b0; font-size:.76rem; font-style:normal; white-space:nowrap; }.public-topbar-status b,.public-topbar-status strong { color:#fff; }.public-topbar-status i { font-style:normal; }
.public-join-button { background:#fb3c8e; color:#fff; }
.public-visitor-strip { display:flex; gap:1rem; align-items:center; justify-content:space-between; padding:.65rem clamp(1rem,5vw,5rem); border-bottom:1px solid #ffffff0c; background:#171119; color:#aaa3aa; font-size:.76rem; }
.public-visitor-strip b,.public-visitor-strip strong { color:#fff; }
.public-club-page { min-height:calc(100vh - 12rem); padding-bottom:2rem; }
.public-club-intro { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr); gap:clamp(2rem,7vw,6rem); align-items:center; width:min(100%,1180px); margin:0 auto; padding:clamp(3rem,8vw,7rem) clamp(1.1rem,5vw,3.5rem); }
.public-club-intro h1,.public-gated-feature h1 { max-width:760px; margin-bottom:1.25rem; font-size:clamp(2.7rem,7vw,6rem); line-height:.94; letter-spacing:-.06em; }
.public-club-intro>div>p:not(.eyebrow),.public-gated-feature>p:not(.eyebrow) { max-width:680px; color:#c5c5cb; font-size:clamp(1rem,2vw,1.22rem); line-height:1.65; }
.public-club-actions { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; margin-top:1.75rem; }
.public-club-intro>div>small { display:block; margin-top:1rem; color:#92929c; }
.public-member-ticket { display:grid; gap:.35rem; place-items:center; padding:2.5rem 1.5rem; border:1px solid #fb3c8e40; border-radius:1.8rem; background:radial-gradient(circle at 50% 20%,#fb3c8e38,transparent 45%),#151519; text-align:center; box-shadow:0 2rem 6rem #0005; }
.public-member-ticket span { color:#b9a8b0; font-size:.72rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.public-member-ticket strong { color:#fff; font-size:clamp(3.5rem,8vw,6.5rem); letter-spacing:-.07em; }
.public-member-ticket small { max-width:280px; color:#92929c; line-height:1.45; }
.public-catalogue { padding-top:1rem; }
.public-tv-shell { padding-top:.3rem; }.public-tv-header { padding-top:1rem; padding-bottom:.75rem; }.public-tv-header small { color:#a1a1aa; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.public-tv-page { padding-bottom:0; }
.public-tv-signup { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr); gap:clamp(1.5rem,5vw,4rem); align-items:center; margin:3.5rem 0 2rem; padding:clamp(1.2rem,4vw,2.5rem); border-top:1px solid #ffffff14; border-bottom:1px solid #ffffff14; background:linear-gradient(135deg,#171018,#101013); }.public-tv-signup h2 { margin:.2rem 0 .8rem; font-size:clamp(1.7rem,4vw,3rem); line-height:1.05; }.public-tv-signup>div:first-child>p:not(.eyebrow) { max-width:650px; color:#b8b8c0; line-height:1.6; }.public-tv-signup .primary-button { margin:1rem 1rem 1rem 0; }.public-tv-signup>div:first-child>small { display:block; color:#8f8f99; }
.public-feature-icon { display:grid; width:min(100%,300px); aspect-ratio:1; place-items:center; justify-self:center; border:1px solid #ffffff18; border-radius:38%; background:radial-gradient(circle,#2563eb66,transparent 65%),#141417; font-size:clamp(5rem,12vw,9rem); box-shadow:0 2rem 6rem #0005; }
.public-feature-icon--arcade { background:radial-gradient(circle,#7c3aed66,transparent 65%),#141417; }
.public-arcade-card { width:min(calc(100% - 2rem),1000px); margin:0 auto 1rem; }
.public-lock-note { display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:center; width:min(calc(100% - 2rem),1000px); margin:0 auto 3rem; padding:1rem 1.2rem; border:1px solid #ffffff12; border-radius:1rem; background:#151519; }
.public-lock-note>span { font-size:1.6rem; }.public-lock-note strong { display:block; }.public-lock-note p { margin:.2rem 0 0; color:#9999a3; font-size:.82rem; }
.public-mygod-coin { display:grid; width:min(100%,195px); aspect-ratio:1; place-items:center; justify-self:center; border:3px solid #f0b429; border-radius:50%; background:radial-gradient(circle at 35% 28%,#fff2a4,#e19a0c 45%,#7a4300); color:#3a2500; font-size:clamp(2.4rem,6vw,4rem); font-weight:950; box-shadow:0 0 0 .55rem #2b2109,0 1.5rem 5rem #e9a50b35; }
.public-preview-label { position:absolute; z-index:3; top:.55rem; right:.55rem; padding:.28rem .5rem; border-radius:.35rem; background:#fa3b91; color:#fff; font-size:.62rem; font-style:normal; font-weight:900; letter-spacing:.06em; line-height:1; text-transform:uppercase; box-shadow:0 .2rem .8rem #0008; }
.public-mygods-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; width:min(calc(100% - 2rem),1080px); margin:0 auto 4rem; }
.public-explainer-card,.public-ranking-card { padding:clamp(1.2rem,3vw,2rem); border:1px solid #34343c; border-radius:1.4rem; background:#151519; }
.public-explainer-card h2,.public-ranking-card h2 { margin-bottom:1.25rem; }
.public-rule-list { display:grid; gap:.65rem; }.public-rule-list>div { display:grid; grid-template-columns:3.3rem 1fr; gap:.8rem; align-items:center; padding:.75rem; border-radius:.8rem; background:#1d1d22; }.public-rule-list span { color:#facc15; font-weight:900; }.public-rule-list strong { font-size:.86rem; }
.public-ranking-card ol { display:grid; gap:.7rem; margin:0; padding:0; list-style:none; }.public-ranking-card li { display:grid; grid-template-columns:2.2rem 1fr auto; gap:.7rem; align-items:center; padding:.9rem; border:1px solid #ffffff0d; border-radius:.9rem; background:#1b1b20; }.public-ranking-card li>b { display:grid; width:2rem; height:2rem; place-items:center; border-radius:50%; background:#facc1518; color:#facc15; }.public-ranking-card li span { color:#d4d4d8; font-size:.84rem; }.public-ranking-card li strong { font-size:.82rem; }
.public-gated-feature { display:grid; min-height:66vh; place-items:center; align-content:center; width:min(100%,900px); margin:0 auto; padding:4rem 1.2rem; text-align:center; }.public-gated-feature h1 { margin-top:1rem; }.public-gated-feature>p:not(.eyebrow) { margin-right:auto; margin-left:auto; }.public-gated-feature .back-link { margin-top:1.2rem; }
.public-gated-icon { display:grid; width:6rem; height:6rem; place-items:center; border:1px solid #fb3c8e4a; border-radius:2rem; background:#fb3c8e16; color:#fb3c8e; font-size:2.4rem; }.public-gated-icon--club { width:auto; min-width:8rem; padding:0 1rem; color:#facc15; border-color:#facc154a; background:#facc1512; font-size:1.7rem; font-weight:900; }
.public-tasca-visual { display:grid; min-height:300px; place-items:center; align-content:center; gap:.5rem; border:1px solid #d59a4b45; border-radius:1.8rem; background:radial-gradient(circle,#8a4d1d55,transparent 62%),#17130f; box-shadow:0 2rem 6rem #0005; }.public-tasca-visual span { font-size:5rem; }.public-tasca-visual strong { font-size:1.3rem; }.public-tasca-visual small { color:#b7a58f; }
.public-tasca-explanation { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; width:min(calc(100% - 2rem),1080px); margin:0 auto 4rem; }.public-tasca-explanation article { padding:1.4rem; border-top:1px solid #fb3c8e; background:#141417; }.public-tasca-explanation span { color:#fb3c8e; font-size:.72rem; font-weight:900; }.public-tasca-explanation h2 { margin:.7rem 0; font-size:1.05rem; }.public-tasca-explanation p { margin:0; color:#9f9fa8; font-size:.83rem; line-height:1.55; }
.public-app-nav .public-nav-avatar { border-color:#555560; background:#202025; color:#a1a1aa; }
@media(max-width:760px){.public-club-topbar{grid-template-columns:auto minmax(60px,1fr) auto;gap:.55rem}.public-club-topbar .header-actions{justify-self:end}.public-topbar-status{font-size:.66rem}.public-club-intro{grid-template-columns:1fr;padding-top:3rem}.public-feature-icon{width:180px}.public-mygod-coin{width:125px}.public-mygods-layout{grid-template-columns:1fr}.public-tasca-explanation{grid-template-columns:1fr}.public-catalogue{padding-right:1rem;padding-left:1rem}.public-tv-signup{grid-template-columns:1fr}}
@media(max-width:520px){.public-club-topbar{padding:.75rem .7rem}.public-club-topbar .brand{max-width:82px;font-size:.72rem;line-height:1}.public-club-topbar .header-actions{gap:.3rem}.public-club-topbar .back-link{font-size:.68rem}.public-join-button{padding:.58rem .62rem;font-size:.65rem}.public-topbar-status{gap:.2rem;font-size:.58rem;line-height:1.15;text-align:center}.public-topbar-status b,.public-status-separator{display:none}.public-tv-header{padding-right:1rem;padding-left:1rem}.public-club-intro h1,.public-gated-feature h1{font-size:2.65rem}.public-club-actions{align-items:stretch;flex-direction:column}.public-club-actions a{text-align:center}.public-member-ticket{padding:1.7rem 1rem}.public-ranking-card li{grid-template-columns:2rem 1fr}.public-ranking-card li strong{grid-column:2}.public-app-nav a>span:last-child{font-size:.55rem}.public-tv-signup{margin-right:-1rem;margin-left:-1rem;padding:1.2rem 1rem}.public-tv-signup .primary-button{display:block;margin:1rem 0;text-align:center}}

/* Comunidade e Não Jogues com o Baralho Todo */
.community-hub{width:min(100%,980px);margin:0 auto;padding:clamp(2rem,6vw,5rem) 1rem 7rem}.community-hub-heading h1{margin:.2rem 0;font-size:clamp(3rem,9vw,6.5rem);letter-spacing:-.07em}.community-hub-heading>p:last-child{color:#aaa}.community-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;margin-top:2rem}.community-hub-card{display:grid;min-height:340px;align-content:space-between;padding:1.5rem;border:1px solid #35353d;border-radius:1.5rem;background:#17171b;color:#fff;text-decoration:none;box-shadow:0 1.5rem 4rem #0003}.community-hub-card:hover{transform:translateY(-3px);border-color:#777}.community-hub-card--tasca{background:radial-gradient(circle at 85% 10%,#9a5b2755,transparent 42%),#171512}.community-hub-card--baralho{background:radial-gradient(circle at 85% 10%,#b91c1c48,transparent 42%),#181313}.community-hub-icon{display:grid;width:4rem;height:4rem;place-items:center;border:1px solid #ffffff24;border-radius:1.2rem;background:#ffffff0d;font-size:2rem}.community-hub-card small{color:#aaa;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.community-hub-card h2{margin:.45rem 0;font-size:clamp(1.75rem,4vw,2.65rem);line-height:1}.community-hub-card p{color:#b8b8c0;line-height:1.5}.community-hub-card b{color:#fb3c8e}
.baralho-body{background:radial-gradient(circle at 90% 0,#7f1d1d2e,transparent 32rem),#0b0b0d}.baralho-page,.baralho-form-page{width:min(100%,920px);margin:0 auto;padding:clamp(1.4rem,5vw,3rem) 1rem 7rem}.baralho-form-page{width:min(100%,640px)}.baralho-heading{margin-bottom:1.5rem}.baralho-heading h1,.baralho-form-page h1{margin:.25rem 0 .7rem;font-size:clamp(2.6rem,8vw,5rem);line-height:.95;letter-spacing:-.06em}.baralho-heading>p:last-child,.baralho-form-page>p{max-width:680px;color:#aaa;line-height:1.6}.baralho-onboarding{display:grid;width:min(100%,720px);min-height:calc(100vh - 11rem);align-content:center;gap:1rem;margin:0 auto;padding:2rem 1.2rem 7rem;text-align:center}.baralho-onboarding h1{margin:.2rem 0;font-size:clamp(2.35rem,7vw,4.5rem);line-height:1;letter-spacing:-.055em}.baralho-onboarding>p:not(.eyebrow){max-width:620px;margin:auto;color:#b8b8c0;line-height:1.6}.baralho-onboarding>small{color:#85858f}.baralho-suit{display:grid;width:5rem;height:5rem;place-items:center;margin:0 auto;border:1px solid #ef444455;border-radius:1.4rem;background:#ef444412;color:#ef4444;font-size:2.8rem}.baralho-real-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1rem 0}.baralho-real-list span{display:grid;gap:.35rem;padding:1rem;border:1px solid #303038;border-radius:1rem;background:#151519;color:#c7c7ce;font-size:.82rem}.baralho-real-list b{color:#fb3c8e;font-size:1.5rem}.baralho-onboarding blockquote{margin:.5rem 0;padding:1rem;border-left:2px solid #ef4444;color:#ddd;font-weight:800}.baralho-primary{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;border:0;border-radius:.85rem;padding:.8rem 1.15rem;background:#ef3f69;color:#fff;font:inherit;font-weight:950;text-decoration:none;cursor:pointer}.baralho-text-link{display:inline-block;color:#fb6c9f;font-weight:850;text-decoration:none}.baralho-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.baralho-main-card{display:flex;min-height:470px;flex-direction:column;align-items:stretch;padding:1.4rem;border:1px solid #303038;border-radius:1.4rem;background:#151519}.baralho-main-card>span:first-child{color:#fb789f;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.baralho-main-card>small{margin-top:1.4rem;color:#999}.baralho-main-card>strong{margin:.3rem 0 1.5rem;font-size:clamp(2.3rem,6vw,4.2rem);letter-spacing:-.06em}.baralho-main-card .baralho-primary{margin-top:auto}.baralho-main-card .baralho-text-link{margin-top:1rem;text-align:center}.baralho-split{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin-bottom:1rem}.baralho-split span{display:grid;gap:.3rem;padding:.9rem;border-radius:.8rem;background:#202025;color:#999;font-size:.75rem}.baralho-split b{color:#fff;font-size:1rem}.is-negative{color:#fb7185!important}.is-positive{color:#4ade80!important}.baralho-habit-card>strong{font-size:5.5rem}.baralho-habit-card>strong em{color:#aaa;font-size:1rem;font-style:normal;letter-spacing:0}.baralho-habit-card>p{margin-top:-1rem;color:#aaa}.baralho-confirm{margin-top:auto}.baralho-confirm summary{display:flex;min-height:3.25rem;align-items:center;justify-content:center;border-radius:.85rem;background:#ef3f69;font-weight:950;cursor:pointer;list-style:none}.baralho-confirm>div{margin-top:.65rem;padding:.8rem;border-radius:.8rem;background:#222228}.baralho-confirm p{color:#bbb;font-size:.8rem;line-height:1.45}.baralho-confirm .baralho-primary{width:100%}.baralho-recorded{margin-top:auto;padding:1rem;border:1px solid #22c55e55;border-radius:.8rem;background:#22c55e12;color:#86efac;font-weight:900;text-align:center}.baralho-month-stat{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding:.8rem 0;border-top:1px solid #303038;color:#aaa}.baralho-month-stat b{color:#fff}.baralho-honesty{margin:1rem 0 0;padding:1.2rem;border-left:2px solid #ef4444;background:#151519;color:#cacad1;line-height:1.6}.baralho-balance-summary{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(120px,.8fr));gap:1px;overflow:hidden;margin-bottom:1rem;border:1px solid #34343c;border-radius:1.2rem;background:#34343c}.baralho-balance-summary>*{display:grid;gap:.3rem;padding:1.2rem;background:#17171b}.baralho-balance-summary small,.baralho-balance-summary span{color:#999}.baralho-balance-summary strong{font-size:clamp(2rem,5vw,3.2rem)}.baralho-balance-summary span b{color:#fff}.baralho-info{margin:1rem 0;padding:1rem;border:1px solid #37373f;border-radius:1rem;background:#17171b}.baralho-info summary{font-weight:900;cursor:pointer}.baralho-info p{color:#aaa;line-height:1.55}.baralho-info button,.baralho-list details button,.baralho-estimates button{border:0;border-radius:.6rem;padding:.65rem;background:#fff;color:#111;font-weight:900;cursor:pointer}.baralho-success{padding:.8rem;border-radius:.7rem;background:#14532d;color:#bbf7d0}.baralho-list{display:grid;gap:.55rem}.baralho-list article{display:grid;grid-template-columns:4rem minmax(0,1fr) auto auto;gap:.75rem;align-items:center;padding:1rem;border:1px solid #303038;border-radius:1rem;background:#17171b}.baralho-list time{color:#aaa;font-size:.75rem;text-transform:uppercase}.baralho-list article>div{display:grid;gap:.15rem}.baralho-list small{color:#999}.baralho-list article>b{font-size:1rem}.baralho-list details{position:relative}.baralho-list details summary{cursor:pointer;list-style:none}.baralho-list details form{position:absolute;z-index:3;right:0;width:190px;padding:.8rem;border:1px solid #555;border-radius:.7rem;background:#222}.baralho-list details p{margin-top:0;font-size:.8rem}.baralho-empty{padding:2rem;border:1px dashed #3b3b44;border-radius:1rem;color:#999;text-align:center}.baralho-form{display:grid;gap:1rem;margin-top:1.4rem;padding:1.25rem;border:1px solid #34343c;border-radius:1.2rem;background:#17171b}.baralho-form label{display:grid;gap:.45rem;font-weight:850}.baralho-form input,.baralho-form select{width:100%;border:1px solid #484852;border-radius:.75rem;padding:.85rem;background:#0f0f12;color:#fff;font:inherit}.baralho-form fieldset{display:grid;gap:.65rem;border:0;padding:0}.baralho-form legend{margin-bottom:.6rem;font-weight:900}.baralho-choice{grid-template-columns:auto 1fr!important;align-items:center;padding:.8rem;border:1px solid #3a3a43;border-radius:.8rem;background:#202025}.baralho-choice input{width:auto}.baralho-choice span{display:grid}.baralho-choice small{color:#999;font-weight:500}.baralho-habit-summary{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid #333;border-radius:1.2rem;background:#333}.baralho-habit-summary>*{display:grid;gap:.3rem;align-content:center;min-height:115px;padding:1rem;background:#17171b}.baralho-habit-summary div strong{font-size:3rem}.baralho-habit-summary span,.baralho-habit-summary small{color:#999}.baralho-calendar{margin-top:1rem;padding:1.2rem;border:1px solid #333;border-radius:1.2rem;background:#151519}.baralho-calendar header{display:flex;align-items:end;justify-content:space-between;gap:1rem}.baralho-calendar header small{color:#999}.baralho-calendar article{margin-top:1.2rem}.baralho-calendar article>div{display:flex;gap:.5rem;flex-wrap:wrap}.baralho-calendar time,.baralho-admin-days time{display:grid;min-width:75px;gap:.2rem;padding:.7rem;border:1px solid #ef444444;border-radius:.75rem;background:#ef444411;color:#fff}.baralho-calendar time small,.baralho-admin-days small{color:#fda4af}.baralho-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.baralho-history-guide{padding:1.3rem;border:1px solid #333;border-radius:1.2rem;background:#151519}.baralho-history-guide li{margin:.7rem 0;color:#bbb}.baralho-estimates{margin-top:1.5rem}.baralho-estimates>article{margin:.7rem 0;padding:1rem;border:1px solid #333;border-radius:1rem;background:#17171b}.baralho-estimates article>header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.baralho-estimates header div{display:grid;gap:.2rem}.baralho-estimates header small{color:#999}.baralho-estimates header span{padding:.35rem .55rem;border-radius:99px;background:#78350f;color:#fde68a;font-size:.68rem;font-weight:900}.baralho-estimates header span.is-complete{background:#14532d;color:#bbf7d0}.baralho-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:1rem}.baralho-comparison span{display:grid;gap:.35rem;padding:.8rem;border-radius:.7rem;background:#222228;color:#999;font-size:.75rem}.baralho-comparison b{color:#fff;font-size:1.1rem}.baralho-admin-list{display:grid;gap:.55rem}.baralho-admin-list>a{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:1rem;align-items:center;padding:1rem;border:1px solid #333;border-radius:1rem;background:#17171b;color:#fff;text-decoration:none}.baralho-admin-list a>div{display:grid}.baralho-admin-list small{color:#999}.baralho-admin-list a>span:not(.ranking-avatar){display:grid;color:#999;font-size:.72rem}.baralho-admin-list a>span b{color:#fff;font-size:1rem}.baralho-admin-list i{color:#fb3c8e;font-style:normal}.baralho-admin-person{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.baralho-admin-person h1{margin:.1rem 0;font-size:2.4rem}.baralho-admin-readonly{padding:.4rem .65rem;border-radius:99px;background:#27272d;color:#aaa;font-size:.7rem;font-weight:900}.baralho-admin-columns{display:grid;grid-template-columns:1.3fr .7fr;gap:1rem;margin-top:1rem}.baralho-admin-days{display:grid;gap:.5rem}
@media(max-width:700px){.community-hub-grid,.baralho-dashboard-grid,.baralho-history-grid,.baralho-admin-columns{grid-template-columns:1fr}.community-hub-card{min-height:270px}.baralho-real-list{grid-template-columns:1fr}.baralho-main-card{min-height:420px}.baralho-balance-summary{grid-template-columns:1fr 1fr}.baralho-balance-summary>div{grid-column:1/-1}.baralho-habit-summary{grid-template-columns:1fr 1fr}.baralho-habit-summary>div{grid-column:1/-1}.baralho-comparison{grid-template-columns:1fr}.baralho-admin-list>a{grid-template-columns:auto 1fr auto}.baralho-admin-list a>span:not(.ranking-avatar){display:none}.baralho-list article{grid-template-columns:3.3rem minmax(0,1fr) auto auto}.baralho-calendar header{align-items:start;flex-direction:column}}
.baralho-register-day{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:center;margin:1rem 0;padding:1.2rem;border:1px solid #ef44443d;border-radius:1.2rem;background:linear-gradient(135deg,#211416,#17171b)}.baralho-register-day h2{margin:.25rem 0}.baralho-register-day p:not(.eyebrow){margin:.3rem 0;color:#aaa;line-height:1.5}.baralho-register-day form{display:grid;gap:.5rem}.baralho-register-day label{font-size:.78rem;font-weight:900}.baralho-register-day form>div{display:flex;gap:.55rem}.baralho-register-day input{min-width:0;flex:1;border:1px solid #484852;border-radius:.75rem;padding:.8rem;background:#0f0f12;color:#fff;font:inherit}.baralho-day-entry{position:relative}.baralho-day-entry>summary{cursor:pointer;list-style:none}.baralho-day-entry>form{position:absolute;z-index:4;top:calc(100% + .35rem);left:0;width:190px;padding:.75rem;border:1px solid #555;border-radius:.75rem;background:#25252b;box-shadow:0 .8rem 2rem #0008}.baralho-day-entry form p{margin:0 0 .6rem;color:#ddd;font-size:.75rem}.baralho-day-entry form button{border:0;border-radius:.55rem;padding:.6rem;background:#fff;color:#111;font-weight:900;cursor:pointer}
@media(max-width:700px){.baralho-register-day{grid-template-columns:1fr}.baralho-register-day form>div{align-items:stretch;flex-direction:column}.baralho-day-entry>form{right:0;left:auto}}
.baralho-movement-filters{display:grid;gap:.75rem;margin:1rem 0}.baralho-movement-filters nav{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.2rem}.baralho-movement-filters nav a{flex:0 0 auto;padding:.65rem .8rem;border:1px solid #36363f;border-radius:.7rem;background:#17171b;color:#aaa;font-size:.76rem;font-weight:850;text-decoration:none}.baralho-movement-filters nav a.is-active{border-color:#ef3f69;background:#ef3f6918;color:#fff}.baralho-movement-filters details{padding:.8rem 1rem;border:1px solid #35353d;border-radius:.8rem;background:#151519}.baralho-movement-filters summary{cursor:pointer;font-weight:900}.baralho-movement-filters form{display:flex;gap:.65rem;align-items:end;margin-top:.8rem}.baralho-movement-filters label{display:grid;gap:.3rem;color:#aaa;font-size:.72rem;font-weight:850}.baralho-movement-filters input{border:1px solid #484852;border-radius:.65rem;padding:.7rem;background:#0f0f12;color:#fff;font:inherit}.baralho-movement-filters button{border:0;border-radius:.65rem;padding:.75rem 1rem;background:#fff;color:#111;font-weight:900;cursor:pointer}.baralho-period-summary{overflow:hidden;margin:1rem 0;border:1px solid #3a3a43;border-radius:1rem;background:#17171b}.baralho-period-summary header{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #303038;color:#aaa;font-size:.78rem}.baralho-period-summary header b{color:#fff}.baralho-period-summary>div{display:grid;grid-template-columns:repeat(3,1fr)}.baralho-period-summary>div>span{display:grid;gap:.3rem;padding:1rem;border-right:1px solid #303038;color:#999;font-size:.75rem}.baralho-period-summary>div>span:last-child{border-right:0}.baralho-period-summary span b{color:#fff;font-size:1rem}.baralho-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:.8rem;border-top:1px solid #303038}.baralho-pagination a{color:#fb6c9f;font-weight:850;text-decoration:none}.baralho-pagination a.is-disabled{opacity:.35;pointer-events:none}.baralho-pagination span{color:#999;font-size:.75rem}
@media(max-width:600px){.baralho-movement-filters form{align-items:stretch;flex-direction:column}.baralho-movement-filters input{width:100%}.baralho-period-summary>div{grid-template-columns:1fr}.baralho-period-summary>div>span{grid-template-columns:1fr auto;border-right:0;border-bottom:1px solid #303038}.baralho-period-summary>div>span:last-child{border-bottom:0}}
.community-hub-card{display:block;min-height:0;overflow:hidden;padding:0;background:#131316}.community-hub-card>img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.community-hub-card>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem}.community-hub-card>div small{color:#999;font-size:.68rem}.community-hub-card>div strong{color:#fff;font-size:.82rem}.community-hub-card>div strong span{color:#fb3c8e}.community-hub-card--tasca,.community-hub-card--baralho{background:#131316}
.community-hub-card>img{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1/1!important;object-fit:contain!important;object-position:center!important}
.public-community-hub{padding-top:clamp(2rem,5vw,4rem)}
.public-community-back{display:inline-block;margin:1.25rem 0 0;color:#aaa;font-size:.78rem;font-weight:850;text-decoration:none}.public-community-back:hover{color:#fff}
.public-baralho-intro{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.4rem;align-items:center;max-width:920px;margin:0 auto;padding:clamp(2rem,6vw,5rem) 1rem 2rem}.public-baralho-intro .baralho-suit{margin:0}.public-baralho-intro h1{max-width:700px;margin:.25rem 0 .8rem;font-size:clamp(3rem,8vw,6rem);line-height:.92;letter-spacing:-.065em}.public-baralho-intro p:last-child{max-width:700px;color:#aaa;line-height:1.6}
.public-baralho-demo{max-width:920px;margin:0 auto 1rem;padding:1rem}.public-baralho-demo>header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.public-baralho-demo>header h2{margin:.2rem 0;font-size:clamp(1.7rem,4vw,2.8rem)}.public-baralho-demo>header>span{flex:0 0 auto;padding:.45rem .7rem;border:1px solid #f59e0b55;border-radius:99px;background:#f59e0b12;color:#fcd34d;font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.public-baralho-summary{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid #34343c;border-radius:1.2rem;background:#34343c}.public-baralho-summary article{display:grid;gap:.35rem;align-content:center;min-height:112px;padding:1rem;background:#17171b}.public-baralho-summary small{color:#999}.public-baralho-summary strong{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.05em}.public-baralho-summary b{font-size:1.1rem}.public-baralho-demo-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;margin-top:1rem}.public-baralho-demo-grid>section{padding:1.15rem;border:1px solid #303038;border-radius:1.2rem;background:#151519}.public-baralho-demo-grid h3{margin:.1rem 0 1rem}.public-demo-movements{display:grid;gap:.5rem}.public-demo-movements article{display:grid;grid-template-columns:3.5rem 1fr auto;gap:.7rem;align-items:center;padding:.75rem;border-radius:.75rem;background:#202025}.public-demo-movements time{color:#999;font-size:.68rem;font-weight:850}.public-demo-movements span{display:grid;gap:.15rem}.public-demo-movements small{color:#999}.public-demo-days{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.public-demo-days time{display:grid;gap:.15rem;padding:.8rem .35rem;border:1px solid #ef444444;border-radius:.75rem;background:#ef444411;text-align:center}.public-demo-days b{font-size:1.4rem}.public-demo-days small{color:#fda4af}.public-baralho-demo-grid section>p{margin-top:1.2rem;color:#999;font-size:.82rem;line-height:1.5}.public-baralho-cta{display:flex;max-width:888px;align-items:center;justify-content:space-between;gap:1.5rem;margin:1rem auto 7rem;padding:1.4rem;border:1px solid #ef3f6955;border-radius:1.3rem;background:linear-gradient(135deg,#ef3f6915,#151519)}.public-baralho-cta h2{margin:.2rem 0;font-size:clamp(1.7rem,4vw,2.6rem)}.public-baralho-cta p:last-child{max-width:560px;color:#aaa}.public-baralho-cta>div:last-child{display:grid;flex:0 0 auto;gap:.75rem;text-align:center}
@media(max-width:700px){.public-baralho-intro{grid-template-columns:1fr}.public-baralho-intro .baralho-suit{margin:0}.public-baralho-demo>header{align-items:start;flex-direction:column}.public-baralho-summary{grid-template-columns:1fr 1fr}.public-baralho-summary article:first-child{grid-column:1/-1}.public-baralho-demo-grid{grid-template-columns:1fr}.public-baralho-cta{align-items:stretch;flex-direction:column;margin-right:1rem;margin-left:1rem}.public-baralho-cta>div:last-child{width:100%}}
@media(max-width:700px){.community-hub:not(.public-community-hub){padding:1rem 1.35rem 7rem}.community-hub:not(.public-community-hub) .community-hub-heading h1{margin:0;font-size:2.7rem}.community-hub:not(.public-community-hub) .community-hub-heading p{margin:.25rem 0 0}.community-hub:not(.public-community-hub) .community-hub-grid{gap:.8rem;margin-top:1rem}.public-baralho-intro{grid-template-columns:1fr}.public-baralho-intro .baralho-suit{margin:0}.public-baralho-demo>header{align-items:start;flex-direction:column}.public-baralho-summary{grid-template-columns:1fr 1fr}.public-baralho-summary article:first-child{grid-column:1/-1}.public-baralho-demo-grid{grid-template-columns:1fr}.public-baralho-cta{align-items:stretch;flex-direction:column;margin-right:1rem;margin-left:1rem}.public-baralho-cta>div:last-child{width:100%}}