:root {
  --bg: #080b14;
  --nav: #0c1220;
  --panel: #101726;
  --panel-2: #141d31;
  --line: #243149;
  --ink: #f7fbff;
  --muted: #9aa8bf;
  --teal: #20e0c1;
  --blue: #6c8cff;
  --pink: #ff4fd8;
  --coral: #ff6b5f;
  --gold: #ffc44d;
  --green: #4be28a;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 14% 5%, rgba(32,224,193,.18), transparent 28%),
    radial-gradient(circle at 90% 0%, rgba(255,79,216,.13), transparent 26%),
    var(--bg);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

.shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
}

.shell > * {
  min-width: 0;
}

.sidebar {
  background: rgba(12,18,32,.95);
  border-right: 1px solid var(--line);
  padding: 18px;
  min-width: 0;
  max-width: 100%;
}

.brand {
  border: 1px solid var(--line);
  padding: 15px;
  margin-bottom: 16px;
}

.brand span {
  display: block;
  color: var(--teal);
  font-size: 12px;
  font-weight: 900;
}

.brand strong { font-size: 21px; }

.nav {
  display: grid;
  gap: 9px;
}

.nav button,
.nav a {
  border: 0;
  background: rgba(255,255,255,.06);
  color: var(--ink);
  text-align: left;
  padding: 12px;
  font-weight: 900;
  text-decoration: none;
}

.nav button.active,
.nav a.active {
  color: #06101c;
  background: linear-gradient(90deg, var(--teal), var(--blue));
}

.nav-label {
  color: var(--gold);
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: .08em;
  margin-top: 6px;
  text-transform: uppercase;
}

.main {
  padding: 26px;
  min-width: 0;
}

.main-content {
  min-width: 0;
}

.ecosystem-ad-rail {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  position: sticky;
  top: 12px;
}

.ecosystem-ad-rail > span,
.ecosystem-ad-rail em {
  color: var(--gold);
  font-size: 10px;
  font-style: normal;
  font-weight: 1000;
  text-align: center;
  text-transform: uppercase;
}

.rail-ad-slot {
  border: 1px solid rgba(255,196,77,.26);
  background:
    radial-gradient(circle at 85% 10%, rgba(255,79,216,.18), transparent 38%),
    rgba(12,18,32,.92);
  color: var(--ink);
  display: grid;
  gap: 5px;
  min-height: 86px;
  overflow: hidden;
  padding: 8px;
  text-align: left;
}

.rail-ad-slot:hover {
  border-color: rgba(75,226,138,.55);
}

.rail-ad-slot.coming-soon-ad {
  border-color: rgba(154,168,191,.28);
  background:
    linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.015)),
    rgba(12,18,32,.72);
  cursor: default;
  opacity: .82;
}

.rail-ad-slot.coming-soon-ad:hover {
  border-color: rgba(154,168,191,.28);
}

.rail-ad-slot small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 1000;
  text-transform: uppercase;
}

.rail-ad-slot strong {
  color: var(--green);
  font-size: 15px;
}

.rail-ad-slot.coming-soon-ad strong {
  color: var(--gold);
}

.rail-rotator {
  display: grid;
  gap: 3px;
}

.rail-rotator b {
  color: var(--teal);
  font-size: 10px;
  font-weight: 1000;
  opacity: .68;
  white-space: nowrap;
}

.topbar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;
}

.public-mode .topbar {
  margin-bottom: 10px;
}

.top-chips,
.public-status-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.top-chips span,
.public-status-strip span {
  border: 1px solid var(--line);
  background: rgba(12,18,32,.9);
  color: var(--muted);
  padding: 7px 9px;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.public-status-strip {
  align-items: center;
  margin: -2px 0 12px;
}

.public-status-strip span b {
  color: var(--teal);
  margin-right: 4px;
}

.public-status-strip .btn {
  padding: 7px 10px;
}

.public-mode .section-title p,
.public-mode .microcopy,
.public-mode .panel > p:not(.eyebrow):not(.chat-status) {
  display: none;
}

.public-mode .hero.compact-hero {
  padding: 16px 18px;
}

.public-mode .hero.compact-hero h2 {
  font-size: clamp(26px, 3.3vw, 42px);
}

.public-mode .panel h3 {
  margin-bottom: 8px;
}

.build-progress-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(92px, auto)) minmax(260px, 1fr) auto;
  align-items: stretch;
  gap: 9px;
  margin: -4px 0 18px;
}

.build-progress-strip article,
.build-progress-strip > div {
  background: rgba(16, 23, 38, .92);
  border: 1px solid var(--line);
  padding: 11px 12px;
}

.build-progress-strip span,
.build-progress-strip small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.build-progress-strip strong {
  display: inline-block;
  margin-top: 2px;
  font-size: 25px;
}

.build-progress-strip b {
  display: block;
  color: var(--teal);
  margin-bottom: 3px;
}

.build-progress-strip > div span {
  color: var(--ink);
  line-height: 1.35;
  font-size: 12px;
}

.build-progress-strip .btn {
  min-height: 100%;
}

.eyebrow {
  color: var(--teal);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 6px;
}

h1, h2, h3, h4, p { margin-top: 0; }
h1 { font-size: 38px; margin-bottom: 6px; letter-spacing: 0; }
h2 { font-size: 42px; line-height: 1.05; letter-spacing: 0; }
h3 { margin-bottom: 0; }
p { color: var(--muted); line-height: 1.5; }

.actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.btn {
  border: 0;
  padding: 11px 14px;
  font-weight: 900;
}

.btn-primary {
  color: #06101c;
  background: linear-gradient(90deg, var(--teal), var(--blue));
}

.btn-secondary {
  color: var(--ink);
  background: #121b2d;
  border: 1px solid var(--line);
}

.hero {
  border: 1px solid var(--line);
  padding: 28px;
  margin-bottom: 14px;
  background:
    radial-gradient(circle at 82% 12%, rgba(255,79,216,.24), transparent 28%),
    radial-gradient(circle at 16% 86%, rgba(32,224,193,.16), transparent 30%),
    linear-gradient(115deg, rgba(255,107,95,.16), rgba(108,140,255,.12)),
    var(--panel);
}

.hero .btn-primary {
  font-size: 17px;
  padding: 15px 18px;
}

.rugged-command-strip {
  align-items: center;
  background:
    linear-gradient(90deg, rgba(32,224,193,.1), rgba(255,79,216,.07)),
    #0c1220;
  border: 1px solid rgba(32,224,193,.24);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(230px, .62fr) minmax(0, 1fr);
  margin-bottom: 10px;
  padding: 11px;
}

.rugged-command-strip > div:first-child {
  display: grid;
  gap: 5px;
}

.rugged-command-strip h2 {
  font-size: 24px;
  line-height: 1;
  margin: 0;
}

.rugged-command-strip span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.rugged-command-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.rugged-command-actions .btn {
  flex: 0 1 auto;
  padding: 10px 11px;
  white-space: nowrap;
}

.rugged-command-actions .btn-primary {
  font-size: 14px;
}

.stats {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}

.sponsor-banner {
  border: 1px solid rgba(255,196,77,.5);
  background:
    linear-gradient(90deg, rgba(255,196,77,.16), rgba(255,79,216,.11)),
    var(--panel);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
  padding: 12px;
}

.sponsor-banner span,
.monetized-slots span,
.stream-slot span,
.sponsor-card > span {
  color: var(--gold);
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.sponsor-banner strong,
.stream-slot strong {
  font-size: 18px;
}

.monetized-slots {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
  margin-bottom: 12px;
}

.monetized-slots article {
  border: 1px solid var(--line);
  background: rgba(16,23,38,.9);
  padding: 10px;
  min-height: 92px;
}

.monetized-slots strong,
.monetized-slots small {
  display: block;
}

.monetized-slots strong {
  margin: 5px 0;
  font-size: 19px;
}

.monetized-slots small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.stream-slot,
.sponsor-card {
  display: grid;
  gap: 9px;
}

.stream-slot-list {
  display: grid;
  gap: 7px;
}

.stream-choice {
  align-items: center;
  background: rgba(12,18,32,.92);
  border: 1px solid rgba(255,255,255,.1);
  color: var(--ink);
  cursor: pointer;
  display: grid;
  gap: 5px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 9px;
  text-align: left;
}

.stream-choice:hover {
  border-color: rgba(75,226,138,.45);
}

.stream-choice span {
  color: var(--ink);
  font-size: 12px;
  text-transform: none;
}

.stream-choice b {
  color: var(--green);
  font-size: 13px;
}

.stream-choice small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.spotlight-token {
  border: 1px solid rgba(75,226,138,.32);
  background: #0c1220;
  color: var(--ink);
  display: flex;
  justify-content: space-between;
  padding: 9px;
  font-weight: 1000;
}

.spotlight-token b {
  color: var(--green);
}

.stat {
  background: var(--panel);
  border: 1px solid var(--line);
  padding: 13px;
}

.stat span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.stat strong {
  display: block;
  font-size: 28px;
  margin-top: 5px;
}

.filters {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) repeat(4, auto);
  gap: 9px;
  background: var(--panel);
  border: 1px solid var(--line);
  padding: 12px;
  margin-bottom: 14px;
}

.list-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
  border: 1px solid var(--line);
  background: var(--panel);
  padding: 10px;
}

.list-status span {
  color: var(--muted);
  font-weight: 900;
}

input, select, textarea {
  width: 100%;
  border: 1px solid var(--line);
  background: #0c1220;
  color: var(--ink);
  padding: 11px;
  font-weight: 700;
}

.home-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 12px;
}

.project-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}

.home-chat {
  display: grid;
  align-content: start;
  gap: 12px;
}

.home-chat .panel {
  position: sticky;
  top: 16px;
}

.chat-status {
  color: var(--teal);
  font-size: 12px;
  font-weight: 900;
  margin: 6px 0 12px;
}

.chat-feed {
  display: grid;
  gap: 6px;
}

.chat-feed p,
.chat-message {
  margin: 0;
  background: #0b111a;
  border: 1px solid var(--line);
  padding: 6px 34px 6px 8px;
  color: #d9e6f9;
  line-height: 1.22;
}

.chat-message {
  display: grid;
  gap: 2px;
  position: relative;
}

.chat-message span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.chat-message p {
  background: transparent;
  border: 0;
  color: #d9e6f9;
  font-size: 12px;
  line-height: 1.2;
  padding: 0;
}

.chat-message em {
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  position: absolute;
  right: 8px;
  top: 6px;
}

.chat-input {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin-top: 8px;
}

.chat-input input,
.chat-name-row input {
  min-height: 38px;
}

.chat-name-row {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin: 7px 0;
}

.chat-name-row .btn {
  min-width: 78px;
  padding: 8px 10px;
}

.chat-count {
  color: var(--muted);
  display: block;
  font-size: 11px;
  font-weight: 800;
  margin: 5px 0 0;
}

.compact-feed p {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  padding: 7px;
}

.compact-feed em {
  color: var(--muted);
  font-style: normal;
  font-size: 12px;
}

.feed-buy {
  border-color: rgba(38, 255, 139, .45) !important;
  box-shadow: inset 3px 0 0 rgba(38, 255, 139, .9);
}

.feed-sell {
  border-color: rgba(255, 87, 87, .42) !important;
  box-shadow: inset 3px 0 0 rgba(255, 87, 87, .85);
}

.chat-load-btn {
  width: 100%;
  margin-top: 8px;
}

.project-chat-feed {
  margin: 8px 0;
  max-height: 310px;
  overflow: auto;
}

.chat-sponsor-marquee {
  background: linear-gradient(90deg, rgba(255,196,77,.2), rgba(32,224,193,.12));
  border: 1px solid rgba(255,196,77,.38);
  color: var(--gold);
  font-size: 11px;
  font-weight: 1000;
  overflow: hidden;
  padding: 7px 0;
  text-transform: uppercase;
  white-space: nowrap;
}

.chat-sponsor-marquee span {
  display: inline-block;
  min-width: 100%;
  padding-left: 100%;
  animation: sponsorScroll 18s linear infinite;
}

@keyframes sponsorScroll {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}

.project-card {
  position: relative;
  min-height: 198px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(20,29,49,.98), rgba(12,18,32,.98));
  border: 1px solid var(--line);
  padding: 10px;
}

.project-card.hot { border-color: rgba(32,224,193,.55); }
.project-card.boosted { border-color: rgba(255,79,216,.45); }
.project-card.buying {
  border-color: var(--teal);
  box-shadow: 0 0 30px rgba(32,224,193,.30);
  animation: buyShake .65s ease-in-out 5;
}

.project-card.buying::after {
  content: "Just Bought";
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 3;
  background: #39ff77;
  color: #06101c;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  box-shadow: 0 0 26px rgba(57,255,119,.58);
  animation: justBoughtFlash .45s steps(1, end) 5;
}

.project-card.buying .project-art {
  animation: boughtSpin 2.6s ease-out 1;
}

.card-powered-badge {
  background: rgba(32,224,193,.13);
  border: 1px solid rgba(32,224,193,.3);
  color: var(--teal);
  display: inline-block;
  font-size: 9px;
  font-weight: 1000;
  letter-spacing: 0;
  margin-bottom: 7px;
  padding: 4px 6px;
  text-transform: uppercase;
}

.project-card .card-powered-badge {
  box-sizing: border-box;
  margin: 7px 0 0;
  text-align: center;
  width: 100%;
}

.inline-powered-badge {
  color: var(--teal) !important;
  font-size: 9px !important;
  font-weight: 1000;
  margin-top: 2px;
  text-transform: uppercase;
}

.badge {
  position: absolute;
  right: 9px;
  top: 9px;
  background: var(--gold);
  color: #06101c;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 900;
}

.project-art {
  height: 58px;
  margin: -10px -10px 7px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  background:
    radial-gradient(circle at 70% 30%, rgba(255,255,255,.22), transparent 18%),
    linear-gradient(135deg, rgba(32,224,193,.52), rgba(108,140,255,.44), rgba(255,79,216,.42));
  border-bottom: 1px solid var(--line);
}

.project-title {
  display: flex;
  gap: 7px;
  align-items: center;
  padding-right: 50px;
  margin-bottom: 5px;
}

.coin {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: #06101c;
  font-weight: 900;
  font-style: normal;
  background: var(--teal);
}

.project-title h3 { font-size: 13px; margin-bottom: 0; }
.project-title span { color: var(--muted); font-size: 10px; font-weight: 800; }
.project-title .ticker-line {
  display: inline-block;
  color: #06101c;
  background: linear-gradient(90deg, var(--teal), var(--green));
  padding: 2px 5px;
  margin: 3px 5px 0 0;
  font-size: 10px;
  font-weight: 900;
}

.tags {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.tags span {
  background: rgba(32,224,193,.12);
  border: 1px solid rgba(32,224,193,.22);
  color: #dffbf7;
  padding: 2px 4px;
  font-size: 9px;
  font-weight: 900;
}

.progress {
  display: flex;
  align-items: end;
  gap: 6px;
}

.progress strong {
  color: var(--teal);
  font-size: 25px;
  line-height: .9;
}

.progress span { color: var(--muted); font-size: 10px; font-weight: 900; }

meter {
  width: 100%;
  height: 8px;
  accent-color: var(--teal);
}

.meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  margin: 6px 0 7px;
}

.meta div {
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 4px;
}

.meta span {
  display: block;
  color: var(--muted);
  font-size: 8px;
  font-weight: 900;
}

.meta b {
  display: block;
  font-size: 11px;
  margin-top: 2px;
}

.project-card .btn {
  width: 100%;
  padding: 8px;
}

.panel-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.admin-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.swap-layout {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 12px;
  margin-top: 12px;
}

.trade-home {
  display: grid;
  grid-template-columns: minmax(300px, 420px) minmax(0, 1fr) 220px;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 12px;
}

.platform-home-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 12px;
  align-items: start;
  margin-bottom: 12px;
}

.platform-main-stack {
  min-width: 0;
}

.platform-chat-rail {
  display: grid;
  gap: 12px;
  position: sticky;
  top: 16px;
}

.action-home {
  display: grid;
  grid-template-columns: minmax(320px, 1.25fr) minmax(190px, .45fr) minmax(180px, .4fr) 220px;
  gap: 9px;
  align-items: stretch;
  margin-bottom: 10px;
}

.launch-action-home {
  grid-template-columns: minmax(360px, 1.3fr) minmax(220px, .5fr) 260px;
}

.sites-action-home {
  grid-template-columns: minmax(360px, 1.25fr) minmax(220px, .45fr) 260px;
}

.launchpad-start {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(245px, .72fr) 220px;
  gap: 10px;
  align-items: stretch;
  margin-bottom: 10px;
}

.launchpad-start-primary,
.launchpad-start-secondary {
  display: grid;
  align-content: center;
  gap: 10px;
}

.launchpad-start-primary {
  min-height: 178px;
  border-color: rgba(32,224,193,.34);
  background:
    radial-gradient(circle at 16% 8%, rgba(32,224,193,.2), transparent 32%),
    linear-gradient(135deg, rgba(255,79,216,.12), rgba(252,197,69,.08)),
    var(--panel);
}

.launchpad-start-primary h2 {
  font-size: 34px;
  line-height: 1;
  margin: 0;
}

.launchpad-start-primary p,
.launchpad-start-secondary small {
  color: var(--muted);
  font-weight: 800;
  margin: 0;
}

.launchpad-start-secondary span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.launchpad-start-secondary strong {
  font-size: 20px;
}

.launchpad-main-cta {
  min-height: 46px;
  font-size: 15px;
}

.launchpad-big-choice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .85fr);
  gap: 8px;
}

.launchpad-pill {
  background: rgba(7,11,22,.7);
  border: 1px solid rgba(32,224,193,.25);
  color: var(--teal);
  font-size: 12px;
  font-weight: 1000;
  padding: 8px 9px;
}

.launchpad-trust-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.launchpad-trust-strip span {
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(7,11,22,.7);
  color: var(--muted);
  padding: 7px 8px;
  font-size: 12px;
  font-weight: 900;
}

.launchpad-trust-strip b {
  color: var(--teal);
}

.platform-chat-panel {
  display: grid;
  align-content: start;
  max-height: calc(100vh - 32px);
}

.platform-chat-panel .chat-feed {
  max-height: min(610px, calc(100vh - 220px));
  overflow: auto;
}

.action-command,
.action-card {
  display: grid;
  align-content: center;
  gap: 8px;
}

.action-command {
  min-height: 118px;
  background:
    linear-gradient(90deg, rgba(32,224,193,.1), rgba(255,79,216,.07)),
    var(--panel);
}

.action-command h2 {
  font-size: 26px;
  line-height: 1;
  margin: 0;
}

.hero-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.hero-search input {
  font-size: 14px;
  min-height: 40px;
}

.quick-filters,
.stage-builder-strip,
.mini-stat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.quick-filters button,
.stage-builder-strip span,
.mini-stat-row span {
  border: 1px solid var(--line);
  background: rgba(12,18,32,.82);
  color: var(--ink);
  padding: 6px 8px;
  font-weight: 900;
  font-size: 12px;
}

.stage-builder-strip span,
.mini-stat-row span {
  color: var(--muted);
}

.stage-builder-strip b,
.mini-stat-row b {
  color: var(--teal);
  margin-right: 6px;
}

.action-card strong,
.action-card span {
  display: block;
}

.action-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.action-card strong {
  font-size: 18px;
}

.stack-metrics {
  grid-template-columns: 1fr;
}

.compact-rule {
  display: grid;
  gap: 8px;
}

.compact-rule strong {
  color: var(--teal);
  font-size: 18px;
}

.launch-site-addon {
  border: 1px solid rgba(32, 224, 193, .34);
  background:
    linear-gradient(135deg, rgba(32,224,193,.12), rgba(255,79,216,.08)),
    #0c1220;
  padding: 12px;
  margin: 12px 0;
  display: grid;
  gap: 10px;
}

.launch-site-addon:not(.enabled) {
  border-color: var(--line);
  opacity: .82;
}

.addon-toggle {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  color: var(--ink);
  font-weight: 1000;
}

.addon-toggle input {
  width: 18px;
  height: 18px;
  accent-color: var(--teal);
}

.addon-toggle b {
  color: var(--green);
}

.site-addon-grid {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) minmax(0, 1.2fr);
  gap: 10px;
  align-items: stretch;
}

.site-addon-grid strong {
  display: block;
  margin-bottom: 8px;
}

.site-prompt-label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.site-mini-preview {
  border: 1px solid rgba(75, 226, 138, .34);
  background:
    radial-gradient(circle at 88% 12%, rgba(75,226,138,.15), transparent 34%),
    #0c1220;
  display: grid;
  gap: 5px;
  margin-top: 12px;
  padding: 12px;
}

.site-mini-preview span,
.site-mini-preview small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.site-mini-preview strong {
  color: var(--green);
  font-size: 21px;
}

.compact-hero {
  padding-top: 18px;
  padding-bottom: 18px;
}

.compact-hero h2 {
  max-width: 760px;
  font-size: clamp(28px, 4vw, 52px);
  margin-bottom: 12px;
}

.compact-hero p:not(.eyebrow) {
  max-width: 720px;
}

.primary-swap {
  border-color: rgba(37, 246, 122, .42);
  box-shadow: 0 0 0 1px rgba(37, 246, 122, .12), 0 18px 50px rgba(37, 246, 122, .08);
}

.tracswap-swap-home {
  display: grid;
  grid-template-columns: minmax(280px, 380px) minmax(0, 1fr) 180px;
  gap: 12px;
  align-items: start;
}

.swap-topline,
.swap-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.swap-topline h2,
.swap-panel-head h3 {
  margin: 0;
}

.swap-topline span {
  color: var(--teal);
  font-size: 12px;
  font-weight: 1000;
}

.swap-field {
  border: 1px solid var(--line);
  background: rgba(12,18,32,.82);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  padding: 10px;
}

.swap-field span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 1000;
  grid-column: 1 / -1;
  text-transform: uppercase;
}

.swap-field input {
  background: transparent;
  border: 0;
  color: var(--ink);
  font-size: 28px;
  min-width: 0;
  padding: 0;
}

.swap-field b {
  align-self: center;
  background: rgba(32,224,193,.12);
  border: 1px solid rgba(32,224,193,.25);
  color: var(--ink);
  padding: 7px 9px;
}

.swap-flip {
  border: 1px solid rgba(255,255,255,.16);
  background: #101928;
  color: var(--teal);
  font-size: 18px;
  font-weight: 1000;
  height: 34px;
  justify-self: center;
  margin: -5px 0;
  width: 44px;
  z-index: 1;
}

.swap-token-picks,
.swap-mini-fees,
.swap-actions {
  display: grid;
  gap: 6px;
}

.swap-token-picks {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.swap-token-picks button {
  background: #101928;
  border: 1px solid var(--line);
  color: var(--ink);
  font-size: 11px;
  font-weight: 1000;
  min-width: 0;
  padding: 8px 4px;
}

.swap-mini-fees {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.swap-mini-fees span {
  background: rgba(255,255,255,.04);
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  padding: 7px;
  text-align: center;
}

.swap-actions {
  grid-template-columns: .8fr 1.2fr;
}

.tracswap-market-panel {
  min-width: 0;
}

.swap-market-list {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.swap-market-row {
  align-items: center;
  background: #0c1220;
  border: 1px solid var(--line);
  color: var(--ink);
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1.2fr) .7fr .8fr 54px;
  min-width: 0;
  padding: 9px;
  text-align: left;
}

.swap-market-row span,
.swap-market-row b,
.swap-market-row small {
  min-width: 0;
}

.swap-market-row b,
.swap-market-row small,
.swap-market-row strong,
.swap-market-row em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swap-market-row b,
.swap-market-row small {
  display: block;
}

.swap-market-row small,
.swap-market-row em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.swap-market-row strong {
  color: var(--green);
  font-size: 12px;
}

.swap-market-row i {
  background: rgba(37,246,122,.14);
  border: 1px solid rgba(37,246,122,.28);
  color: var(--green);
  font-size: 11px;
  font-style: normal;
  font-weight: 1000;
  padding: 7px 8px;
  text-align: center;
}

.tracswap-quick-panel,
.tracswap-action-panel {
  display: grid;
  gap: 8px;
}

.tracswap-action-panel {
  align-content: start;
  border-color: rgba(252,197,69,.35);
  background:
    linear-gradient(160deg, rgba(252,197,69,.12), rgba(37,246,122,.08)),
    #0c1220;
}

.tracswap-action-panel > span {
  color: var(--gold);
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.tracswap-action-panel > strong {
  color: var(--green);
  font-size: 30px;
  line-height: 1;
}

.tracswap-action-panel > small {
  color: var(--muted);
  font-weight: 900;
}

.tracswap-quick-panel .btn,
.tracswap-action-panel .btn {
  width: 100%;
}

.compact-ops-panel {
  margin-top: 12px;
}

.compact-ops-panel > summary {
  align-items: center;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--line);
  color: var(--ink);
  display: flex;
  font-size: 13px;
  font-weight: 1000;
  justify-content: space-between;
  padding: 12px;
}

.mini-tools {
  border-top: 1px solid var(--line);
  display: grid;
  gap: 7px;
  padding-top: 8px;
}

.mini-tools summary {
  color: var(--muted);
  cursor: pointer;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.mini-tools[open] .btn {
  margin-top: 7px;
}

.advanced-tracswap-panel {
  border: 1px solid var(--line);
  background: rgba(12,18,32,.5);
  margin-top: 12px;
  padding: 10px;
}

.advanced-tracswap-panel summary {
  color: var(--muted);
  cursor: pointer;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
}

.advanced-tracswap-panel:not([open]) {
  background: transparent;
}

.quick-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.quick-metrics span {
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 8px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.quick-metrics b {
  display: block;
  color: var(--ink);
  padding: 0;
  font-size: 14px;
}

.exchange-actions {
  display: grid;
  align-content: start;
  gap: 8px;
}

.exchange-actions .btn {
  width: 100%;
}

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

.compact-market-table .market-head,
.compact-market-table .market-row {
  grid-template-columns: minmax(0, 1.3fr) .85fr .85fr .65fr;
}

.swap-ticket {
  display: grid;
  gap: 12px;
}

.swap-ticket label {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
  color: var(--muted);
  font-weight: 900;
}

.swap-ticket input {
  grid-column: 1 / 2;
  font-size: 26px;
}

.swap-ticket b {
  color: var(--ink);
  padding-bottom: 12px;
}

.swap-ticket .swap-field {
  align-items: center;
  gap: 4px 10px;
}

.swap-ticket .swap-field input {
  font-size: 28px;
  grid-column: auto;
}

.swap-ticket .swap-field b {
  padding: 7px 9px;
}

.market-table {
  display: grid;
  gap: 6px;
  margin-top: 12px;
}

.market-head,
.market-row {
  display: grid;
  grid-template-columns: 1.25fr repeat(4, 1fr);
  gap: 8px;
  align-items: center;
}

.market-head {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  padding: 0 10px 6px;
}

.market-row {
  border: 1px solid var(--line);
  background: #0c1220;
  color: var(--ink);
  text-align: left;
  padding: 10px;
}

.market-row small {
  display: block;
  color: var(--muted);
}

.migration-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 12px;
}

.graduation-dashboard {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 14px;
  margin-top: 14px;
}

.supply-ring {
  width: 170px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  align-content: center;
  margin: 6px auto 14px;
  border-radius: 50%;
  border: 14px solid rgba(32,224,193,.25);
  background:
    radial-gradient(circle at center, #0c1220 52%, transparent 53%),
    conic-gradient(var(--teal), var(--blue), var(--pink), var(--teal));
}

.supply-ring strong {
  display: block;
  font-size: 42px;
  line-height: 1;
}

.supply-ring span {
  color: var(--muted);
  font-weight: 900;
  font-size: 12px;
}

.migration-steps {
  display: grid;
  gap: 8px;
}

.migration-steps div {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 10px;
}

.migration-steps span {
  color: var(--gold);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.migration-steps .done {
  border-color: rgba(75,226,138,.65);
  background: linear-gradient(90deg, rgba(75,226,138,.12), #0c1220);
}

.migration-steps .done span {
  color: var(--green);
}

.market-hero {
  background:
    radial-gradient(circle at 84% 12%, rgba(255,196,77,.22), transparent 28%),
    radial-gradient(circle at 16% 88%, rgba(32,224,193,.15), transparent 30%),
    linear-gradient(115deg, rgba(108,140,255,.16), rgba(255,79,216,.10)),
    var(--panel);
}

.launchpad-hero {
  background:
    radial-gradient(circle at 78% 18%, rgba(32,224,193,.22), transparent 28%),
    radial-gradient(circle at 20% 88%, rgba(255,107,95,.18), transparent 30%),
    linear-gradient(115deg, rgba(255,196,77,.14), rgba(108,140,255,.12)),
    var(--panel);
}

.sites-hero {
  background:
    radial-gradient(circle at 80% 14%, rgba(108,140,255,.24), transparent 30%),
    radial-gradient(circle at 18% 84%, rgba(255,79,216,.18), transparent 28%),
    linear-gradient(115deg, rgba(32,224,193,.12), rgba(255,196,77,.10)),
    var(--panel);
}

.build-hero {
  background:
    radial-gradient(circle at 82% 12%, rgba(75,226,138,.20), transparent 28%),
    radial-gradient(circle at 14% 86%, rgba(108,140,255,.18), transparent 30%),
    linear-gradient(115deg, rgba(255,196,77,.12), rgba(32,224,193,.10)),
    var(--panel);
}

.readiness-hero {
  background:
    radial-gradient(circle at 84% 14%, rgba(255,196,77,.22), transparent 28%),
    radial-gradient(circle at 18% 86%, rgba(75,226,138,.18), transparent 30%),
    linear-gradient(115deg, rgba(108,140,255,.16), rgba(32,224,193,.10)),
    var(--panel);
}

.market-layout,
.launchpad-layout,
.listing-workflow,
.build-layout,
.readiness-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 12px;
}

.listing-workflow,
.build-layout,
.readiness-layout {
  margin-top: 12px;
}

.marketcap-ad-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr);
  gap: 12px;
  margin-bottom: 12px;
}

.marketcap-banner-ad,
.marketcap-message-board {
  border: 1px solid rgba(255,196,77,.38);
  background:
    linear-gradient(90deg, rgba(255,196,77,.13), rgba(32,224,193,.09)),
    #0c1220;
  display: grid;
  gap: 8px;
  padding: 12px;
}

.marketcap-banner-ad {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) auto;
}

.marketcap-banner-ad span,
.marketcap-message-board span {
  color: var(--gold);
  font-size: 11px;
  font-weight: 1000;
  grid-column: 1 / -1;
  text-transform: uppercase;
}

.marketcap-banner-ad strong {
  color: var(--ink);
  font-size: 18px;
  min-width: 0;
}

.marketcap-message-board {
  overflow: hidden;
}

.marketcap-message-board div {
  display: flex;
  gap: 22px;
  min-width: max-content;
  animation: sponsorScroll 22s linear infinite;
}

.inactive-ad-preview {
  border-color: rgba(139,151,178,.28);
  background:
    linear-gradient(90deg, rgba(139,151,178,.11), rgba(32,224,193,.05)),
    #0b1020;
  opacity: .78;
}

.inactive-ad-preview strong,
.inactive-ad-preview b {
  color: #8b97b2;
}

.market-ad-page {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .75fr);
  gap: 12px;
  align-items: start;
}

.market-submit-page {
  display: grid;
  gap: 12px;
}

.status-pill {
  border: 1px solid rgba(255,196,77,.35);
  color: var(--gold);
  font-size: 11px;
  font-weight: 1000;
  padding: 7px 10px;
  text-transform: uppercase;
}

.status-pill.pending {
  background: rgba(255,196,77,.11);
}

.marketcap-message-board b {
  color: var(--ink);
  font-size: 13px;
  white-space: nowrap;
}

.market-revenue-lanes {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.market-revenue-card {
  border: 1px solid rgba(32, 224, 193, .22);
  background:
    radial-gradient(circle at 88% 10%, rgba(255,79,216,.13), transparent 34%),
    rgba(12,18,32,.88);
  color: var(--ink);
  cursor: pointer;
  display: grid;
  gap: 4px;
  min-height: 86px;
  padding: 10px;
  text-align: left;
}

.market-revenue-card:hover {
  border-color: rgba(75,226,138,.55);
  transform: translateY(-1px);
}

.market-revenue-card span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 1000;
  text-transform: uppercase;
}

.market-revenue-card strong {
  font-size: 15px;
}

.market-revenue-card b {
  color: var(--green);
  font-size: 18px;
}

.readiness-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 12px;
}

.readiness-score {
  border: 1px solid var(--line);
  background: var(--panel);
  padding: 18px;
}

.readiness-score strong {
  display: block;
  font-size: 48px;
  color: var(--teal);
}

.readiness-score span {
  color: var(--muted);
  font-weight: 900;
}

.readiness-list {
  display: grid;
  gap: 9px;
}

.readiness-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px;
  gap: 8px;
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 10px;
}

.readiness-row strong,
.readiness-row span,
.readiness-row small {
  display: block;
}

.readiness-row span,
.readiness-row small {
  color: var(--muted);
}

.readiness-row b {
  color: var(--gold);
  font-size: 20px;
  text-align: right;
}

.readiness-row meter {
  grid-column: 1 / -1;
}

.readiness-row small {
  grid-column: 1 / -1;
}

.compact-readiness .readiness-row {
  grid-template-columns: minmax(0, 1fr) 52px;
}

.deployment-list {
  display: grid;
  gap: 8px;
  max-height: 360px;
  overflow: auto;
}

.deployment-list div {
  border: 1px solid var(--line);
  background: rgba(12,18,32,.78);
  padding: 9px;
}

.deployment-list div.config_ready {
  border-color: rgba(255,196,77,.55);
}

.deployment-list div.ready {
  border-color: rgba(75,226,138,.65);
}

.deployment-list b,
.deployment-list span,
.deployment-list small {
  display: block;
}

.deployment-list b {
  color: var(--teal);
  font-size: 11px;
  text-transform: uppercase;
}

.deployment-list span {
  color: var(--ink);
  font-weight: 900;
  margin: 3px 0;
}

.deployment-list small {
  color: var(--muted);
  line-height: 1.35;
}

.contract-readiness-list {
  display: grid;
  gap: 8px;
  max-height: 360px;
  overflow: auto;
}

.contract-readiness-list div {
  border: 1px solid var(--line);
  background: rgba(12,18,32,.78);
  padding: 9px;
}

.contract-readiness-list b,
.contract-readiness-list span,
.contract-readiness-list small {
  display: block;
}

.contract-readiness-list b {
  color: var(--pink);
  font-size: 11px;
  text-transform: uppercase;
}

.contract-readiness-list span {
  color: var(--ink);
  font-weight: 900;
  margin: 3px 0;
}

.contract-readiness-list small {
  color: var(--muted);
  margin-bottom: 6px;
}

.market-rail {
  display: grid;
  align-content: start;
  gap: 12px;
}

.section-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.token-table {
  display: grid;
  gap: 6px;
  max-height: 760px;
  overflow: auto;
  padding-right: 4px;
}

.token-head,
.token-row {
  display: grid;
  grid-template-columns: 44px 1.35fr .75fr .85fr .7fr .9fr .9fr .95fr;
  gap: 8px;
  align-items: center;
}

.token-head {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  padding: 0 10px 6px;
}

.token-row {
  border: 1px solid var(--line);
  background: #0c1220;
  color: var(--ink);
  padding: 10px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.token-row.spotlight {
  border-color: rgba(32,224,193,.48);
  background: linear-gradient(90deg, rgba(32,224,193,.10), rgba(12,18,32,.98));
}

.token-row.selected {
  outline: 2px solid rgba(252,197,69,.55);
  background:
    linear-gradient(90deg, rgba(252,197,69,.12), rgba(32,224,193,.08)),
    #0c1220;
}

.token-row small,
.stage-pill small,
.queue-item small,
.spotlight-token small {
  display: block;
  color: var(--muted);
}

.market-sparkline {
  width: 92px;
  height: 44px;
  display: block;
}

.market-sparkline.market-chart-pro {
  width: 100%;
  height: 220px;
}

.market-sparkline .spark-grid {
  stroke: rgba(255,255,255,.08);
  stroke-width: 1;
}

.market-sparkline .spark-axis {
  fill: rgba(234,241,255,.62);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.market-sparkline .spark-dot {
  fill: #0c1220;
  stroke-width: 2.5;
}

.market-sparkline .spark-area {
  opacity: .18;
}

.market-sparkline polyline {
  fill: none;
  stroke-width: 3.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.market-sparkline.up .spark-area {
  fill: var(--green);
}

.market-sparkline.up polyline {
  stroke: var(--green);
  filter: drop-shadow(0 0 8px rgba(69, 255, 155, .28));
}

.market-sparkline.up .spark-dot {
  stroke: var(--green);
}

.market-sparkline.down .spark-area {
  fill: var(--pink);
}

.market-sparkline.down polyline {
  stroke: var(--pink);
  filter: drop-shadow(0 0 8px rgba(255, 68, 118, .28));
}

.market-sparkline.down .spark-dot {
  stroke: var(--pink);
}

.market-token-detail {
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(7,11,22,.72);
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
}

.market-token-page {
  border: 1px solid rgba(32,224,193,.28);
  background:
    radial-gradient(circle at 10% 10%, rgba(32,224,193,.16), transparent 28%),
    rgba(7,11,22,.9);
  margin-bottom: 12px;
  padding: 12px;
}

.market-token-page .market-token-detail {
  border-color: rgba(252,197,69,.24);
  margin-top: 0;
}

.market-token-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 12px;
  align-items: start;
  margin-bottom: 12px;
}

.market-token-page h2 {
  font-size: 32px;
  line-height: 1;
  margin: 8px 0 6px;
}

.market-token-page h2 small {
  color: var(--teal);
  font-size: 20px;
}

.market-token-side {
  display: grid;
  gap: 12px;
}

.token-detail-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.compact-token-table {
  max-height: 420px;
}

.listing-ad-grid.compact {
  grid-template-columns: 1fr;
}

.ecosystem-market-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.ecosystem-market-row {
  border: 1px solid rgba(32,224,193,.34);
  background:
    linear-gradient(135deg, rgba(32,224,193,.12), rgba(252,197,69,.08)),
    #0c1220;
  color: var(--ink);
  display: grid;
  gap: 4px;
  padding: 10px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.ecosystem-market-row.selected {
  border-color: rgba(252,197,69,.66);
  outline: 1px solid rgba(252,197,69,.35);
}

.ecosystem-market-row span,
.ecosystem-market-row small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.ecosystem-market-row strong {
  color: var(--teal);
  font-size: 18px;
}

.featured-market-price {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.featured-market-price b {
  color: var(--ink);
  font-size: 14px;
  font-weight: 1000;
}

.featured-market-price em,
.token-chart-heading em {
  border: 1px solid rgba(255,255,255,.12);
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 1000;
  padding: 4px 7px;
}

.featured-market-price em.up,
.token-chart-heading em.up {
  border-color: rgba(69,255,155,.28);
  background: rgba(69,255,155,.10);
  color: var(--green);
}

.featured-market-price em.down,
.token-chart-heading em.down {
  border-color: rgba(255,68,118,.30);
  background: rgba(255,68,118,.10);
  color: var(--pink);
}

.market-token-stats,
.listing-ad-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.market-token-overview {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.token-description-card,
.token-chart-card,
.profile-grid article {
  border: 1px solid var(--line);
  background: #0c1220;
  display: grid;
  gap: 8px;
  padding: 12px;
}

.token-description-card span,
.token-chart-card span,
.profile-grid span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.token-description-card p {
  color: var(--ink);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.45;
  margin: 0;
}

.token-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.token-link-row a {
  border: 1px solid rgba(32,224,193,.28);
  background: rgba(32,224,193,.08);
  color: var(--teal);
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
  padding: 7px 9px;
  text-decoration: none;
}

.token-link-row a:hover {
  border-color: rgba(252,197,69,.55);
  color: var(--yellow);
}

.token-chart-card .market-sparkline {
  width: 100%;
  height: 240px;
}

.token-chart-card {
  background:
    linear-gradient(180deg, rgba(32,224,193,.07), rgba(12,18,32,.98)),
    #0c1220;
  overflow: hidden;
  order: -1;
}

.token-chart-heading {
  align-items: center;
  display: grid;
  gap: 6px;
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.token-chart-heading strong {
  color: var(--ink);
  font-size: 18px;
  font-weight: 1000;
}

.token-chart-card small {
  color: var(--muted);
  font-weight: 800;
}

.profile-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.profile-grid strong {
  color: var(--ink);
  font-size: 15px;
}

.compact-title {
  margin-top: 2px;
}

.market-token-stats article,
.listing-detail-ad {
  border: 1px solid var(--line);
  background: #0c1220;
  color: var(--ink);
  display: grid;
  gap: 4px;
  padding: 10px;
  text-align: left;
}

.market-token-stats span,
.listing-detail-ad span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.market-token-stats strong,
.listing-detail-ad strong {
  color: var(--teal);
  font-size: 16px;
}

.market-token-stats small,
.listing-detail-ad small {
  color: var(--muted);
  font-weight: 800;
}

.exchange-frame {
  border: 1px solid var(--line);
  display: grid;
  overflow: auto;
}

.exchange-head,
.exchange-row {
  display: grid;
  grid-template-columns: 1.1fr 1fr .8fr .8fr .65fr .75fr;
  gap: 8px;
  min-width: 760px;
  padding: 9px 10px;
}

.exchange-head {
  background: rgba(255,255,255,.04);
  color: var(--muted);
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.exchange-row {
  border-top: 1px solid var(--line);
  color: var(--ink);
  font-size: 13px;
  font-weight: 850;
}

.exchange-row a {
  color: var(--teal);
  display: grid;
  gap: 2px;
  text-decoration: none;
}

.exchange-row a:hover {
  color: var(--yellow);
}

.exchange-row small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.listing-detail-ad {
  border-color: rgba(252,197,69,.32);
  cursor: pointer;
}

.workflow-status {
  border: 1px solid rgba(32,224,193,.28);
  background: rgba(32,224,193,.08);
  color: var(--ink);
  font-size: 13px;
  font-weight: 850;
  margin-top: 10px;
  padding: 10px;
}

.queue-list,
.spotlight-list {
  display: grid;
  gap: 8px;
}

.news-list {
  display: grid;
  gap: 8px;
}

.news-item {
  display: grid;
  gap: 4px;
  width: 100%;
  border: 1px solid var(--line);
  background: #0c1220;
  color: var(--ink);
  padding: 10px;
  text-align: left;
  text-decoration: none;
}

.news-item span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.news-item strong {
  color: var(--ink);
  font-size: 13px;
  line-height: 1.25;
}

.queue-item,
.spotlight-token {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  background: #0c1220;
  color: var(--ink);
  padding: 9px;
  text-align: left;
}

.queue-item strong,
.spotlight-token strong {
  color: var(--teal);
  font-size: 12px;
}

.queue-item em {
  color: var(--gold);
  font-style: normal;
  font-weight: 900;
  font-size: 12px;
}

.queue-item .btn {
  padding: 7px 9px;
  font-size: 11px;
}

.phase-list {
  display: grid;
  gap: 12px;
}

.phase-card {
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 14px;
}

.phase-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.phase-top span,
.phase-top strong {
  color: var(--teal);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.phase-top strong {
  color: var(--gold);
}

.api-list {
  display: grid;
  gap: 8px;
}

.api-list div {
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 9px;
}

.api-list b {
  color: var(--green);
  margin-right: 6px;
}

.api-list span {
  color: var(--ink);
  font-weight: 900;
}

.api-list small {
  display: block;
  color: var(--muted);
  margin-top: 5px;
}

.api-health {
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 11px;
  margin: 10px 0;
}

.api-health strong,
.api-health span {
  display: block;
}

.api-health strong {
  color: var(--gold);
}

.api-health.online {
  border-color: rgba(75,226,138,.65);
}

.api-health.online strong {
  color: var(--green);
}

.api-health span {
  color: var(--muted);
  margin-top: 4px;
}

.api-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 8px;
}

.api-metrics div {
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 9px;
}

.api-metrics strong {
  display: block;
  font-size: 24px;
}

.api-metrics span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.up { color: var(--green); }
.down { color: var(--coral); }

.launch-list {
  display: grid;
  gap: 12px;
}

.launch-sale {
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 14px;
  position: relative;
}

.launch-sale-fun {
  border-color: rgba(108,140,255,.34);
  background:
    radial-gradient(circle at 14% 0%, rgba(255,79,216,.14), transparent 30%),
    linear-gradient(135deg, rgba(32,224,193,.08), rgba(12,18,32,.96)),
    #0c1220;
  display: grid;
  gap: 10px;
}

.sale-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.launch-sale-fun .sale-top {
  align-items: center;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
}

.sale-token-mark {
  align-items: center;
  aspect-ratio: 1;
  background:
    linear-gradient(135deg, rgba(37,246,122,.22), rgba(255,79,216,.22)),
    #111a2c;
  border: 1px solid rgba(255,255,255,.16);
  color: var(--ink);
  display: grid;
  font-size: 14px;
  font-weight: 1000;
  justify-items: center;
}

.sale-top strong {
  color: var(--teal);
  white-space: nowrap;
}

.launch-sale-fun .sale-top strong {
  background: rgba(37,246,122,.13);
  border: 1px solid rgba(37,246,122,.3);
  color: var(--green);
  font-size: 22px;
  padding: 8px 10px;
}

.launch-sale-meter {
  background: rgba(255,255,255,.07);
  height: 10px;
  overflow: hidden;
}

.launch-sale-meter span {
  background: linear-gradient(90deg, var(--green), var(--gold), var(--pink));
  display: block;
  height: 100%;
}

.sale-focus-row {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.sale-focus-row span {
  background: rgba(255,255,255,.045);
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  padding: 9px;
}

.sale-focus-row b {
  color: var(--teal);
  margin-right: 6px;
}

.sale-focus-row strong {
  color: var(--ink);
  font-size: 13px;
}

.stage-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.stage-pill {
  border: 1px solid var(--line);
  background: rgba(255,255,255,.04);
  padding: 10px;
}

.stage-pill.live {
  border-color: rgba(37,246,122,.44);
  background: rgba(37,246,122,.1);
}

.stage-pill span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.stage-pill b {
  display: block;
  margin: 5px 0;
}

.launch-sale-actions {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, .8fr));
  gap: 8px;
}

.launch-sale-actions .btn {
  min-height: 42px;
}

.compact-lock {
  align-items: center;
  background: rgba(255,196,77,.08);
  border: 1px solid rgba(255,196,77,.22);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  padding: 9px;
}

.compact-lock span {
  color: var(--gold);
  font-weight: 1000;
}

.compact-lock small {
  color: var(--muted);
  font-weight: 850;
}

.sale-ops-drawer {
  border-top: 1px solid var(--line);
  padding-top: 8px;
}

.sale-ops-drawer summary {
  color: var(--muted);
  cursor: pointer;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
}

.sale-ops-drawer .actions {
  margin-top: 8px;
}

.milestone-track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
}

.milestone-track div {
  border: 1px solid var(--line);
  background: rgba(255,255,255,.04);
  padding: 8px;
}

.milestone-track .released {
  border-color: rgba(75,226,138,.65);
  background: linear-gradient(180deg, rgba(75,226,138,.16), rgba(255,255,255,.04));
}

.milestone-track b,
.milestone-track span,
.milestone-track small {
  display: block;
}

.milestone-track b {
  color: var(--teal);
}

.milestone-track span {
  color: var(--ink);
  font-size: 12px;
  font-weight: 900;
  margin: 4px 0;
}

.milestone-track small {
  color: var(--muted);
  font-weight: 900;
}

.vesting-preview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
}

.vesting-preview div,
.vesting-preview > span {
  border: 1px solid var(--line);
  background: rgba(12,18,32,.8);
  padding: 8px;
}

.vesting-preview b,
.vesting-preview span,
.vesting-preview small {
  display: block;
}

.vesting-preview b {
  color: var(--gold);
}

.vesting-preview span {
  color: var(--ink);
  font-size: 12px;
  font-weight: 900;
  margin: 4px 0;
}

.vesting-preview small {
  color: var(--muted);
  font-weight: 900;
}

.launchpad-trading-lock {
  grid-template-columns: 1fr;
}

.launchpad-trading-lock > span {
  border-color: rgba(252,197,69,.35);
  background: rgba(252,197,69,.08);
  color: var(--gold);
}

.control-list {
  display: grid;
  gap: 8px;
}

.control-list span {
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 9px;
  color: #d9e6f9;
  font-weight: 800;
}

.control-list b {
  color: var(--teal);
}

.voice-command-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.voice-command-list span {
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 9px;
  color: var(--muted);
  font-weight: 800;
}

.voice-command-list b {
  color: var(--teal);
}

.contract-map {
  grid-column: span 2;
}

.revenue-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.revenue-tile,
.revenue-platform {
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 12px;
}

.revenue-tile span,
.revenue-tile small,
.revenue-platform span {
  display: block;
  color: var(--muted);
  font-weight: 900;
}

.revenue-tile span {
  font-size: 12px;
  text-transform: uppercase;
}

.revenue-tile strong {
  display: block;
  color: var(--teal);
  font-size: 25px;
  margin: 5px 0;
}

.revenue-tile small {
  font-size: 11px;
  line-height: 1.35;
}

.revenue-platforms {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.revenue-platform {
  display: grid;
  gap: 10px;
}

.revenue-platform strong {
  color: var(--teal);
}

.revenue-lines {
  display: grid;
  gap: 6px;
}

.revenue-lines p {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin: 0;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.03);
  padding: 7px;
}

.revenue-lines b {
  color: var(--ink);
  font-size: 12px;
}

.revenue-lines span {
  color: var(--gold);
  font-size: 12px;
  white-space: nowrap;
}

.revenue-platform.empty {
  grid-column: 1 / -1;
}

.risk-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.reward-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.reward-metrics div,
.risk-strip div {
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 10px;
}

.reward-metrics strong,
.reward-metrics span,
.risk-strip strong,
.risk-strip span {
  display: block;
}

.reward-metrics strong,
.risk-strip strong {
  color: var(--green);
  font-size: 26px;
}

.reward-metrics span,
.risk-strip span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.compact-controls {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 10px;
}

.watchlist {
  display: grid;
  gap: 7px;
}

.watchlist p {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 8px;
  margin: 0;
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 8px;
}

.watchlist b {
  color: var(--gold);
  text-transform: uppercase;
  font-size: 11px;
}

.watchlist span {
  color: var(--muted);
  font-weight: 800;
}

.inventory-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.inventory-summary div,
.inventory-list div {
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 9px;
}

.inventory-summary strong,
.inventory-summary span {
  display: block;
}

.inventory-summary strong {
  color: var(--teal);
  font-size: 24px;
}

.inventory-summary span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.inventory-list {
  display: grid;
  gap: 7px;
}

.inventory-list div {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
}

.inventory-list b {
  color: var(--teal);
}

.inventory-list span {
  color: var(--ink);
  font-weight: 800;
}

.inventory-list strong,
.inventory-list em {
  color: var(--gold);
  font-style: normal;
  white-space: nowrap;
}

.application-list {
  display: grid;
  gap: 8px;
}

.application-list div {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr) auto auto auto;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  background: rgba(12,18,32,.78);
  padding: 9px;
}

.application-list b {
  color: var(--teal);
}

.application-list span {
  color: var(--ink);
  font-weight: 900;
}

.application-list small {
  color: var(--muted);
}

.application-list strong,
.application-list em {
  color: var(--gold);
  font-style: normal;
  white-space: nowrap;
}

.tx-intent-list {
  display: grid;
  gap: 8px;
  max-height: 360px;
  overflow: auto;
}

.tx-intent-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 10px;
  border: 1px solid var(--line);
  background: rgba(12,18,32,.78);
  padding: 9px;
}

.tx-intent-list div.signed {
  border-color: rgba(75,226,138,.6);
}

.tx-intent-list b,
.tx-intent-list span,
.tx-intent-list small {
  display: block;
}

.tx-intent-list b {
  color: var(--teal);
}

.tx-intent-list span,
.tx-intent-list small {
  color: var(--muted);
}

.tx-intent-list .btn {
  grid-row: 1 / span 3;
  grid-column: 2;
}

.wallet-session {
  display: grid;
  gap: 9px;
  border: 1px solid rgba(75,226,138,.38);
  background: linear-gradient(135deg, rgba(75,226,138,.13), rgba(45,156,219,.08));
  padding: 10px;
}

.wallet-session > div:first-child b,
.wallet-session > div:first-child span,
.wallet-session > div:first-child small {
  display: block;
}

.wallet-session > div:first-child b {
  color: var(--green);
}

.wallet-session > div:first-child span {
  color: var(--ink);
  margin-top: 4px;
}

.wallet-session > div:first-child small {
  color: var(--muted);
  margin-top: 5px;
}

.session-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}

.session-steps span {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(12,18,32,.72);
  padding: 8px;
}

.session-steps b,
.session-steps small {
  display: block;
}

.session-steps b {
  color: var(--teal);
  font-size: 12px;
}

.session-steps small {
  color: var(--muted);
  margin-top: 4px;
  font-weight: 800;
}

.support-access-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

.support-access-grid div {
  border: 1px solid var(--line);
  background: rgba(12,18,32,.78);
  padding: 10px;
}

.support-access-grid b,
.support-access-grid span {
  display: block;
}

.support-access-grid b {
  color: var(--teal);
  margin-bottom: 8px;
}

.support-access-grid span {
  color: var(--muted);
  border-top: 1px solid rgba(255,255,255,.07);
  padding: 7px 0;
  font-size: 13px;
}

.support-hero {
  border-color: rgba(75,226,138,.24);
}

.support-metrics {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.support-metrics article {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(27,38,64,.95), rgba(11,17,30,.96));
  padding: 12px;
}

.support-metrics span,
.support-metrics strong {
  display: block;
}

.support-metrics span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.support-metrics strong {
  color: var(--teal);
  font-size: 28px;
  margin-top: 6px;
}

.support-layout {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 14px;
}

.support-rules {
  grid-row: span 2;
}

.support-rules > .section-title > strong,
.support-queue-card .section-title > span {
  color: #07111b;
  background: linear-gradient(90deg, var(--teal), var(--blue));
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
}

.support-queue {
  display: grid;
  gap: 9px;
}

.support-queue div,
.support-queue p {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(12,18,32,.76);
  padding: 10px;
}

.support-queue b,
.support-queue span,
.support-queue small {
  display: block;
}

.support-queue b {
  color: var(--ink);
}

.support-queue span {
  color: var(--muted);
  margin-top: 4px;
}

.support-queue small {
  color: var(--teal);
  margin-top: 7px;
  font-weight: 900;
}

.support-queue .btn {
  margin-top: 9px;
  padding: 7px 9px;
}

.contract-registry-list {
  display: grid;
  gap: 8px;
}

.contract-registry-list div {
  border: 1px solid var(--line);
  background: rgba(12,18,32,.78);
  padding: 9px;
}

.contract-registry-list div.configured {
  border-color: rgba(75,226,138,.55);
}

.contract-registry-list b,
.contract-registry-list span,
.contract-registry-list small {
  display: block;
}

.contract-registry-list b {
  color: var(--teal);
}

.contract-registry-list span {
  color: var(--ink);
  margin-top: 4px;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.contract-registry-list small {
  color: var(--muted);
  margin-top: 5px;
  font-weight: 900;
}

.database-area-list {
  display: grid;
  gap: 8px;
}

.database-area-list div {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(12,18,32,.74);
  padding: 9px;
}

.database-area-list b,
.database-area-list span,
.database-area-list small {
  display: block;
}

.database-area-list b {
  color: var(--gold);
}

.database-area-list span {
  color: var(--teal);
  margin-top: 4px;
  font-weight: 900;
}

.database-area-list small {
  color: var(--muted);
  margin-top: 5px;
  line-height: 1.35;
}

.tool-readiness-list {
  display: grid;
  gap: 8px;
}

.tool-readiness-list div {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(12,18,32,.74);
  padding: 9px;
}

.tool-readiness-list div.configured {
  border-color: rgba(75,226,138,.55);
}

.tool-readiness-list b,
.tool-readiness-list span,
.tool-readiness-list small {
  display: block;
}

.tool-readiness-list b {
  color: var(--teal);
}

.tool-readiness-list span {
  color: var(--gold);
  margin-top: 4px;
  font-weight: 900;
}

.tool-readiness-list small {
  color: var(--muted);
  margin-top: 5px;
  line-height: 1.35;
}

.funnel-grid,
.source-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin-top: 12px;
}

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

.funnel-grid div,
.source-grid div {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(12,18,32,.78);
  padding: 10px;
}

.funnel-grid b,
.funnel-grid strong,
.funnel-grid span,
.funnel-grid small,
.source-grid b,
.source-grid strong,
.source-grid span,
.source-grid small {
  display: block;
}

.funnel-grid b,
.source-grid b {
  color: var(--ink);
  font-size: 12px;
}

.funnel-grid strong,
.source-grid strong {
  color: var(--green);
  font-size: 26px;
  margin-top: 5px;
}

.funnel-grid span,
.funnel-grid small,
.source-grid span,
.source-grid small {
  color: var(--muted);
  margin-top: 4px;
  font-size: 12px;
}

.segmented {
  display: flex;
  gap: 6px;
  padding: 4px;
  border: 1px solid var(--line);
  background: #0c1220;
}

.segmented button {
  border: 0;
  background: transparent;
  color: var(--muted);
  padding: 8px 10px;
  font-weight: 900;
}

.segmented button.active {
  color: #06101c;
  background: linear-gradient(90deg, var(--teal), var(--blue));
}

.toggle-row {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 12px;
  color: var(--ink);
  font-weight: 900;
}

.toggle-row input {
  width: auto;
}

.panel {
  background: var(--panel);
  border: 1px solid var(--line);
  padding: 16px;
}

.settings-table {
  display: grid;
  gap: 8px;
}

.setting-row {
  display: grid;
  grid-template-columns: 1fr 120px 110px;
  gap: 8px;
  align-items: center;
  background: #0c1220;
  border: 1px solid var(--line);
  padding: 9px;
}

.setting-row span { color: var(--muted); font-size: 12px; font-weight: 900; }

.builder {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 14px;
}

.token-trade-hero {
  display: grid;
  grid-template-columns: minmax(190px, .72fr) minmax(290px, .95fr) minmax(250px, .82fr);
  gap: 10px;
}

.token-snapshot,
.buy-ticket {
  border-color: rgba(32,224,193,.28);
}

.buy-ticket {
  background:
    linear-gradient(180deg, rgba(75,226,138,.15), rgba(12,18,32,.98) 34%),
    var(--panel);
  border: 2px solid rgba(75,226,138,.72);
  box-shadow: 0 0 0 1px rgba(75,226,138,.22), 0 22px 70px rgba(75,226,138,.16);
  position: relative;
}

.buy-ticket::before {
  content: "Trade here";
  background: #39ff77;
  color: #06101c;
  font-size: 10px;
  font-weight: 1000;
  padding: 5px 8px;
  position: absolute;
  right: 10px;
  text-transform: uppercase;
  top: -1px;
}

.buy-ticket h3 {
  color: #fff;
  font-size: 20px;
}

.token-snapshot {
  position: relative;
}

.network-powered-badge {
  background: rgba(32,224,193,.13);
  border: 1px solid rgba(32,224,193,.32);
  color: var(--teal);
  display: inline-block;
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: 0;
  margin-bottom: 9px;
  padding: 5px 7px;
  text-transform: uppercase;
}

.token-art {
  height: 112px;
  margin: 8px 0;
}

.token-snapshot h2 {
  margin-bottom: 4px;
}

.token-snapshot h2 small {
  color: var(--green);
  font-size: 18px;
}

.token-mini-stats,
.quick-buy-row {
  display: grid;
  gap: 8px;
}

.token-mini-stats {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 8px;
}

.token-mini-stats span,
.quick-buy-chip {
  background: #0c1220;
  border: 1px solid var(--line);
  color: var(--ink);
  font-weight: 900;
  padding: 7px;
}

.token-mini-stats b {
  color: var(--green);
  display: block;
}

.quick-buy-row {
  grid-template-columns: repeat(4, 1fr);
  margin: 7px 0;
}

.quick-buy-chip {
  cursor: pointer;
  border-color: rgba(75,226,138,.28);
}

.quick-buy-chip:hover {
  border-color: rgba(75,226,138,.45);
}

.buy-now-btn {
  box-shadow: 0 0 26px rgba(75,226,138,.24);
  font-size: 16px;
  min-height: 44px;
}

.token-actions {
  grid-template-columns: 1.35fr .6fr .85fr;
}

.token-trade-hero .panel {
  padding: 11px;
}

.token-trade-hero .section-title {
  gap: 8px;
  margin-bottom: 8px;
}

.token-trade-hero label {
  gap: 5px;
}

.token-trade-hero .settings-table {
  gap: 6px;
}

.token-trade-hero .setting-row {
  padding: 7px;
}

.buyer-progress-section {
  gap: 10px;
  margin-top: 10px;
}

.buyer-progress-section .panel {
  padding: 11px;
}

.trade-page-shell {
  display: grid;
  gap: 10px;
}

.trade-page-topbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.trade-workbench {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(200px, .68fr) minmax(300px, .92fr) minmax(330px, 1fr);
}

.trade-workbench .panel {
  padding: 10px;
}

.trade-token-card,
.trade-community-card {
  display: grid;
  align-content: start;
  gap: 9px;
}

.token-identity-row {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 88px minmax(0, 1fr);
}

.compact-token-art {
  height: 88px;
  margin: 0;
  font-size: 28px !important;
}

.token-identity-row h2 {
  font-size: 22px;
  margin: 0 0 3px;
}

.token-identity-row strong,
.token-identity-row span {
  display: block;
}

.token-identity-row strong {
  color: var(--green);
  font-size: 16px;
}

.token-identity-row span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.trade-progress {
  margin-top: 2px;
}

.trade-stat-grid {
  display: grid;
  gap: 7px;
  grid-template-columns: 1fr 1fr;
}

.trade-stat-grid span,
.trade-quote-box div,
.trade-info-strip article {
  background: #0c1220;
  border: 1px solid var(--line);
  padding: 8px;
}

.trade-stat-grid b,
.trade-quote-box strong,
.trade-info-strip strong {
  color: var(--green);
  display: block;
}

.trade-stat-grid span,
.trade-quote-box span,
.trade-info-strip span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.trade-center-ticket {
  min-height: 0;
}

.trade-center-ticket .section-title {
  margin-bottom: 7px;
}

.trade-amount-field input {
  font-size: 30px;
  min-height: 54px;
}

.trade-quote-box {
  display: grid;
  gap: 7px;
  grid-template-columns: 1.2fr .8fr .7fr;
  margin-top: 8px;
}

.trade-primary-actions {
  grid-template-columns: 1.45fr .55fr;
  margin-top: 9px;
}

.trade-community-card .section-title {
  margin-bottom: 4px;
}

.compact-chat-input {
  margin-top: 0;
}

.live-buy-mini {
  background: rgba(75,226,138,.07);
  border: 1px solid rgba(75,226,138,.2);
  padding: 8px;
}

.live-buy-mini h3 {
  font-size: 14px;
  margin-bottom: 5px;
}

.live-buy-mini p {
  margin-bottom: 4px;
}

.trade-info-strip {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.graduation-test-strip,
.tracswap-handoff-strip {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr auto;
  margin-top: 8px;
}

.graduation-test-strip article,
.tracswap-handoff-strip article {
  background:
    linear-gradient(135deg, rgba(32,224,193,.09), rgba(75,226,138,.06)),
    #0c1220;
  border: 1px solid rgba(32,224,193,.24);
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 9px;
}

.graduation-test-strip span,
.tracswap-handoff-strip span {
  color: var(--teal);
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.graduation-test-strip strong,
.tracswap-handoff-strip strong {
  color: var(--green);
  font-size: 18px;
}

.graduation-test-strip small,
.tracswap-handoff-strip small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.graduation-test-strip .test-actions {
  grid-template-columns: 1fr;
  min-width: 220px;
}

.handoff-readiness-panel,
.tracswap-receive-panel {
  display: grid;
  gap: 8px;
  grid-template-columns: 220px minmax(0, 1fr);
  margin-top: 8px;
}

.handoff-score-card,
.tracswap-receive-panel > article {
  background:
    radial-gradient(circle at 90% 10%, rgba(75,226,138,.18), transparent 35%),
    #0c1220;
  border: 1px solid rgba(75,226,138,.28);
  display: grid;
  gap: 7px;
  padding: 10px;
}

.handoff-score-card span,
.tracswap-receive-panel span:first-child {
  color: var(--teal);
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.handoff-score-card strong,
.tracswap-receive-panel strong {
  color: var(--green);
  font-size: 32px;
  line-height: 1;
}

.handoff-score-card small,
.tracswap-receive-panel small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.handoff-check-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.handoff-check-grid article,
.tracswap-receive-panel > div span {
  background: #0c1220;
  border: 1px solid var(--line);
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 8px;
}

.handoff-check-grid b,
.tracswap-receive-panel b {
  color: var(--ink);
  font-size: 12px;
}

.handoff-check-grid span {
  font-size: 10px;
  font-weight: 1000;
  text-transform: uppercase;
}

.handoff-check-grid small,
.tracswap-receive-panel > div span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.handoff-check-grid .pass,
.tracswap-receive-panel .pass {
  border-color: rgba(75,226,138,.5);
}

.handoff-check-grid .pass span,
.tracswap-receive-panel .pass b {
  color: var(--green);
}

.handoff-check-grid .ready,
.tracswap-receive-panel .ready {
  border-color: rgba(32,224,193,.46);
}

.handoff-check-grid .ready span,
.tracswap-receive-panel .ready b {
  color: var(--teal);
}

.handoff-check-grid .block,
.tracswap-receive-panel .block {
  border-color: rgba(255,107,95,.58);
}

.handoff-check-grid .block span,
.tracswap-receive-panel .block b {
  color: var(--red);
}

.tracswap-receive-panel > div {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.live-contract-runbook {
  display: grid;
  gap: 8px;
  grid-template-columns: 220px minmax(0, 1fr);
  margin-top: 8px;
}

.runbook-summary,
.tracswap-runbook-strip {
  background:
    linear-gradient(135deg, rgba(255,196,77,.1), rgba(32,224,193,.08)),
    #0c1220;
  border: 1px solid rgba(255,196,77,.28);
  display: grid;
  gap: 7px;
  padding: 10px;
}

.runbook-summary span,
.tracswap-runbook-strip span:first-child {
  color: var(--gold);
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.runbook-summary strong {
  color: var(--gold);
  font-size: 32px;
  line-height: 1;
}

.runbook-summary small,
.tracswap-runbook-strip small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.runbook-steps {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.runbook-steps article {
  background: #0c1220;
  border: 1px solid var(--line);
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 8px;
}

.runbook-steps i {
  align-items: center;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  color: var(--muted);
  display: inline-flex;
  font-size: 11px;
  font-style: normal;
  font-weight: 1000;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.runbook-steps b,
.tracswap-runbook-strip strong {
  color: var(--ink);
  font-size: 12px;
}

.runbook-steps span {
  font-size: 10px;
  font-weight: 1000;
  text-transform: uppercase;
}

.runbook-steps small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
}

.runbook-steps .done {
  border-color: rgba(75,226,138,.5);
}

.runbook-steps .done span,
.runbook-steps .done i {
  color: var(--green);
}

.runbook-steps .ready {
  border-color: rgba(32,224,193,.46);
}

.runbook-steps .ready span,
.runbook-steps .ready i {
  color: var(--teal);
}

.runbook-steps .blocked {
  border-color: rgba(255,107,95,.58);
}

.runbook-steps .blocked span,
.runbook-steps .blocked i {
  color: var(--red);
}

.tracswap-runbook-strip {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 8px;
}

.tracswap-runbook-strip > div {
  display: flex;
  gap: 8px;
}

.tracswap-runbook-strip > div span {
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  color: var(--muted);
  display: grid;
  font-size: 10px;
  min-width: 58px;
  padding: 6px;
  text-align: center;
}

.tracswap-runbook-strip > div b {
  color: var(--green);
  font-size: 15px;
}

.multi-asset-strip,
.asset-application-strip {
  background: #0c1220;
  border: 1px solid rgba(32,224,193,.24);
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 8px;
  padding: 10px;
}

.tracswap-listing-desk {
  background:
    linear-gradient(135deg, rgba(32,224,193,.12), rgba(108,140,255,.07)),
    #0c1220;
  border: 1px solid rgba(32,224,193,.28);
  display: grid;
  gap: 10px;
  grid-template-columns: 240px minmax(0, 1fr) 210px;
  margin-top: 8px;
  padding: 10px;
}

.listing-desk-intro,
.liquidity-plan-result {
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  display: grid;
  gap: 6px;
  padding: 10px;
}

.listing-desk-intro span,
.listing-form-grid span,
.listing-liquidity-rules span,
.liquidity-pool-actions > span,
.liquidity-plan-result span {
  color: var(--teal);
  font-size: 10px;
  font-weight: 1000;
  text-transform: uppercase;
}

.listing-desk-intro strong,
.liquidity-plan-result strong {
  color: var(--ink);
  font-size: 18px;
}

.listing-desk-intro small,
.liquidity-plan-result small,
.liquidity-pool-actions small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.listing-form-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.listing-form-grid label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.listing-form-grid input,
.listing-form-grid select {
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  color: var(--ink);
  min-width: 0;
  padding: 10px;
}

.listing-form-grid select option {
  background: #101726;
  color: var(--ink);
}

.listing-liquidity-rules,
.listing-desk-actions,
.liquidity-pool-actions {
  display: grid;
  gap: 8px;
}

.listing-liquidity-rules span {
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  display: grid;
  gap: 3px;
  padding: 8px;
}

.listing-liquidity-rules b {
  color: var(--green);
  font-size: 15px;
}

.liquidity-plan-result {
  grid-column: 2 / 3;
}

.liquidity-plan-result.not_ready strong {
  color: var(--coral);
}

.liquidity-plan-result.competitive strong,
.liquidity-plan-result.featured_ready strong {
  color: var(--green);
}

.listing-desk-actions {
  align-content: start;
  grid-column: 3;
  grid-row: 1 / span 2;
}

.liquidity-pool-actions {
  grid-column: 1 / -1;
  grid-template-columns: 160px repeat(4, minmax(0, 1fr));
}

.liquidity-pool-actions small {
  align-self: center;
}

.multi-asset-strip article,
.asset-application-strip > article,
.asset-application-row {
  background: rgba(255,255,255,.04);
  border: 1px solid var(--line);
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 8px;
  text-align: left;
}

.multi-asset-strip span,
.asset-application-strip span {
  color: var(--teal);
  font-size: 10px;
  font-weight: 1000;
  text-transform: uppercase;
}

.multi-asset-strip strong,
.asset-application-strip strong,
.asset-application-row b {
  color: var(--ink);
  font-size: 15px;
}

.multi-asset-strip small,
.asset-application-strip small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
}

.asset-application-strip {
  align-items: stretch;
  grid-template-columns: 220px minmax(0, 1fr) auto;
}

.asset-application-strip > div {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.asset-application-row {
  color: var(--ink);
  cursor: pointer;
}

.test-contract-registry {
  display: grid;
  gap: 8px;
  grid-template-columns: 220px minmax(0, 1fr);
  margin-top: 8px;
}

.registry-summary,
.tracswap-contract-strip {
  background:
    linear-gradient(135deg, rgba(32,224,193,.11), rgba(124,92,255,.08)),
    #0c1220;
  border: 1px solid rgba(32,224,193,.28);
  display: grid;
  gap: 7px;
  padding: 10px;
}

.registry-summary span,
.tracswap-contract-strip span:first-child {
  color: var(--teal);
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.registry-summary strong,
.tracswap-contract-strip strong {
  color: var(--teal);
  font-size: 28px;
  line-height: 1;
}

.registry-summary small,
.tracswap-contract-strip small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.registry-contract-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.registry-contract-grid article {
  background: #0c1220;
  border: 1px solid var(--line);
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 8px;
}

.registry-contract-grid b,
.tracswap-contract-strip b {
  color: var(--ink);
  font-size: 12px;
}

.registry-contract-grid span {
  color: var(--teal);
  font-size: 10px;
  font-weight: 1000;
  text-transform: uppercase;
}

.registry-contract-grid small,
.registry-contract-grid em,
.tracswap-contract-strip > div span {
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.registry-contract-grid .pending,
.tracswap-contract-strip .pending {
  border-color: rgba(255,196,77,.42);
}

.registry-contract-grid .mock,
.tracswap-contract-strip .mock {
  border-color: rgba(255,107,95,.42);
}

.registry-contract-grid .testnet-ready,
.tracswap-contract-strip .testnet-ready {
  border-color: rgba(75,226,138,.48);
}

.registry-contract-grid .testnet-ready span,
.tracswap-contract-strip .testnet-ready b {
  color: var(--green);
}

.tracswap-contract-strip {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr) auto;
  margin-top: 8px;
}

.tracswap-contract-strip > div {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tracswap-contract-strip > div span {
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  display: grid;
  gap: 2px;
  padding: 7px;
}

.mainnet-preflight-card {
  background: #0c1220;
  border: 1px solid rgba(255,107,95,.38);
  display: grid;
  gap: 10px;
  grid-template-columns: 220px minmax(0, 1fr);
  margin-top: 12px;
  padding: 10px;
}

.mainnet-preflight-card.pass {
  border-color: rgba(75,226,138,.48);
}

.mainnet-preflight-card > div:first-child {
  display: grid;
  gap: 5px;
}

.mainnet-preflight-card > div:last-child {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mainnet-preflight-card span {
  color: var(--teal);
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.mainnet-preflight-card strong {
  color: var(--green);
  font-size: 22px;
}

.mainnet-preflight-card small,
.mainnet-preflight-card > div:last-child span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.mainnet-preflight-card > div:last-child span {
  border: 1px solid var(--line);
  display: grid;
  gap: 3px;
  padding: 7px;
}

.mainnet-preflight-card b {
  color: var(--ink);
  display: block;
  font-size: 11px;
}

.mainnet-preflight-card .pass b {
  color: var(--green);
}

.mainnet-preflight-card .blocked b {
  color: var(--red);
}

.first-swap-proof,
.tracswap-first-swap-proof {
  align-items: center;
  background:
    linear-gradient(135deg, rgba(75,226,138,.1), rgba(32,224,193,.07)),
    #0c1220;
  border: 1px solid rgba(75,226,138,.3);
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 8px;
  padding: 10px;
}

.first-swap-proof article,
.tracswap-first-swap-proof article {
  display: grid;
  gap: 5px;
}

.first-swap-proof span,
.tracswap-first-swap-proof span {
  color: var(--teal);
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.first-swap-proof strong,
.tracswap-first-swap-proof strong {
  color: var(--green);
  font-size: 20px;
}

.first-swap-proof small,
.tracswap-first-swap-proof small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.trade-info-strip article {
  display: grid;
  gap: 6px;
}

.trade-info-strip .btn {
  padding: 7px;
}

.trade-info-strip small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.project-detail-top {
  grid-template-columns: minmax(220px, .85fr) minmax(280px, 1fr) minmax(280px, 1fr);
}

.project-chat-card {
  border-color: rgba(75,226,138,.28);
}

.live-pill {
  background: rgba(75,226,138,.12);
  border: 1px solid rgba(75,226,138,.35);
  color: var(--green);
  font-size: 11px;
  font-weight: 1000;
  padding: 5px 8px;
  text-transform: uppercase;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.form-grid label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

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

.rule-box {
  border: 1px solid var(--line);
  background: #0c1220;
  padding: 11px;
  margin-top: 12px;
}

.rule-box strong,
.rule-box span {
  display: block;
}

.rule-box span {
  color: var(--muted);
  margin-top: 4px;
}

.rule-box.good { border-color: rgba(75,226,138,.65); }
.rule-box.bad { border-color: rgba(255,107,95,.8); }

.site-preview {
  min-height: 480px;
  background:
    radial-gradient(circle at 80% 15%, rgba(255,79,216,.18), transparent 30%),
    linear-gradient(135deg, rgba(32,224,193,.14), rgba(108,140,255,.12)),
    var(--panel);
  border: 1px solid var(--line);
  padding: 24px;
}

.site-builder-actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  margin: 12px 0;
}

.project-site-preview {
  display: grid;
  align-content: start;
  gap: 14px;
}

.mini-site-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.mini-site-grid div,
.mini-site-band {
  border: 1px solid var(--line);
  background: rgba(12,18,32,.82);
  padding: 12px;
}

.mini-site-grid strong {
  display: block;
  font-size: 30px;
}

.mini-site-grid span {
  color: var(--muted);
  font-weight: 900;
  font-size: 12px;
}

.mini-site-band p {
  margin: 8px 0 0;
  color: #d9e6f9;
}

.discussion-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 14px;
  align-items: stretch;
  margin-bottom: 14px;
}

.discussion-hero article,
.discussion-brief {
  border: 1px solid var(--line);
  background: linear-gradient(135deg, rgba(32,224,193,.14), rgba(255,79,216,.08)), var(--panel);
  padding: 22px;
}

.discussion-hero h2 {
  max-width: 760px;
  margin: 0;
}

.discussion-hero p,
.discussion-brief p {
  max-width: 760px;
  color: var(--muted);
}

.discussion-brief {
  display: grid;
  align-content: center;
  gap: 8px;
}

.discussion-brief span,
.discussion-fork-card span,
.discussion-channel-list span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.discussion-brief strong {
  font-size: 34px;
}

.discussion-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr) 300px;
  gap: 14px;
  align-items: start;
}

.discussion-compose textarea {
  width: 100%;
  resize: vertical;
}

.discussion-source-list,
.discussion-fork-list,
.discussion-channel-list {
  display: grid;
  gap: 10px;
}

.discussion-source-list {
  margin-top: 12px;
}

.discussion-source-list div,
.discussion-fork-card,
.discussion-channel-list div {
  border: 1px solid var(--line);
  background: rgba(12,18,32,.82);
  padding: 12px;
}

.discussion-source-list b,
.discussion-source-list span,
.discussion-channel-list b,
.discussion-channel-list span,
.discussion-channel-list em {
  display: block;
}

.discussion-source-list p,
.discussion-fork-card p {
  margin: 8px 0 0;
  color: #d9e6f9;
}

.discussion-fork-card h3 {
  margin: 7px 0 0;
}

.discussion-fork-card > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  color: var(--muted);
}

.discussion-fork-card small {
  display: block;
  margin-top: 9px;
  color: var(--accent);
  font-weight: 800;
}

.discussion-channel-card {
  position: sticky;
  top: 18px;
}

.discussion-channel-list em {
  margin-top: 7px;
  color: var(--accent-2);
  font-style: normal;
  font-weight: 900;
}

@keyframes buyShake {
  0%, 100% { transform: translateX(0) rotate(0deg); }
  20% { transform: translateX(-3px) rotate(-.35deg); }
  40% { transform: translateX(3px) rotate(.35deg); }
  60% { transform: translateX(-2px) rotate(-.2deg); }
  80% { transform: translateX(2px) rotate(.2deg); }
}

@keyframes boughtSpin {
  0% { transform: rotate(0deg) scale(1); filter: saturate(1); }
  72% { transform: rotate(720deg) scale(1.03); filter: saturate(1.45); }
  100% { transform: rotate(720deg) scale(1); filter: saturate(1); }
}

@keyframes justBoughtFlash {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

@media (max-width: 1240px) {
  .platform-home-shell { grid-template-columns: minmax(0, 1fr) 320px; }
  .home-layout { grid-template-columns: 1fr; }
  .home-chat .panel { position: static; }
  .project-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 1040px) {
  .shell { grid-template-columns: 1fr; }
  .sidebar {
    position: sticky;
    top: 0;
    z-index: 5;
    padding: 10px;
    overflow: hidden;
  }
  .brand { padding: 10px; margin-bottom: 8px; }
  .nav {
    display: flex;
    overflow-x: auto;
    max-width: 100%;
    min-width: 0;
  }
  .nav button,
  .nav a {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .main { padding: 14px; }
  .ecosystem-ad-rail { display: none; }
  .project-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .stats { grid-template-columns: repeat(2, 1fr); }
  .contract-map { grid-column: auto; }
  .filters, .builder, .token-trade-hero, .rugged-command-strip, .rugged-command-actions, .trade-workbench, .trade-info-strip, .trade-quote-box, .trade-primary-actions, .graduation-test-strip, .tracswap-handoff-strip, .multi-asset-strip, .tracswap-listing-desk, .listing-form-grid, .listing-desk-actions, .liquidity-pool-actions, .asset-application-strip, .asset-application-strip > div, .handoff-readiness-panel, .handoff-check-grid, .tracswap-receive-panel, .tracswap-receive-panel > div, .live-contract-runbook, .runbook-steps, .tracswap-runbook-strip, .test-contract-registry, .registry-contract-grid, .tracswap-contract-strip, .tracswap-contract-strip > div, .mainnet-preflight-card, .mainnet-preflight-card > div:last-child, .first-swap-proof, .tracswap-first-swap-proof, .platform-home-shell, .tracswap-swap-home, .marketcap-ad-strip, .market-ad-page, .market-submit-page, .market-revenue-lanes, .panel-grid, .admin-grid, .form-grid, .site-addon-grid, .trade-home, .action-home, .launchpad-start, .launchpad-big-choice, .launchpad-trust-strip, .launch-sale-actions, .sale-focus-row, .swap-layout, .migration-flow, .graduation-dashboard, .market-layout, .market-token-shell, .launchpad-layout, .listing-workflow, .build-layout, .readiness-layout, .readiness-summary, .revenue-strip, .revenue-platforms, .risk-strip, .reward-metrics, .inventory-summary, .compact-controls, .voice-command-list, .milestone-track, .vesting-preview, .ecosystem-market-strip, .market-token-overview, .market-token-stats, .profile-grid, .listing-ad-grid, .support-layout, .support-metrics, .monetized-slots, .sponsor-banner, .discussion-hero, .discussion-layout { grid-template-columns: 1fr; }
  .platform-chat-rail,
  .discussion-channel-card { position: static; }
  .listing-desk-actions,
  .liquidity-plan-result {
    grid-column: auto;
    grid-row: auto;
  }
  .list-status { flex-direction: column; align-items: stretch; }
  .inventory-list div { grid-template-columns: 1fr; }
  .application-list div { grid-template-columns: 1fr; }
  .tx-intent-list div { grid-template-columns: 1fr; }
  .tx-intent-list .btn { grid-row: auto; grid-column: auto; }
  .support-access-grid { grid-template-columns: 1fr; }
  .support-rules { grid-row: auto; }
  .token-head { display: none; }
  .token-row {
    grid-template-columns: 38px minmax(0, 1fr) auto 86px;
  }
  .token-row span:nth-child(n+4) { display: none; }
  .token-row .chart-cell {
    display: block;
  }
  .token-row .market-sparkline {
    width: 78px;
  }
  .topbar { flex-direction: column; }
  .build-progress-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .build-progress-strip > div,
  .build-progress-strip .btn {
    grid-column: 1 / -1;
  }
}

@media (max-width: 600px) {
  h1 { font-size: 30px; }
  h2 { font-size: 32px; }
  .actions {
    justify-content: stretch;
  }
  .actions .btn {
    flex: 1 1 140px;
    min-width: 0;
  }
  .topbar .actions {
    width: 100%;
  }
  .build-progress-strip {
    grid-template-columns: 1fr;
  }
  .build-progress-strip article,
  .build-progress-strip > div,
  .build-progress-strip .btn {
    grid-column: auto;
  }
  .hero {
    padding: 18px;
  }
  .action-command {
    min-height: auto;
  }
  .hero-search {
    grid-template-columns: 1fr;
  }
  .filters {
    padding: 10px;
  }
  .project-grid { grid-template-columns: 1fr; }
  .stats { grid-template-columns: 1fr; }
  .quick-metrics { grid-template-columns: 1fr; }
  .compact-market-table .market-head { display: none; }
  .compact-market-table .market-row { grid-template-columns: 1fr 1fr; }
  .swap-mini-fees,
  .swap-token-picks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .swap-market-row {
    grid-template-columns: minmax(0, 1fr) 56px;
  }
  .swap-market-row strong,
  .swap-market-row em {
    display: none;
  }
  .mini-site-grid { grid-template-columns: 1fr; }
  .project-card {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: auto;
    gap: 9px;
  }
  .project-art {
    grid-row: 1 / span 6;
    height: auto;
    min-height: 176px;
    margin: 0;
    border: 1px solid var(--line);
  }
  .project-card .btn { grid-column: 2; }
  .project-card .card-powered-badge { grid-column: 2; }
  .stage-row { grid-template-columns: 1fr; }
  .sale-top { display: block; }
}