/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap");

:root {
  color-scheme: dark;
  --bg: #0b0d0b;
  --surface: #121612;
  --surface-2: #171c17;
  --line: #293029;
  --line-soft: #202620;
  --text: #f2f4ed;
  --muted: #939c91;
  --faint: #677166;
  --lime: #c4f277;
  --lime-dark: #28351c;
  --mint: #6cd9a1;
  --red: #ee8677;
  --mono: "DM Mono", monospace;
  --sans: "Space Grotesk", sans-serif;
}
* {
  box-sizing: border-box;
}
html {
  background: var(--bg);
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background:
    radial-gradient(ellipse at 79% 4%, #1a241520, transparent 33%), var(--bg);
  color: var(--text);
  font-family: var(--sans);
  font-size: 14px;
  min-height: 100vh;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
textarea {
  font: inherit;
}
button {
  color: inherit;
  cursor: pointer;
}
button:disabled {
  opacity: 0.55;
  cursor: wait;
}
::selection {
  background: #c4f27755;
}
.site-header {
  height: 72px;
  border-bottom: 1px solid var(--line-soft);
  background: #0b0d0be8;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
}
.header-inner {
  width: min(1240px, calc(100% - 52px));
  height: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
}
.wordmark {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.01em;
}
.wordmark-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  background: var(--lime);
  color: #14190e;
  font-size: 15px;
  font-weight: 700;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 72%, 73% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 72%, 73% 100%, 0 100%);
}
.wordmark-period {
  color: var(--lime);
  margin-left: -8px;
}
.main-nav,
.header-actions {
  display: flex;
  align-items: center;
  gap: 25px;
}
.main-nav {
  margin-right: auto;
  color: #a6aea3;
  font-size: 12px;
  font-weight: 500;
}
.main-nav a {
  display: flex;
  align-items: center;
  gap: 7px;
  transition: color 0.15s;
}
.main-nav a:hover,
.dashboard-link:hover {
  color: var(--lime);
}
.header-actions {
  gap: 16px;
}
.dashboard-link {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #a6aea3;
  font-size: 12px;
}
.button {
  border: 1px solid var(--line);
  background: transparent;
  border-radius: 5px;
  padding: 10px 14px;
  font-weight: 600;
  font-size: 12px;
  display: inline-flex;
  gap: 9px;
  align-items: center;
  justify-content: center;
  transition:
    transform 0.15s,
    border-color 0.15s,
    background 0.15s;
}
.button:hover {
  transform: translateY(-1px);
  border-color: #58654c;
}
.button-wallet {
  background: var(--lime);
  border-color: var(--lime);
  color: #11160c;
}
.button-wallet:hover {
  background: #d5ff99;
}
.wallet-connected {
  border: 1px solid #3b4c30;
  background: #182116;
  border-radius: 5px;
  padding: 9px 11px;
  color: #d4e9bb;
  font: 11px var(--mono);
  display: flex;
  align-items: center;
  gap: 8px;
}
.online-dot {
  width: 7px;
  height: 7px;
  background: var(--lime);
  border-radius: 50%;
  box-shadow: 0 0 10px #c4f27770;
}
.mobile-menu {
  display: none;
  border: 0;
  background: none;
}
.mobile-nav {
  display: none;
}
.wallet-error {
  position: fixed;
  z-index: 30;
  top: 80px;
  right: 24px;
  max-width: 360px;
  padding: 12px 14px;
  border: 1px solid #63413c;
  background: #211816;
  color: #f4b9ad;
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 0 12px 40px #0008;
}
.wallet-error button {
  margin-left: 14px;
  border: 0;
  background: none;
  color: var(--text);
  text-decoration: underline;
}
.container {
  width: min(1240px, calc(100% - 52px));
  margin: 0 auto;
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--lime);
  font: 10px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.11em;
}
.eyebrow:before {
  content: "";
  width: 19px;
  height: 1px;
  background: var(--lime);
}
.hero {
  position: relative;
  padding: 90px 0 54px;
  overflow: hidden;
}
.hero:after {
  content: "";
  position: absolute;
  right: -58px;
  top: 38px;
  width: 390px;
  height: 390px;
  border: 1px solid #bded7920;
  border-radius: 50%;
  box-shadow:
    0 0 0 48px #bded7908,
    0 0 0 98px #bded7905;
  pointer-events: none;
}
.hero-content {
  position: relative;
  z-index: 1;
  max-width: 840px;
}
.hero h1 {
  margin: 21px 0 20px;
  font-size: 88px;
  font-weight: 500;
  line-height: 0.98;
  letter-spacing: 0;
}
.hero h1 span {
  color: var(--lime);
}
.hero-copy {
  color: #a9b0a5;
  max-width: 545px;
  line-height: 1.75;
  font-size: 15px;
}
.hero-actions {
  display: flex;
  gap: 11px;
  margin-top: 29px;
}
.button-primary {
  border: 1px solid var(--lime);
  background: var(--lime);
  color: #10150c;
  padding: 13px 17px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: 11px;
}
.button-primary:hover {
  background: #d5ff99;
}
.button-quiet {
  border: 1px solid #475044;
  background: #121612;
  color: var(--text);
  padding: 13px 17px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.button-quiet:hover {
  border-color: var(--lime);
  color: var(--lime);
}
.hero-footnote {
  margin-top: 24px;
  color: #778174;
  font: 10px var(--mono);
  display: flex;
  gap: 8px;
  align-items: center;
}
.hero-footnote svg {
  color: var(--lime);
}
.stats-strip {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 19px 0;
}
.stat {
  padding: 2px 24px;
  border-right: 1px solid var(--line);
}
.stat:first-child {
  padding-left: 0;
}
.stat:last-child {
  border: 0;
}
.stat-label {
  font: 9px var(--mono);
  color: var(--faint);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.stat-value {
  margin-top: 9px;
  font-size: 22px;
  font-weight: 600;
}
.stat-value small {
  font-size: 12px;
  color: var(--muted);
  font-weight: 400;
}
.section {
  padding: 51px 0;
}
.section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 19px;
}
.section-kicker {
  font: 10px var(--mono);
  color: var(--lime);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.section-title {
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 6px 0 0;
}
.text-link {
  color: var(--lime);
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 7px;
}
.text-link:hover {
  color: #e2ffc1;
}
.token-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 10px;
  gap: 10px;
}
.token-card {
  border: 1px solid var(--line);
  background: linear-gradient(135deg, #151a15, #101310);
  border-radius: 6px;
  padding: 16px;
  min-width: 0;
  transition:
    border-color 0.15s,
    transform 0.15s;
}
.token-card:hover {
  border-color: #59684a;
  transform: translateY(-2px);
}
.token-card-top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.token-avatar {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background: #27331e;
  color: var(--lime);
  display: grid;
  place-items: center;
  flex: none;
  font-weight: 700;
  font-size: 13px;
  overflow: hidden;
}
.token-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.token-identity {
  min-width: 0;
}
.token-symbol {
  font-weight: 600;
  font-size: 14px;
}
.token-name {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.verified {
  margin-left: auto;
  color: var(--lime);
  font: 9px var(--mono);
  border: 1px solid #3f5032;
  padding: 4px 6px;
  border-radius: 3px;
}
.token-address {
  margin-top: 16px;
  color: #8d988c;
  font: 10px var(--mono);
}
.token-card-foot {
  border-top: 1px solid var(--line-soft);
  padding-top: 12px;
  margin-top: 13px;
  display: flex;
  justify-content: space-between;
  color: var(--muted);
  font: 10px var(--mono);
}
.token-card-foot strong {
  color: var(--text);
  font-weight: 500;
}
.activity-layout {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  grid-gap: 30px;
  gap: 30px;
  border-top: 1px solid var(--line);
  padding-top: 26px;
}
.activity-list {
  display: grid;
}
.activity-row {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
  padding: 13px 0;
  border-bottom: 1px solid var(--line-soft);
}
.activity-icon {
  width: 30px;
  height: 30px;
  border: 1px solid var(--line);
  border-radius: 5px;
  display: grid;
  place-items: center;
  color: var(--lime);
  background: #141a12;
}
.activity-message {
  font-size: 12px;
}
.activity-meta {
  margin-top: 4px;
  color: var(--faint);
  font: 9px var(--mono);
}
.activity-time {
  color: var(--faint);
  font: 9px var(--mono);
}
.activity-badge {
  font: 8px var(--mono);
  color: #a1ad9b;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.leader-mini {
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 16px;
  background: #111411;
}
.leader-mini-head {
  font: 10px var(--mono);
  color: var(--muted);
  display: flex;
  justify-content: space-between;
  margin-bottom: 9px;
}
.leader-mini-row {
  display: grid;
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line-soft);
  font-size: 11px;
}
.leader-mini-row:last-child {
  border: 0;
}
.rank {
  font: 10px var(--mono);
  color: var(--lime);
}
.leader-views {
  font: 10px var(--mono);
  color: #bec6bb;
}
.page-head {
  padding: 49px 0 27px;
  border-bottom: 1px solid var(--line);
}
.page-head h1 {
  font-size: 39px;
  line-height: 1.08;
  letter-spacing: 0;
  margin: 12px 0;
}
.page-head p {
  color: var(--muted);
  line-height: 1.65;
  margin: 0;
  max-width: 620px;
}
.page-content {
  padding: 25px 0 70px;
}
.table-shell {
  border: 1px solid var(--line);
  border-radius: 6px;
  overflow: hidden;
  background: #101310;
}
.table-head,
.table-row {
  display: grid;
  grid-template-columns: 52px minmax(180px, 1.5fr) repeat(
      4,
      minmax(90px, 0.7fr)
    );
  grid-gap: 12px;
  gap: 12px;
  align-items: center;
  padding: 0 17px;
}
.table-head {
  min-height: 43px;
  color: var(--faint);
  font: 9px var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-bottom: 1px solid var(--line);
}
.table-row {
  min-height: 66px;
  border-bottom: 1px solid var(--line-soft);
  font-size: 12px;
}
.table-row:last-child {
  border: 0;
}
.table-row:hover {
  background: #ffffff04;
}
.caller-cell {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.caller-avatar {
  width: 31px;
  height: 31px;
  background: #20281d;
  color: var(--lime);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 11px;
}
.caller-label {
  font: 11px var(--mono);
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-num {
  font: 11px var(--mono);
  color: #dce1d8;
}
.table-num.accent {
  color: var(--lime);
}
.empty-state {
  padding: 48px 20px;
  text-align: center;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
}
.inline-error {
  padding: 12px;
  color: #f2a79b;
  background: #2a1916;
  border: 1px solid #68403a;
  border-radius: 5px;
  font-size: 12px;
}
.form-panel {
  max-width: 670px;
  border: 1px solid var(--line);
  background: #111411;
  border-radius: 6px;
  padding: 23px;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 170px;
  grid-gap: 15px;
  gap: 15px;
}
.field {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  margin-bottom: 17px;
}
.field label {
  color: #aab3a7;
  font: 10px var(--mono);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.field input,
.field textarea,
.field select {
  width: 100%;
  background: #0b0e0b;
  border: 1px solid #303930;
  border-radius: 4px;
  color: var(--text);
  padding: 12px 13px;
  outline: none;
  font-size: 13px;
}
.field input:focus,
.field textarea:focus {
  border-color: #92bd58;
}
.field textarea {
  min-height: 100px;
  resize: vertical;
}
.field-note {
  font-size: 10px;
  color: var(--faint);
  line-height: 1.6;
}
.form-notice {
  margin-top: 15px;
  padding: 13px;
  border: 1px solid #3e5231;
  background: #182114;
  color: #d9f5b2;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.65;
}
.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  gap: 10px;
  margin: 19px 0 26px;
}
.metric-card {
  border: 1px solid var(--line);
  background: #111411;
  border-radius: 5px;
  padding: 15px;
}
.metric-label {
  font: 9px var(--mono);
  color: var(--faint);
  text-transform: uppercase;
}
.metric-value {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 600;
}
.metric-value.lime {
  color: var(--lime);
}
.split-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  grid-gap: 20px;
  gap: 20px;
  align-items: start;
}
.panel {
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #111411;
  padding: 18px;
}
.panel h2 {
  font-size: 15px;
  margin: 0 0 15px;
}
.data-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.data-table th {
  font: 9px var(--mono);
  text-transform: uppercase;
  color: var(--faint);
  padding: 10px 8px;
  border-bottom: 1px solid var(--line);
}
.data-table td {
  font-size: 11px;
  padding: 12px 8px;
  border-bottom: 1px solid var(--line-soft);
  color: #c7cec4;
}
.data-table tr:last-child td {
  border: 0;
}
.mono {
  font-family: var(--mono);
}
.muted {
  color: var(--muted);
}
.lime {
  color: var(--lime);
}
.token-detail {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
  gap: 20px;
  align-items: start;
}
.token-title-line {
  display: flex;
  align-items: center;
  gap: 13px;
}
.token-title-line h1 {
  margin: 0;
  font-size: 32px;
}
.large-avatar {
  width: 58px;
  height: 58px;
  border-radius: 6px;
  background: #26321d;
  color: var(--lime);
  display: grid;
  place-items: center;
  font-size: 20px;
  font-weight: 700;
  overflow: hidden;
}
.large-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.address-line {
  margin-top: 11px;
  color: var(--muted);
  font: 10px var(--mono);
  overflow-wrap: anywhere;
}
.pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #3d4d33;
  border-radius: 4px;
  padding: 6px 8px;
  color: #caeaa9;
  font: 9px var(--mono);
  text-transform: uppercase;
}
.data-disclaimer {
  border-left: 2px solid var(--lime);
  padding: 10px 12px;
  color: #9ca799;
  background: #151a13;
  font-size: 10px;
  line-height: 1.6;
  margin: 16px 0;
}
.callout-hero {
  max-width: 800px;
  padding: 60px 0 35px;
}
.callout-hero h1 {
  font-size: 45px;
  line-height: 1.05;
  letter-spacing: 0;
  margin: 15px 0;
}
.callout-hero p {
  color: #aeb6aa;
  line-height: 1.75;
}
.callout-actions {
  display: flex;
  gap: 10px;
  margin: 22px 0;
}
.callout-card {
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #111411;
  padding: 18px;
  max-width: 560px;
}
.callout-card blockquote {
  margin: 0;
  color: #e8ece5;
  font-size: 17px;
  line-height: 1.5;
}
.launch-note {
  margin-top: 19px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.7;
  max-width: 680px;
}
.status-line {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #c9d6c0;
  font: 10px var(--mono);
}
.status-line i {
  width: 6px;
  height: 6px;
  background: var(--lime);
  border-radius: 50%;
}
.skeleton {
  height: 100px;
  border-radius: 5px;
  background: linear-gradient(90deg, #151915 20%, #1b211a 45%, #151915 70%);
  background-size: 200% 100%;
  animation: shimmer 1.4s infinite;
}
@keyframes shimmer {
  to {
    background-position: -200% 0;
  }
}
.site-footer {
  border-top: 1px solid var(--line);
  padding: 22px 0 30px;
  color: var(--faint);
  font: 9px var(--mono);
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.site-footer span:last-child {
  color: #7e897b;
}
.loading-copy {
  padding: 40px 0;
  color: var(--muted);
  font-size: 12px;
}
@media (max-width: 850px) {
  .header-inner,
  .container {
    width: calc(100% - 36px);
  }
  .main-nav {
    gap: 14px;
  }
  .dashboard-link {
    display: none;
  }
  .hero {
    padding-top: 70px;
  }
  .hero:after {
    right: -210px;
    opacity: 0.55;
  }
  .token-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .activity-layout {
    grid-template-columns: 1fr;
  }
  .split-section {
    grid-template-columns: 1fr;
  }
  .metric-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .site-header {
    height: 64px;
  }
  .header-inner {
    gap: 10px;
  }
  .main-nav {
    display: none;
  }
  .mobile-menu {
    display: block;
  }
  .mobile-nav {
    position: fixed;
    z-index: 19;
    top: 64px;
    right: 18px;
    display: grid;
    width: min(260px, calc(100vw - 36px));
    padding: 7px;
    border: 1px solid var(--line);
    border-radius: 5px;
    background: #111411;
    box-shadow: 0 18px 40px #0009;
  }
  .mobile-nav a {
    padding: 12px;
    border-bottom: 1px solid var(--line-soft);
    color: #c8d0c5;
    font-size: 12px;
  }
  .mobile-nav a:last-child {
    border-bottom: 0;
  }
  .header-actions {
    gap: 9px;
  }
  .button-wallet {
    padding: 9px 10px;
    font-size: 11px;
  }
  .wallet-connected {
    font-size: 10px;
  }
  .hero {
    padding: 60px 0 35px;
  }
  .hero h1 {
    font-size: 54px;
  }
  .hero-copy {
    font-size: 13px;
  }
  .hero:after {
    width: 290px;
    height: 290px;
    right: -210px;
    top: 70px;
  }
  .stats-strip {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 18px;
  }
  .stat {
    padding: 2px 12px;
  }
  .stat:nth-child(2) {
    border: 0;
  }
  .stat:nth-child(3) {
    padding-left: 0;
  }
  .stat-value {
    font-size: 19px;
  }
  .section {
    padding: 38px 0;
  }
  .section-title {
    font-size: 20px;
  }
  .token-grid {
    grid-template-columns: 1fr;
  }
  .page-head {
    padding: 36px 0 22px;
  }
  .page-head h1 {
    font-size: 33px;
  }
  .table-shell {
    overflow-x: auto;
  }
  .table-head,
  .table-row {
    min-width: 680px;
  }
  .form-panel {
    padding: 16px;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .metric-grid {
    gap: 7px;
  }
  .metric-card {
    padding: 12px;
  }
  .metric-value {
    font-size: 17px;
  }
  .token-detail {
    grid-template-columns: 1fr;
  }
  .callout-hero {
    padding: 42px 0 26px;
  }
  .callout-hero h1 {
    font-size: 37px;
  }
  .site-footer {
    flex-direction: column;
  }
  .data-table {
    min-width: 560px;
  }
  .panel {
    overflow-x: auto;
  }
}

/* Bubble's light sky identity */
:root {
  color-scheme: light;
  --bg: #f4faff;
  --surface: #ffffff;
  --surface-2: #eaf5ff;
  --line: #cfe5f8;
  --line-soft: #e3f0fa;
  --text: #123253;
  --muted: #55718b;
  --faint: #718ba3;
  --lime: #1676d2;
  --lime-dark: #d9efff;
  --mint: #2c89d8;
  --red: #c64c54;
}
html, body { background: #f4faff; color: var(--text); }
body { background: radial-gradient(circle at 12% 4%, #dff2ff 0, transparent 30%), radial-gradient(circle at 90% 13%, #e5eaff 0, transparent 25%), var(--bg); }
.site-header { background: #ffffffd9; border-color: #d8eafa; box-shadow: 0 5px 24px #225c8910; }
.wordmark-icon { border-radius: 50%; background: linear-gradient(145deg,#81d3ff,#368ee8); color: #fff; -webkit-clip-path: none; clip-path: none; box-shadow: 0 4px 12px #398ed744; }
.wordmark-icon { position: relative; isolation: isolate; }
.wordmark-icon:after, .wordmark-icon:before { content: ""; position: absolute; z-index: -1; border-radius: 50%; background: #98d8ff; }
.wordmark-icon:before { width: 9px; height: 9px; right: -3px; top: -2px; }
.wordmark-icon:after { width: 6px; height: 6px; right: -5px; top: 8px; background: #c4eaff; }
.hero { position: relative; overflow: hidden; border: 1px solid #d7ebfa; border-radius: 30px; margin-top: 24px; padding: 76px 64px; background: linear-gradient(115deg,#eaf7ff 0%,#f8fcff 58%,#e7f2ff 100%); box-shadow: 0 18px 50px #5799c51a; }
.hero:before, .hero:after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; filter: blur(1px); }
.hero:before { width: 270px; height: 270px; right: 11%; top: 2%; background: radial-gradient(circle at 35% 30%,#ffffffdc,#a9ddff77 60%,#7bbaff22); box-shadow: inset -14px -18px 35px #64a8e622, 0 18px 45px #63a9d51c; }
.hero:after { width: 110px; height: 110px; right: 5%; bottom: 9%; background: radial-gradient(circle at 35% 30%,#ffffffd9,#86c9ff70); box-shadow: 0 12px 30px #64a9d522; }
.hero-content { position: relative; z-index: 1; }
.hero h1 { color: #123d68; }
.hero-copy, .hero-footnote { color: #56758f; }
.stats-strip { border-color: var(--line); background: #ffffffa6; border-radius: 18px; margin-top: 20px; }
.stat { border-color: var(--line); }
.section-kicker, .text-link, .rank, .table-num.accent, .lime, .metric-value.lime { color: #1676d2; }
.button-primary, .button-wallet { border: 0; border-radius: 999px; background: linear-gradient(135deg,#2187e2,#4aaaf2); color: white; box-shadow: 0 7px 18px #328ad233; }
.button-primary:hover, .button-wallet:hover { background: linear-gradient(135deg,#126fc4,#3296e5); }
.button-quiet, .wallet-connected, .pill { border-radius: 999px; border-color: #c8e2f7; background: #fff; color: #22527b; }
.token-card, .leader-mini, .table-shell, .form-panel, .panel, .metric-card, .callout-card { border-color: #d5e8f7; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px #235f8c0d; }
.token-card { transition: transform .18s ease, box-shadow .18s ease; }
.token-card:hover { border-color: #9bcdf0; transform: translateY(-3px); box-shadow: 0 14px 30px #235f8c17; }
.token-avatar, .large-avatar { border-radius: 14px; color: #1676d2; background: linear-gradient(145deg,#e4f5ff,#cce9ff); }
.verified, .activity-badge { border-radius: 999px; border-color: #c6e3f8; background: #f0f8ff; color: #2878b8; }
.activity-layout { border-color: var(--line); }
.activity-icon, .caller-avatar { border-radius: 50%; border-color: #cce5f8; color: #1876c8; background: #eaf6ff; }
.activity-meta, .activity-time, .leader-views { color: #6e879c; }
.leader-mini-row, .table-head, .table-row, .token-card-foot, .data-table td, .data-table th { border-color: var(--line-soft); }
.page-head { border-color: var(--line); }
.table-row:hover { background: #edf7ff; }
.field input, .field textarea, .field select { border: 1px solid #cbdfee; border-radius: 12px; background: #fbfdff; color: #153b5d; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: #55a8e8; box-shadow: 0 0 0 3px #68b7f322; }
.field label { color: #55718b; }
.form-notice { border-color: #bde2f9; border-radius: 14px; background: #edf8ff; color: #195486; }
.data-disclaimer { border-left-color: #419fe3; border-radius: 0 12px 12px 0; background: #eaf6ff; color: #496d8b; }
.callout-hero { position: relative; }
.callout-hero:before { content: ""; position: absolute; z-index: -1; width: 250px; height: 250px; right: 4%; top: 14%; border-radius: 50%; background: radial-gradient(circle at 35% 30%,#fff,#a9dcff66 65%,transparent); }
.callout-card blockquote { color: #173d5f; }
.inline-error { border-color: #efc7c8; border-radius: 14px; background: #fff2f2; color: #a83c43; }
.mobile-nav { border-color: #d1e5f5; border-radius: 18px; background: #fff; box-shadow: 0 18px 40px #224e7020; }
.mobile-nav a { border-color: var(--line-soft); color: #234f76; }
.site-footer { border-color: var(--line); color: #6c849a; }
.site-footer span:last-child { color: #54718b; }
.skeleton { border-radius: 16px; background: linear-gradient(90deg,#eaf4fc 20%,#ddecf8 45%,#eaf4fc 70%); background-size: 200% 100%; }
.token-controls { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 0 18px; }
.token-search { display: flex; align-items: center; gap: 9px; width: min(460px,100%); padding: 0 14px; border: 1px solid #cfe4f5; border-radius: 999px; background: #fff; color: #5c7d99; }
.token-search input { width: 100%; padding: 12px 0; border: 0; outline: 0; background: transparent; color: #153b5d; }
.sort-pills { display: flex; gap: 6px; padding: 4px; border-radius: 999px; background: #e8f4fd; }
.sort-pills button { border: 0; border-radius: 999px; padding: 9px 14px; background: transparent; color: #4f7391; }
.sort-pills button.active { background: #fff; color: #176eaf; box-shadow: 0 2px 8px #28648f18; }
.leaderboard-top-1 { background: linear-gradient(90deg,#e5f4ff,#fff 72%); }
.leaderboard-top-2 { background: linear-gradient(90deg,#edf7ff,#fff 72%); }
.leaderboard-top-3 { background: linear-gradient(90deg,#f2f9ff,#fff 72%); }
.data-freshness { display: flex; align-items: center; gap: 9px; padding: 8px 11px; border: 1px solid #d6eafa; border-radius: 13px; background: #f7fcff; color: #42627e; font-size: 9px; line-height: 1.35; white-space: nowrap; }
.data-freshness > div { display: grid; grid-gap: 2px; gap: 2px; }
.data-freshness strong { color: #1a527e; font: 9px var(--mono); text-transform: uppercase; }
.freshness-dot { width: 8px; height: 8px; flex: none; border-radius: 50%; background: #36a1e9; box-shadow: 0 0 0 3px #dcefff; }
.freshness-next { padding-left: 9px; border-left: 1px solid #d5e8f7; }
@media (max-width: 850px) { .data-freshness { gap: 6px; padding: 7px 8px; } .freshness-next { padding-left: 6px; } }
@media (max-width: 600px) { .data-freshness { margin-left: auto; border: 0; background: transparent; padding: 0; } .data-freshness > div:first-of-type span, .freshness-next span { display: none; } .freshness-next { padding-left: 0; border: 0; } .data-freshness > div { max-width: 88px; overflow: hidden; } .data-freshness strong { font-size: 8px; } }
@media (max-width: 600px) { .hero { padding: 52px 24px 38px; margin-top: 14px; border-radius: 24px; } .hero:before { right: -110px; top: 15%; } .token-controls { align-items: stretch; flex-direction: column; } .token-search { width: 100%; } .sort-pills button { flex: 1 1; } }

/* Refined Bubble product system */
:root {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f4f9fd;
  --line: #e0e9f1;
  --line-soft: #edf2f6;
  --text: #102c46;
  --muted: #5f7488;
  --faint: #8193a3;
  --lime: #287fc0;
  --sans: Inter, "SF Pro Display", "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", Consolas, monospace;
}
html, body { background: #fff; color: var(--text); }
body { background: #fff; font-family: var(--sans); font-size: 14px; }
.container { width: min(1160px, calc(100% - 56px)); }
.site-header { height: 68px; background: #ffffffed; border-color: #e8eef3; box-shadow: 0 2px 10px #183e5b08; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.header-inner { width: min(1160px, calc(100% - 56px)); gap: 42px; }
.wordmark { font-size: 15px; letter-spacing: .075em; gap: 10px; color: #13395a; }
.wordmark-icon { width: 29px; height: 29px; border-radius: 50%; background: #53a9e5; color: #fff; box-shadow: none; font-size: 15px; font-weight: 700; }
.wordmark-icon:before { width: 8px; height: 8px; right: -2px; top: -1px; background: #a9dcf8; }
.wordmark-icon:after { width: 5px; height: 5px; right: -4px; top: 8px; background: #c9eafb; }
.main-nav { gap: 30px; color: #526a7e; font-size: 13px; }
.main-nav a:hover, .dashboard-link:hover { color: #1976b9; }
.header-actions { gap: 16px; }
.dashboard-link, .search-link { color: #647b8e; display: inline-flex; align-items: center; justify-content: center; }
.search-link { width: 36px; height: 36px; border: 1px solid #e4edf4; border-radius: 9px; background: #fff; }
.search-link:hover { color: #1976b9; border-color: #b6d6ec; }
.button, .button-primary, .button-quiet, .wallet-connected { border-radius: 8px; box-shadow: none; }
.button-wallet, .button-primary { background: #2585c8; border: 1px solid #2585c8; color: #fff; font-size: 13px; font-weight: 600; padding: 11px 16px; }
.button-wallet:hover, .button-primary:hover { background: #176fae; border-color: #176fae; }
.button-quiet { color: #234d6e; border: 1px solid #d4e2ec; background: #fff; font-size: 13px; font-weight: 600; padding: 11px 16px; }
.button-quiet:hover { color: #176fae; border-color: #9bc7e5; background: #f9fcfe; }
.wallet-connected { border: 1px solid #c8e2f2; background: #f4faff; color: #1b5d8d; }
.online-dot { background: #3f9bd0; box-shadow: none; }
.hero { margin: 0; padding: 78px 0 58px; border: 0; border-radius: 0; background: #fff; box-shadow: none; overflow: visible; }
.hero:before, .hero:after { display: none; }
.hero-content { max-width: 810px; }
.eyebrow { gap: 8px; color: #357eae; font: 600 10px var(--sans); letter-spacing: .13em; }
.eyebrow:before { width: 16px; background: #70b6e2; }
.hero h1 { margin: 20px 0 18px; max-width: 700px; color: #102f4a; font-size: clamp(45px, 5.35vw, 68px); line-height: 1.04; letter-spacing: -.052em; font-weight: 650; }
.hero h1 span { color: #388bc2; }
.hero-copy { max-width: 460px; margin: 0; color: #5e7488; font-size: 16px; line-height: 1.7; }
.hero-actions { margin-top: 27px; gap: 10px; }
.stats-strip { margin: 0; padding: 19px 0; border: 0; border-top: 1px solid #e7eef4; border-bottom: 1px solid #e7eef4; border-radius: 0; background: #fff; grid-template-columns: repeat(4, 1fr); }
.stat { padding: 2px 24px; border-color: #e7eef4; }
.stat:first-child { padding-left: 0; }
.stat-label { color: #71869a; font: 600 10px var(--sans); letter-spacing: .035em; text-transform: none; }
.stat-value { margin-top: 7px; color: #163b5b; font-size: 23px; font-weight: 620; letter-spacing: -.025em; }
.how-it-works { display: grid; grid-template-columns: .8fr 2fr; grid-gap: 48px; gap: 48px; padding: 54px 0 45px; border-bottom: 1px solid #e7eef4; }
.how-heading h2 { max-width: 300px; margin: 12px 0 0; color: #173a58; font-size: 23px; line-height: 1.25; letter-spacing: -.03em; }
.section-kicker { color: #4a87ae; font: 650 10px var(--sans); letter-spacing: .1em; }
.how-steps { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 21px; gap: 21px; }
.how-steps article { padding-left: 14px; border-left: 1px solid #dbe8f1; }
.how-steps article > span { color: #6d9ab9; font: 600 10px var(--mono); }
.how-steps h3 { margin: 11px 0 6px; color: #193d5a; font-size: 13px; }
.how-steps p { margin: 0; color: #718497; font-size: 11px; line-height: 1.6; }
.section { padding: 46px 0; }
.section-head { align-items: center; margin-bottom: 17px; }
.section-title { color: #163b59; font-size: 21px; font-weight: 620; letter-spacing: -.035em; }
.text-link { color: #287cad; font-size: 12px; }
.text-link:hover { color: #145e91; }
.token-grid { gap: 13px; }
.token-card, .leader-mini, .table-shell, .form-panel, .panel, .metric-card, .callout-card { border: 1px solid #e2eaf0; border-radius: 11px; background: #fff; box-shadow: 0 3px 12px #1b496408; }
.token-card { padding: 17px; }
.token-card:hover { border-color: #b4d5e9; transform: translateY(-2px); box-shadow: 0 8px 19px #1b49640c; }
.token-avatar, .large-avatar { border-radius: 9px; color: #277caf; background: #eaf5fc; }
.verified, .activity-badge { border-radius: 5px; background: #f4f9fc; color: #5280a0; }
.activity-icon, .caller-avatar { border-radius: 8px; background: #eef6fb; color: #397fa9; }
.activity-layout { grid-template-columns: 1.4fr .75fr; gap: 35px; border-color: #e7eef4; padding-top: 20px; }
.leader-mini { padding: 15px 17px; }
.leader-mini-head { color: #7890a2; font: 650 9px var(--sans); }
.leader-mini-row { font-size: 12px; }
.rank { color: #4784ad; }
.leader-views { color: #72879a; }
.empty-state { color: #6f8395; }
.token-empty { display: grid; justify-items: center; padding: 61px 24px 66px; border: 1px solid #e3edf4; border-radius: 12px; background: linear-gradient(145deg, #fbfdff, #f5fafe); text-align: center; }
.token-empty-mark { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 10px; border-radius: 50%; color: #fff; background: #5aa8d8; font-size: 17px; font-weight: 700; }
.token-empty h3 { margin: 8px 0 0; color: #173a58; font-size: 19px; letter-spacing: -.025em; }
.token-empty p { margin: 8px 0 18px; color: #71869a; font-size: 13px; }
.page-head { padding: 47px 0 24px; border-color: #e7eef4; }
.page-head h1 { color: #163b59; font-size: 40px; font-weight: 650; letter-spacing: -.045em; }
.page-head p { color: #62798d; }
.freshness-inline { display: inline-flex; align-items: center; gap: 9px; margin-top: 16px; padding: 8px 10px; border: 1px solid #e4edf3; border-radius: 7px; color: #657c8f; background: #fbfdfe; font-size: 10px; }
.freshness-inline .freshness-dot { width: 7px; height: 7px; background: #579cc7; box-shadow: none; }
.freshness-inline.delayed { border-color: #f0d7d4; color: #a45a53; background: #fffafa; }
.freshness-inline.delayed .freshness-dot { background: #cf766d; }
.page-content { padding: 25px 0 62px; }
.table-shell { overflow: hidden; }
.table-head { border-color: #e7eef4; color: #71869a; }
.table-row { border-color: #edf2f6; }
.table-row:hover { background: #f7fbfe; }
.table-num { color: #36546c; }
.table-num.accent, .lime, .metric-value.lime { color: #287fc0; }
.field input, .field textarea, .field select { border-color: #d9e5ed; border-radius: 8px; background: #fff; color: #163b59; }
.field label { color: #60798d; font-family: var(--sans); font-size: 11px; font-weight: 600; letter-spacing: .015em; text-transform: none; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: #69add8; box-shadow: 0 0 0 3px #4b9ed51a; }
.form-panel { padding: 25px; }
.form-notice { border-color: #cce4f2; border-radius: 8px; background: #f3faff; color: #285878; }
.data-disclaimer { border-left-color: #64a8cf; border-radius: 0 7px 7px 0; background: #f4f9fc; color: #5b7488; }
.inline-error { border-radius: 8px; }
.callout-hero { padding-top: 60px; }
.callout-hero:before { display: none; }
.site-footer { border-color: #e7eef4; color: #74899b; }
.site-footer span:last-child { color: #8294a3; }
.sort-pills { border-radius: 8px; background: #f1f6fa; }
.sort-pills button { border-radius: 6px; color: #5e7588; font-size: 11px; }
.sort-pills button.active { color: #225f89; box-shadow: 0 1px 4px #1b49640d; }
.token-search { border-radius: 8px; }
.mobile-nav { border-radius: 0 0 10px 10px; box-shadow: 0 10px 22px #1c496412; }
.wallet-error { top: 76px; border-radius: 8px; box-shadow: 0 8px 24px #17384c14; }
.launch-groups { display: grid; grid-gap: 25px; gap: 25px; }
.launch-group-title { margin: 0 0 8px; color: #60798d; font-size: 12px; font-weight: 650; }
.launch-empty { padding: 13px 0; color: #8193a3; font-size: 12px; }
.launch-row { grid-template-columns: 34px minmax(130px, 1fr) minmax(240px, auto); }
.launch-verify { display: flex; align-items: center; gap: 8px; }
.launch-verify input { width: min(260px, 100%); min-width: 0; padding: 9px 10px; border: 1px solid #d9e5ed; border-radius: 7px; color: #163b59; background: #fff; font: 11px var(--sans); }
.launch-status { color: #54809e; font: 10px var(--mono); }
@media (max-width: 900px) {
  .hero { padding: 61px 0 45px; }
  .hero h1 { font-size: clamp(42px, 6vw, 57px); }
  .header-inner { gap: 23px; }
  .main-nav { gap: 19px; }
  .how-it-works { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 680px) {
  .container, .header-inner { width: min(100% - 36px, 540px); }
  .site-header { height: 62px; }
  .header-inner { gap: 12px; }
  .wordmark { font-size: 13px; }
  .main-nav, .dashboard-link { display: none; }
  .header-actions { gap: 9px; }
  .search-link { width: 33px; height: 33px; }
  .button-wallet { padding: 9px 11px; font-size: 11px; }
  .mobile-menu { display: inline-flex; align-items: center; justify-content: center; color: #44647d; padding: 8px 2px 8px 7px; }
  .hero { padding: 49px 0 34px; }
  .hero h1 { margin: 16px 0; font-size: clamp(39px, 10.5vw, 54px); line-height: 1.04; }
  .hero-copy { max-width: 420px; font-size: 14px; }
  .hero-actions { margin-top: 21px; }
  .stats-strip { grid-template-columns: repeat(2, 1fr); row-gap: 14px; padding: 16px 0; }
  .stat { padding: 2px 12px; }
  .stat:nth-child(2) { border-right: 0; }
  .stat:nth-child(3) { padding-left: 0; }
  .stat-value { font-size: 20px; }
  .how-it-works { padding: 36px 0; }
  .how-steps { grid-template-columns: repeat(2, 1fr); gap: 21px 13px; }
  .section { padding: 34px 0; }
  .activity-layout { grid-template-columns: 1fr; gap: 21px; }
  .page-head { padding-top: 34px; }
  .page-head h1 { font-size: 34px; }
  .token-controls { align-items: stretch; flex-direction: column; }
  .sort-pills { width: 100%; overflow-x: auto; }
  .sort-pills button { flex: 1 1; white-space: nowrap; padding: 9px 10px; }
  .form-panel { padding: 18px; }
  .launch-row { grid-template-columns: 30px minmax(95px, 1fr); }
  .launch-verify { grid-column: 2; flex-wrap: wrap; }
  .launch-verify input { flex: 1 1 160px; width: auto; }
}
.launch-success h2 span { color: var(--lime); }
.launch-success .launch-result-label { margin: 22px 0 5px; color: var(--muted); font: 10px var(--mono); text-transform: uppercase; }
.launch-mint { display: inline-flex; align-items: center; gap: 8px; color: #e4e6e7; font: 12px var(--mono); overflow-wrap: anywhere; }
.launch-result-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.launch-signature { display: block; margin-top: 17px; color: var(--muted); font: 10px var(--mono); overflow-wrap: anywhere; }
.launch-progress { display: flex; align-items: center; gap: 9px; margin-top: 15px; color: #b6e5f8; font-size: 12px; }
.launch-retry { margin-top: 13px; }
.launch-form-intro, .launch-honesty { color: var(--muted); font-size: 12px; line-height: 1.65; }
.launch-honesty { margin: 20px 0 0; color: #888b8e; }
.launch-process h2 { margin: 14px 0 22px; font-size: clamp(30px, 4vw, 42px); line-height: 1.08; letter-spacing: -.05em; }
.launch-timeline > div { display: grid; grid-template-columns: 34px 1fr; grid-gap: 9px; gap: 9px; padding: 14px 0; border-top: 1px solid var(--line); }
.timeline-index { color: var(--lime); font: 11px var(--mono); }
.launch-timeline p { margin: 0; display: grid; grid-gap: 5px; gap: 5px; }
.launch-timeline strong { font-size: 12px; }
.launch-timeline small { color: var(--muted); font-size: 11px; line-height: 1.5; }
.launch-submit { margin-top: 7px; }
.launch-form-panel input[type="file"] { color: var(--muted); }
.launch-form-panel input[type="file"]::-webkit-file-upload-button { margin-right: 12px; border: 1px solid var(--line); border-radius: 999px; padding: 8px 12px; color: var(--text); background: #252728; cursor: pointer; }
.launch-form-panel input[type="file"]::file-selector-button { margin-right: 12px; border: 1px solid var(--line); border-radius: 999px; padding: 8px 12px; color: var(--text); background: #252728; cursor: pointer; }
.launch-links summary { margin-bottom: 14px; color: var(--muted); cursor: pointer; font-size: 12px; }
.launch-links summary span { margin-left: 6px; color: var(--faint); }
.launch-links-fields { padding-top: 6px; }
.launch-live-info { flex-wrap: wrap; }
@media (max-width: 680px) { .launch-result-actions { flex-direction: column; align-items: stretch; } }

/* Bubble dark launchpad system */
:root {
  color-scheme: dark;
  --bg: #111212;
  --surface: #191a1b;
  --surface-2: #202122;
  --line: #2d2e30;
  --line-soft: #252627;
  --text: #f4f5f6;
  --muted: #a1a3a6;
  --faint: #74777b;
  --lime: #72c8f4;
  --lime-dark: #192c36;
  --mint: #72c8f4;
  --sans: Inter, "SF Pro Display", "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", Consolas, monospace;
}
html, body { background: var(--bg); color: var(--text); }
body { background: #111212; font-family: var(--sans); font-size: 14px; }
.container { width: min(1160px, calc(100% - 56px)); }
.site-header { height: 66px; background: #151617; border-color: #2b2c2d; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.header-inner { width: min(1440px, calc(100% - 40px)); gap: 38px; }
.wordmark { color: #f6f7f8; font-size: 16px; letter-spacing: .025em; gap: 9px; }
.wordmark-icon { width: 30px; height: 30px; border-radius: 50%; background: var(--lime); color: #101a20; box-shadow: none; font-size: 15px; }
.wordmark-icon:before, .wordmark-icon:after { display: none; }
.main-nav { gap: 27px; color: #85888b; font-size: 13px; }
.main-nav a.active, .main-nav a:hover { color: #fff; }
.dashboard-link, .search-link { color: #a2a4a6; }
.search-link { border: 1px solid var(--line); border-radius: 50%; background: #202122; }
.search-link:hover { color: var(--lime); border-color: #466b7d; }
.button, .button-primary, .button-quiet, .wallet-connected, .pill { border-radius: 999px; box-shadow: none; }
.button-wallet, .button-primary { border: 1px solid var(--lime); background: var(--lime); color: #101a20; font-size: 13px; font-weight: 700; padding: 11px 17px; }
.button-wallet:hover, .button-primary:hover { border-color: #9cddfa; background: #9cddfa; }
.button-quiet { color: #f0f1f2; border: 1px solid #303133; background: #292a2b; font-size: 13px; font-weight: 600; padding: 11px 17px; }
.button-quiet:hover { color: var(--lime); border-color: #42677a; background: #303234; }
.wallet-connected { border-color: #365466; background: #1a2931; color: #b7e5fa; }
.online-dot, .freshness-dot { background: var(--lime); box-shadow: none; }
.hero { display: grid; grid-template-columns: minmax(0, 1fr) 250px; align-items: center; grid-gap: 40px; gap: 40px; margin: 0; padding: 74px 0 42px; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: hidden; }
.hero:before, .hero:after { display: none; }
.hero-content { max-width: 850px; }
.eyebrow { width: -moz-fit-content; width: fit-content; gap: 8px; padding: 8px 12px; border-radius: 999px; color: var(--lime); background: #1c2b31; font: 600 11px var(--sans); letter-spacing: .025em; }
.eyebrow:before { display: none; }
.hero-live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); }
.hero h1 { margin: 22px 0 18px; max-width: 860px; color: #f7f7f8; font-size: clamp(44px, 5.5vw, 66px); line-height: .99; letter-spacing: -.055em; font-weight: 700; }
.hero h1 span { color: #f7f7f8; }
.hero-copy { max-width: 600px; margin: 0; color: #a4a6a8; font-size: 15px; line-height: 1.7; }
.hero-actions { margin-top: 26px; gap: 10px; }
.hero-mark { width: 205px; height: 205px; position: relative; display: grid; place-items: center; justify-self: center; border: 1px solid #262c2f; border-radius: 50%; color: #7bcdf2; background: radial-gradient(circle, #1b252a 0, #141718 64%, transparent 65%); }
.hero-mark span { font-size: 94px; font-weight: 700; letter-spacing: -.1em; transform: translateX(-4px); opacity: .74; }
.hero-mark i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #6bbce4; opacity: .72; }
.hero-mark i:nth-of-type(1) { right: 22px; top: 41px; width: 5px; height: 5px; }
.hero-mark i:nth-of-type(2) { right: 38px; bottom: 27px; width: 6px; height: 6px; }
.hero-mark i:nth-of-type(3) { left: 25px; bottom: 48px; width: 4px; height: 4px; }
.stats-strip { margin: 0; padding: 18px 0 20px; border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; grid-template-columns: repeat(4, 1fr); }
.stat { padding: 2px 24px; border-color: var(--line); }
.stat:first-child { padding-left: 0; }
.stat-label { color: var(--faint); font: 500 10px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.stat-value { margin-top: 8px; color: #f4f5f6; font: 600 22px var(--mono); letter-spacing: -.025em; }
.how-it-works { grid-template-columns: .8fr 2fr; gap: 42px; padding: 38px 0; border-bottom: 1px solid var(--line); }
.how-heading h2, .section-title { color: var(--text); }
.how-heading h2 { font-size: 22px; }
.how-steps article { border-color: #303234; }
.how-steps article > span { color: var(--lime); }
.how-steps h3 { color: #e9eaeb; }
.how-steps p { color: #989a9d; }
.section { padding: 38px 0; }
.section-head { align-items: center; margin-bottom: 17px; }
.section-kicker, .text-link, .rank, .table-num.accent, .lime, .metric-value.lime { color: var(--lime); }
.section-kicker { font: 600 10px var(--mono); letter-spacing: .09em; }
.section-title { font-size: 21px; font-weight: 650; letter-spacing: -.035em; }
.text-link:hover { color: #b2e5fb; }
.token-controls { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 0 18px; }
.token-search { display: flex; align-items: center; gap: 9px; width: min(460px,100%); padding: 0 14px; border: 1px solid #2e3032; border-radius: 999px; background: #171819; color: #8a8d90; }
.token-search input { width: 100%; padding: 11px 0; border: 0; outline: 0; background: transparent; color: var(--text); }
.token-search input::placeholder { color: #777a7d; }
.sort-pills { display: flex; gap: 3px; padding: 4px; border: 1px solid #282a2c; border-radius: 999px; background: #171819; }
.sort-pills button { border: 0; border-radius: 999px; padding: 8px 13px; background: transparent; color: #8e9194; font-size: 11px; }
.sort-pills button.active { color: #f6f7f8; background: #303234; box-shadow: none; }
.token-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.token-card, .leader-mini, .table-shell, .form-panel, .panel, .metric-card, .callout-card { border: 1px solid #2b2d2e; border-radius: 12px; background: #1a1b1c; box-shadow: none; }
.token-card { padding: 16px; transition: border-color .16s ease, transform .16s ease; }
.token-card:hover { border-color: #4a7183; transform: translateY(-2px); box-shadow: none; }
.token-avatar, .large-avatar { border-radius: 9px; color: var(--lime); background: #202d33; }
.verified, .activity-badge { border-radius: 999px; border-color: #34444d; background: #22292d; color: #a6dff6; }
.token-card-foot, .token-address { color: #999c9f; border-color: var(--line-soft); }
.token-card-foot strong { color: var(--text); }
.activity-layout { grid-template-columns: 1.35fr .75fr; gap: 30px; border-color: var(--line); }
.leader-mini { padding: 15px 17px; }
.leader-mini-head, .activity-meta, .activity-time, .leader-views { color: #85888b; }
.leader-mini-row, .table-head, .table-row, .data-table td, .data-table th { border-color: var(--line-soft); }
.leader-mini-row { color: #e6e7e8; }
.empty-state { color: #96999c; }
.token-empty { display: grid; justify-items: center; padding: 46px 24px; border: 1px solid var(--line); border-radius: 12px; background: #191a1b; text-align: center; }
.token-empty-mark { color: #101a20; background: var(--lime); }
.token-empty h3 { color: var(--text); }
.token-empty p { color: var(--muted); }
.activity-icon, .caller-avatar { border-radius: 9px; border-color: #303234; color: var(--lime); background: #202326; }
.page-head { padding: 42px 0 24px; border-color: var(--line); }
.page-head h1 { color: var(--text); font-size: 38px; font-weight: 700; letter-spacing: -.045em; }
.page-head p { color: var(--muted); }
.freshness-inline, .data-freshness { border-color: #2d3235; border-radius: 999px; background: #191b1c; color: #a4a6a8; }
.freshness-inline.delayed { border-color: #61403d; background: #271b1a; color: #e3a19a; }
.page-content { padding: 24px 0 58px; }
.table-shell { overflow: hidden; }
.table-head { color: #85888b; }
.table-row { color: #e5e6e7; }
.table-row:hover { background: #ffffff08; }
.table-num { color: #d1d3d4; }
.field input, .field textarea, .field select { border: 1px solid #333638; border-radius: 8px; background: #151617; color: var(--text); }
.field input::placeholder, .field textarea::placeholder { color: #696c6f; }
.field label { color: #a4a6a8; font-family: var(--sans); font-size: 11px; font-weight: 600; letter-spacing: .01em; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: #5d9fc0; box-shadow: 0 0 0 3px #66bce51a; }
.form-panel { padding: 24px; }
.form-notice { border-color: #385260; border-radius: 9px; background: #1b2a31; color: #b4e3f6; }
.data-disclaimer { border-left-color: var(--lime); border-radius: 0 8px 8px 0; background: #1a2226; color: #a3aaad; }
.inline-error { border-color: #68403a; border-radius: 8px; background: #2a1916; color: #f2a79b; }
.callout-card blockquote { color: #e9eaeb; }
.launch-groups { display: grid; grid-gap: 23px; gap: 23px; }
.launch-group-title { margin: 0 0 8px; color: #a4a6a8; font-size: 12px; font-weight: 650; }
.launch-empty { padding: 13px 0; color: #85888b; }
.launch-row { grid-template-columns: 34px minmax(130px, 1fr) minmax(240px, auto); }
.launch-live-info { display: flex; align-items: center; gap: 14px; }
.launch-status { color: #a6def4; font: 10px var(--mono); }
.launch-state { color: #f0c680; }
.launch-state.is-live { color: var(--lime); }
.launch-confirmation { border-color: #2b3032; background: #191a1b; }
.launch-confirm-icon { color: var(--lime); background: #1b2d35; }
.launch-process { color: var(--text); }
.launch-process h2 { color: var(--text); }
.launch-process h2 span { color: var(--lime); }
.launch-timeline > div { border-color: var(--line); }
.launch-timeline strong { color: #e8e9ea; }
.launch-timeline small { color: #999c9f; }
.launch-dashboard-link { color: var(--lime); }
.site-footer { border-color: var(--line); color: #7c7f82; }
.site-footer span:last-child { color: #8d9093; }
.skeleton { border-radius: 10px; background: linear-gradient(90deg,#191b1c 20%,#242627 45%,#191b1c 70%); background-size: 200% 100%; }
.mobile-nav { border-color: var(--line); border-radius: 0 0 12px 12px; background: #191a1b; box-shadow: 0 18px 40px #0009; }
.mobile-nav a { border-color: var(--line-soft); color: #d7d9da; }
.wallet-error { border-radius: 8px; background: #271b1a; box-shadow: 0 8px 24px #0008; }
.leaderboard-top-1, .leaderboard-top-2, .leaderboard-top-3 { background: #1b1d1e; }
.site-footer { margin-top: 8px; }
@media (max-width: 900px) {
  .hero { grid-template-columns: minmax(0,1fr) 170px; padding: 58px 0 36px; }
  .hero-mark { width: 160px; height: 160px; }
  .hero-mark span { font-size: 76px; }
  .header-inner { gap: 22px; }
  .main-nav { gap: 16px; }
}
@media (max-width: 680px) {
  .container, .header-inner { width: min(100% - 36px, 540px); }
  .site-header { height: 62px; }
  .wordmark { font-size: 13px; }
  .main-nav, .dashboard-link { display: none; }
  .header-actions { gap: 9px; }
  .mobile-menu { display: inline-flex; align-items: center; justify-content: center; color: #c4c7c9; padding: 8px 2px 8px 7px; }
  .hero { grid-template-columns: 1fr; padding: 48px 0 32px; gap: 14px; }
  .hero-mark { display: none; }
  .hero h1 { margin: 18px 0; font-size: clamp(40px, 10vw, 53px); line-height: 1.02; }
  .hero-copy { font-size: 14px; }
  .hero-actions { margin-top: 21px; }
  .stats-strip { grid-template-columns: repeat(2, 1fr); row-gap: 14px; padding: 16px 0; }
  .stat { padding: 2px 12px; }
  .stat:nth-child(2) { border-right: 0; }
  .stat:nth-child(3) { padding-left: 0; }
  .stat-value { font-size: 19px; }
  .how-it-works { grid-template-columns: 1fr; gap: 21px; padding: 31px 0; }
  .how-steps { grid-template-columns: repeat(2, 1fr); gap: 18px 12px; }
  .section { padding: 32px 0; }
  .token-controls { align-items: stretch; flex-direction: column; }
  .sort-pills { width: 100%; overflow-x: auto; }
  .sort-pills button { flex: 1 1; white-space: nowrap; padding: 9px 10px; }
  .token-grid { grid-template-columns: 1fr; }
  .activity-layout { grid-template-columns: 1fr; gap: 21px; }
  .page-head { padding-top: 34px; }
  .page-head h1 { font-size: 33px; }
  .form-panel { padding: 18px; }
  .launch-row { grid-template-columns: 30px minmax(95px, 1fr); }
  .launch-live-info { grid-column: 2; flex-wrap: wrap; }
  .site-footer { flex-direction: column; }
}
.wordmark-icon { display: block; flex: 0 0 auto; width: 30px; height: 30px; border-radius: 0; background: transparent; object-fit: contain; -webkit-clip-path: none; clip-path: none; box-shadow: none; }
.token-empty-mark { display: block; width: 42px; height: 42px; border-radius: 0; background: transparent; object-fit: contain; }
.activity-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }