/* NEBULA — single visual edition.
Shared component layers retain their original cascade and selector specificity.
Historical class names are internal layout hooks, not selectable themes.
Edit this stylesheet directly; no migration script is needed to serve the app. */
/* Component layer: styles */
:root {
  --bg: #060610;
  --deep: #020207;
  --panel: #090918;
  --panel2: #0d0d1c;
  --panel3: #101131;
  --line: #1d1e36;
  --line2: #292b50;
  --text: #f7f7fb;
  --muted: #a7a7b5;
  --faint: #6f7188;
  --accent: #777bff;
  --accent2: #a9acff;
  --accent3: #4448b8;
  --green: #19d778;
  --red: #ff5d76;
  --orange: #ff9b55;
  --ease: cubic-bezier(.22,.76,.3,1);
  --side: 232px;
  font-family: "Inter Tight","PingFang SC","Microsoft YaHei",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
* {
  box-sizing: border-box;
}
html {
  background: var(--bg);
  scroll-behavior: smooth;
}
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  color: var(--text);
  background: radial-gradient(circle at 55% -15%,rgba(77,80,194,.16),transparent 32%),var(--bg);
  -webkit-font-smoothing: antialiased;
}
button,input {
  font: inherit;
}
button {
  color: inherit;
}
button,a {
  -webkit-tap-highlight-color: transparent;
}
button {
  cursor: pointer;
}
a {
  color: inherit;
  text-decoration: none;
}
h1,h2,h3,p {
  margin: 0;
}
svg {
  display: block;
}
.app-noise {
  position: fixed;
  inset: 0;
  z-index: -1;
  opacity: .08;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}
.app-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg,#777bff,#fff);
  transform: scaleX(0);
  transform-origin: left;
  box-shadow: 0 0 16px #777bff;
  transition: transform .35s var(--ease);
}
.app-shell {
  width: min(1720px,calc(100% - 36px));
  min-height: calc(100vh - 36px);
  margin: 18px auto;
  display: grid;
  grid-template-columns: var(--side) minmax(0,1fr);
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--deep);
  overflow: hidden;
  box-shadow: 0 24px 100px rgba(0,0,0,.38);
}
.sidebar {
  position: sticky;
  top: 0;
  height: calc(100vh - 36px);
  padding: 24px 16px 18px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--line);
  background: linear-gradient(180deg,#070711,#05050d);
}
.brand {
  height: 43px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.brand-mark {
  position: relative;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  flex: none;
}
.brand-mark::before,.brand-mark::after {
  content: "";
  position: absolute;
  inset: 3px;
  border: 2px solid #7176ff;
  border-radius: 50% 12% 50% 12%;
  transform: rotate(45deg);
  box-shadow: 0 0 12px rgba(113,118,255,.45);
  animation: brandSpin 9s linear infinite;
}
.brand-mark::after {
  transform: rotate(90deg);
  border-color: #afb2ff;
  opacity: .65;
  animation-direction: reverse;
}
.brand-mark i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 8px #fff;
}
.brand-word {
  font-size: 18px;
  letter-spacing: -.025em;
}
.side-nav {
  margin-top: 34px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.nav-item,.admin-entry {
  position: relative;
  width: 100%;
  height: 44px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #77788d;
  text-align: left;
  transition: .28s var(--ease);
}
.nav-item::before,.admin-entry::before {
  content: "";
  position: absolute;
  left: -17px;
  width: 2px;
  height: 0;
  border-radius: 2px;
  background: #aeb1ff;
  box-shadow: 0 0 14px #777bff;
  transition: height .28s var(--ease);
}
.nav-item:hover,.admin-entry:hover {
  color: #d6d7e9;
  background: #0c0c1b;
}
.nav-item.active {
  color: #fff;
  border-color: #252747;
  background: #111225;
  box-shadow: inset 0 0 24px rgba(91,95,210,.11);
}
.nav-item.active::before {
  height: 22px;
}
.nav-icon {
  width: 22px;
  text-align: center;
  font-size: 17px;
  color: #9396d6;
}
.live-dot {
  position: absolute;
  right: 13px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 10px var(--green);
  animation: pulse 1.7s infinite;
}
.side-bottom {
  margin-top: auto;
}
.admin-entry {
  border-color: #20223e;
  color: #898aa0;
}
.admin-entry em {
  margin-left: auto;
  padding: 2px 5px;
  border: 1px solid #35386d;
  border-radius: 4px;
  color: #8e91d1;
  font-size: 8px;
  font-style: normal;
}
.biometric-mini {
  margin-top: 14px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #242642;
  border-radius: 14px;
  background: #090918;
}
.fingerprint-mini {
  position: relative;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid #5a5eaf;
  border-radius: 10px;
  background: linear-gradient(180deg,#141637,#484b83);
  overflow: hidden;
}
.fingerprint-mini svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: #eeefff;
  stroke-width: 1.7;
  stroke-linecap: round;
}
.fingerprint-mini i {
  position: absolute;
  left: 4px;
  right: 4px;
  top: 4px;
  height: 1px;
  background: #fff;
  box-shadow: 0 0 8px 2px #a9acff;
  animation: fingerprintScan 2s ease-in-out infinite alternate;
}
.biometric-mini strong,.biometric-mini span {
  display: block;
}
.biometric-mini strong {
  font-size: 11px;
  font-weight: 500;
}
.biometric-mini span {
  margin-top: 2px;
  color: #797b92;
  font-size: 9px;
}
.workspace {
  min-width: 0;
}
.topbar {
  height: 70px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--line);
  background: rgba(5,5,13,.88);
  backdrop-filter: blur(18px);
}
.topbar-context {
  min-width: 0;
}
.eyebrow {
  display: block;
  color: #777993;
  font-size: 8px;
  letter-spacing: .17em;
}
.topbar h1 {
  margin-top: 4px;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -.02em;
}
.topbar-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 9px;
}
.network-pill,.icon-button {
  height: 37px;
  border: 1px solid #252640;
  border-radius: 9px;
  background: #10101e;
}
.network-pill {
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #b9bac7;
  font-size: 11px;
}
.network-pill i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 9px var(--green);
}
.icon-button {
  position: relative;
  width: 37px;
  color: #999bad;
  font-size: 19px;
}
.notice-dot {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--red);
  box-shadow: 0 0 7px var(--red);
}
.wallet-button {
  position: relative;
  height: 39px;
  min-width: 126px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  overflow: hidden;
  border: 1px solid #b4b7ff;
  border-radius: 9px;
  background: #4448b8;
  box-shadow: inset 0 -4px 10px rgba(202,205,255,.45),0 10px 28px rgba(68,72,184,.28);
  font-size: 12px;
  transition: .3s var(--ease);
}
.wallet-button::after {
  content: "";
  position: absolute;
  left: -40%;
  top: -100%;
  width: 180%;
  height: 100%;
  background: radial-gradient(ellipse,rgba(255,255,255,.55),transparent 62%);
  transition: transform .55s var(--ease);
}
.wallet-button:hover::after {
  transform: translateY(150%);
}
.wallet-orb {
  font-size: 14px;
}
.mobile-brand {
  display: none;
}
.market-ticker {
  height: 37px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #20213c;
  background: #070713;
  overflow: hidden;
}
.ticker-source {
  height: 100%;
  padding: 0 15px;
  display: flex;
  align-items: center;
  gap: 7px;
  border-right: 1px solid #20213c;
  color: #8f91d9;
  font-size: 9px;
  white-space: nowrap;
}
.ticker-source i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #777bff;
  box-shadow: 0 0 8px #777bff;
}
.ticker-viewport {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  mask-image: linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
}
.ticker-track {
  display: flex;
  width: max-content;
  animation: ticker 28s linear infinite;
}
.ticker-viewport:hover .ticker-track {
  animation-play-state: paused;
}
.ticker-item {
  height: 36px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 7px;
  border-right: 1px solid #20213c;
  font-size: 10px;
}
.ticker-item b {
  color: #8f90a4;
}
.ticker-item strong {
  font-weight: 500;
}
.ticker-item em {
  font-style: normal;
}
.up {
  color: var(--green) !important;
}
.down {
  color: var(--red) !important;
}
.freshness {
  padding: 0 14px;
  color: #67697f;
  font-size: 8px;
  white-space: nowrap;
}
.main {
  min-height: calc(100vh - 143px);
  padding: 26px;
  background: radial-gradient(circle at 75% 8%,rgba(49,52,136,.12),transparent 31%),#050511;
}
.view {
  display: none;
}
.view.active {
  display: block;
  animation: viewIn .55s var(--ease);
}
.page-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}
.page-head>div:first-child {
  max-width: 720px;
}
.kicker {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 3px 10px;
  border: 1px solid #3b3e72;
  border-radius: 999px;
  background: #0d0e22;
  color: #a8aaf2;
  font-size: 9px;
  letter-spacing: .08em;
  box-shadow: inset 0 0 18px rgba(149,153,208,.13);
}
.page-head h2 {
  margin-top: 14px;
  font-size: 30px;
  line-height: 1.12;
  font-weight: 400;
  letter-spacing: -.035em;
}
.page-head p {
  margin-top: 9px;
  color: var(--muted);
  font-size: 12px;
  line-height: 19px;
}
.reveal {
  opacity: 0;
  filter: blur(5px);
  transform: translateY(28px);
  animation: reveal .75s forwards var(--ease);
}
.delay-1 {
  animation-delay: .08s;
}
.delay-2 {
  animation-delay: .16s;
}
.delay-3 {
  animation-delay: .24s;
}
.button {
  position: relative;
  min-height: 40px;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  overflow: hidden;
  border: 1px solid #30325e;
  border-radius: 9px;
  background: #101131;
  color: #ececff;
  font-size: 11px;
  transition: .28s var(--ease);
}
.button::after {
  content: "";
  position: absolute;
  left: -50%;
  top: -150%;
  width: 200%;
  height: 120%;
  background: radial-gradient(ellipse,rgba(184,186,255,.5),transparent 65%);
  transition: transform .5s var(--ease);
}
.button:hover::after {
  transform: translateY(220%);
}
.button.primary {
  border-color: #b4b7ff;
  background: #4448b8;
  box-shadow: inset 0 -4px 10px rgba(202,205,255,.4),0 9px 28px rgba(68,72,184,.24);
}
.button.secondary {
  border-color: #494c7f;
  background: #11122b;
}
.button.ghost {
  background: #0a0a18;
}
.button.full {
  width: 100%;
}
.text-button {
  padding: 0;
  border: 0;
  background: none;
  color: #9da0e8;
  font-size: 10px;
}
.text-button:hover {
  color: #fff;
}
.section-label {
  display: block;
  color: #8588ca;
  font-size: 8px;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.section-label b {
  margin-left: 7px;
  color: #babce2;
}
.panel {
  position: relative;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(145deg,#080817,#0d0e22);
  overflow: hidden;
  transition: border-color .35s var(--ease);
}
.panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(420px circle at 70% 0,rgba(138,142,255,.09),transparent 58%);
  opacity: 0;
  transition: opacity .35s;
}
.panel:hover {
  border-color: #34366a;
}
.panel:hover::before {
  opacity: 1;
}
.panel>* {
  position: relative;
  z-index: 1;
}
.panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.panel-head h3 {
  margin-top: 6px;
  font-size: 16px;
  font-weight: 400;
}
.status-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 23px;
  padding: 2px 8px;
  border: 1px solid #34366c;
  border-radius: 999px;
  background: #101126;
  color: #a5a7db;
  font-size: 8px;
  white-space: nowrap;
}
.status-chip.success {
  border-color: rgba(25,215,120,.25);
  color: var(--green);
  background: rgba(25,215,120,.06);
}
.status-chip.warning {
  border-color: rgba(255,155,85,.25);
  color: var(--orange);
  background: rgba(255,155,85,.06);
}
.status-chip.demo {
  border-color: rgba(119,123,255,.26);
  color: #9da0ec;
}
.warning-text {
  color: var(--orange) !important;
}
.stats-grid {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 1.35fr repeat(3,1fr);
  gap: 10px;
}
.metric-card {
  position: relative;
  min-height: 140px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: #090918;
  overflow: hidden;
}
.metric-card>span {
  color: #85869b;
  font-size: 10px;
}
.metric-card>strong {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 16px;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -.04em;
}
.metric-card>div {
  position: relative;
  z-index: 2;
  margin-top: 9px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.metric-card em {
  font-size: 9px;
  font-style: normal;
}
.metric-card small {
  color: #72748a;
  font-size: 9px;
}
.hero-metric {
  background: radial-gradient(circle at 90% 15%,rgba(88,92,211,.28),transparent 42%),#0b0b1c;
}
.spark {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 63%;
  height: 72px;
}
.spark-area {
  fill: url(#area);
}
.spark-line {
  fill: none;
  stroke: #777bff;
  stroke-width: 2;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  filter: drop-shadow(0 0 5px #777bff);
  animation: draw 1.8s .4s forwards var(--ease);
}
.metric-orb {
  position: absolute;
  right: -35px;
  bottom: -55px;
  width: 125px;
  height: 125px;
  border: 1px solid #3a3d75;
  border-radius: 50%;
  background: radial-gradient(circle at 42% 40%,rgba(108,112,244,.36),transparent 55%);
  box-shadow: inset 0 0 35px rgba(83,87,196,.16);
}
.metric-orb::before {
  content: "";
  position: absolute;
  inset: 22px;
  border: 1px solid rgba(143,146,255,.28);
  border-radius: 50%;
}
.metric-orb.purple {
  background: radial-gradient(circle at 42% 40%,rgba(153,87,236,.35),transparent 56%);
}
.metric-orb.pale {
  background: radial-gradient(circle at 42% 40%,rgba(218,219,255,.27),transparent 56%);
}
.content-grid {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1.7fr .8fr;
  gap: 10px;
}
.span-2 {
  grid-column: span 2;
}
.order-list {
  margin-top: 13px;
}
.order-row {
  min-height: 68px;
  padding: 10px 2px;
  display: grid;
  grid-template-columns: 36px minmax(130px,1.2fr) .7fr .7fr .9fr 74px;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #1b1c32;
}
.order-row:first-child {
  border-top: 0;
}
.asset-token {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border: 1px solid #5155a5;
  border-radius: 9px;
  background: linear-gradient(145deg,#6f73e7,#23265f);
  font-size: 11px;
}
.order-row strong,.order-row span,.order-row small,.order-row b {
  display: block;
}
.order-row strong,.order-row b {
  font-size: 10px;
  font-weight: 500;
}
.order-row span,.order-row small {
  margin-top: 3px;
  color: #686a7f;
  font-size: 8px;
}
.progress-cell>span {
  height: 4px;
  border-radius: 5px;
  background: #1b1c35;
  overflow: hidden;
}
.progress-cell i {
  display: block;
  height: 100%;
  border-radius: 5px;
  background: #777bff;
  box-shadow: 0 0 8px #777bff;
}
.progress-cell em {
  margin-top: 4px;
  color: #77798f;
  font-size: 8px;
  font-style: normal;
}
.switch {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #72748a;
  font-size: 8px;
}
.switch input {
  display: none;
}
.switch>i {
  position: relative;
  width: 27px;
  height: 15px;
  border-radius: 12px;
  background: #1d1e35;
  transition: .25s;
}
.switch>i::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #6e7087;
  transition: .25s;
}
.switch input:checked+i {
  background: #4448b8;
}
.switch input:checked+i::after {
  left: 14px;
  background: #fff;
  box-shadow: 0 0 7px rgba(255,255,255,.6);
}
.ai-snapshot {
  display: flex;
  flex-direction: column;
}
.sentiment-ring {
  width: 112px;
  height: 112px;
  margin: 16px auto 12px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(#777bff calc(var(--value)*1%),#1b1c35 0);
  box-shadow: 0 0 35px rgba(83,87,196,.13);
}
.sentiment-ring::before {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #0b0b1c;
}
.sentiment-ring div {
  z-index: 2;
  text-align: center;
}
.sentiment-ring strong,.sentiment-ring span {
  display: block;
}
.sentiment-ring strong {
  font-size: 25px;
  font-weight: 400;
}
.sentiment-ring span {
  color: #85879b;
  font-size: 9px;
}
.signal-pairs {
  margin-bottom: 14px;
  display: flex;
  justify-content: center;
  gap: 13px;
}
.signal-pairs span {
  color: #77798c;
  font-size: 8px;
}
.signal-pairs i {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 4px;
  border-radius: 50%;
}
.signal-pairs i.green {
  background: var(--green);
}
.signal-pairs i.violet {
  background: #777bff;
}
.signal-pairs b {
  color: #e6e6ef;
  font-weight: 500;
}
.route-card {
  position: relative;
  margin-top: 10px;
  padding: 21px;
  display: grid;
  grid-template-columns: 270px 1fr;
  align-items: center;
  gap: 30px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: radial-gradient(circle at 70% 50%,rgba(77,81,197,.11),transparent 40%),#080817;
  overflow: hidden;
}
.route-card::after {
  content: "";
  position: absolute;
  right: -100px;
  top: -180px;
  width: 500px;
  height: 500px;
  border: 1px dashed rgba(119,123,255,.12);
  border-radius: 50%;
  animation: brandSpin 22s linear infinite;
}
.route-copy h3 {
  margin-top: 7px;
  font-size: 16px;
  font-weight: 400;
}
.route-copy p {
  margin-top: 7px;
  color: #77798e;
  font-size: 9px;
  line-height: 14px;
}
.route-flow {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.route-flow>b {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg,#303367,#b3b6ff,#303367);
  animation: routeGlow 2.5s infinite;
}
.route-node {
  width: 105px;
  text-align: center;
}
.route-node i {
  width: 34px;
  height: 34px;
  margin: 0 auto 8px;
  display: grid;
  place-items: center;
  border: 1px solid #34366c;
  border-radius: 10px;
  background: #0d0e23;
  color: #7376c7;
  font-size: 9px;
  font-style: normal;
}
.route-node.done i {
  color: #fff;
  border-color: #565bbb;
  background: #262962;
}
.route-node.active i {
  color: #fff;
  border-color: #b4b7ff;
  background: #4448b8;
  box-shadow: 0 0 20px rgba(119,123,255,.35);
}
.route-node strong,.route-node span {
  display: block;
}
.route-node strong {
  font-size: 9px;
  font-weight: 500;
}
.route-node span {
  margin-top: 3px;
  color: #6b6d82;
  font-size: 7px;
}
.risk-banner {
  position: relative;
  margin-top: 24px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 17px;
  border: 1px solid #35386d;
  border-radius: 18px;
  background: linear-gradient(90deg,#0e0f27,#0a0a19);
  overflow: hidden;
}
.risk-banner::after {
  content: "010110100110101001011010010110011010100101101001011001101010";
  position: absolute;
  right: 0;
  top: 0;
  width: 34%;
  height: 100%;
  color: rgba(126,130,226,.08);
  font: 9px/14px ui-monospace;
  letter-spacing: 3px;
  word-break: break-all;
  mask-image: linear-gradient(90deg,transparent,#000);
}
.fingerprint-wide {
  position: relative;
  width: 59px;
  height: 59px;
  display: grid;
  place-items: center;
  flex: none;
  border: 1px solid #8c90ef;
  border-radius: 15px;
  background: linear-gradient(180deg,#141637,#565a98);
  overflow: hidden;
  box-shadow: 0 0 23px rgba(119,123,255,.2);
}
.fingerprint-wide svg {
  width: 40px;
  height: 40px;
  fill: none;
  stroke: #f0f0ff;
  stroke-width: 1.6;
  stroke-linecap: round;
}
.fingerprint-wide i {
  position: absolute;
  left: 7px;
  right: 7px;
  top: 7px;
  height: 1px;
  background: #fff;
  box-shadow: 0 0 10px 2px #a9acff;
  animation: fingerprintScan 2s ease-in-out infinite alternate;
}
.risk-banner h3 {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
}
.risk-banner p {
  margin-top: 4px;
  color: #7e8098;
  font-size: 9px;
}
.risk-banner .button {
  position: relative;
  z-index: 2;
  margin-left: auto;
}
.product-grid {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;
}
.product-card {
  position: relative;
  min-height: 200px;
  padding: 19px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #090918;
  overflow: hidden;
  transition: .3s var(--ease);
}
.product-card:hover {
  border-color: #4b4f9c;
  transform: translateY(-2px);
}
.product-card::before {
  content: "";
  position: absolute;
  right: -48px;
  top: -48px;
  width: 135px;
  height: 135px;
  border: 1px solid rgba(119,123,255,.2);
  border-radius: 50%;
  box-shadow: inset 0 0 35px rgba(83,87,196,.1);
}
.product-card span,.product-card strong,.product-card small {
  display: block;
}
.product-card>span {
  color: #8b8da2;
  font-size: 9px;
}
.product-card>strong {
  margin-top: 13px;
  font-size: 27px;
  font-weight: 400;
}
.product-card>strong small {
  display: inline;
  color: #848699;
  font-size: 10px;
}
.product-card .rate {
  margin-top: 19px;
  padding-top: 13px;
  border-top: 1px solid #1d1e35;
}
.product-card .rate span {
  color: #717389;
  font-size: 8px;
}
.product-card .rate b {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 500;
}
.product-card button {
  position: absolute;
  left: 19px;
  right: 19px;
  bottom: 17px;
  height: 34px;
  border: 1px solid #34366c;
  border-radius: 8px;
  background: #101126;
  color: #b4b6e8;
  font-size: 9px;
}
.segmented {
  padding: 3px;
  display: flex;
  border: 1px solid #252640;
  border-radius: 8px;
  background: #090918;
}
.segmented button {
  min-height: 25px;
  padding: 0 10px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #6f7187;
  font-size: 8px;
}
.segmented button.active {
  color: #fff;
  background: #242650;
}
.order-table-wrap,.level-table-wrap {
  margin-top: 15px;
  overflow: auto;
}
.data-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}
.data-table th {
  height: 34px;
  color: #66687e;
  font-size: 8px;
  font-weight: 400;
  text-align: left;
}
.data-table td {
  height: 53px;
  border-top: 1px solid #1b1c32;
  color: #cfd0de;
  font-size: 9px;
}
.data-table td b,.data-table td span {
  display: block;
}
.data-table td span {
  margin-top: 3px;
  color: #66687e;
  font-size: 7px;
}
.switch.inline {
  display: inline-flex;
}
.table-note {
  margin-top: 12px;
  color: #6f7185;
  font-size: 8px;
  line-height: 14px;
}
.pool-hero {
  position: relative;
  margin-top: 24px;
  min-height: 250px;
  padding: 24px;
  display: grid;
  grid-template-columns: 240px 1fr 1.2fr;
  align-items: center;
  gap: 28px;
  border: 1px solid #2b2d54;
  border-radius: 22px;
  background: radial-gradient(circle at 18% 50%,rgba(88,92,211,.31),transparent 30%),linear-gradient(145deg,#080817,#10112d);
  overflow: hidden;
}
.pool-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(#777bff .7px,transparent .7px);
  background-size: 9px 9px;
  opacity: .1;
  mask-image: linear-gradient(90deg,#000,transparent 45%);
}
.pool-globe {
  position: relative;
  width: 170px;
  height: 170px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #5559aa;
  border-radius: 50%;
  background: radial-gradient(circle at 42% 38%,rgba(122,126,245,.32),#090918 65%);
  box-shadow: inset 0 0 35px rgba(119,123,255,.2),0 0 45px rgba(77,81,197,.17);
}
.pool-globe::before,.pool-globe::after {
  content: "";
  position: absolute;
  inset: 25px;
  border: 1px solid rgba(151,154,255,.25);
  border-radius: 50%;
  transform: scaleX(.42);
}
.pool-globe::after {
  transform: scaleY(.42);
}
.pool-globe>i {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 10px #a9acff;
}
.pool-globe>i:nth-child(1) {
  left: 26px;
  top: 69px;
}
.pool-globe>i:nth-child(2) {
  right: 34px;
  top: 36px;
}
.pool-globe>i:nth-child(3) {
  right: 42px;
  bottom: 27px;
}
.pool-globe strong,.pool-globe span {
  position: relative;
  z-index: 2;
  display: block;
}
.pool-globe strong {
  font-size: 23px;
  font-weight: 400;
}
.pool-globe span {
  margin-top: 4px;
  color: #8b8da6;
  font-size: 8px;
}
.pool-balance>span {
  color: #8d8fa3;
  font-size: 10px;
}
.pool-balance>strong {
  display: block;
  margin-top: 13px;
  font-size: 34px;
  font-weight: 400;
}
.pool-balance>strong small {
  color: #8b8da3;
  font-size: 11px;
}
.pool-balance>div {
  margin-top: 22px;
  display: flex;
  gap: 22px;
}
.pool-balance>div span {
  color: #74768d;
  font-size: 8px;
}
.pool-balance>div b {
  display: block;
  margin-top: 4px;
  color: #d8d9e6;
  font-size: 10px;
}
.pool-rules {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}
.pool-rules>div {
  min-height: 125px;
  padding: 14px;
  border: 1px solid #292b51;
  border-radius: 13px;
  background: rgba(6,6,16,.62);
}
.pool-rules i,.pool-rules span,.pool-rules b,.pool-rules small {
  display: block;
}
.pool-rules i {
  color: #696cc3;
  font-size: 8px;
  font-style: normal;
}
.pool-rules span {
  margin-top: 22px;
  color: #75778d;
  font-size: 8px;
}
.pool-rules b {
  margin-top: 5px;
  font-size: 10px;
  font-weight: 500;
}
.pool-rules small {
  margin-top: 5px;
  color: #626479;
  font-size: 7px;
}
.two-columns {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.allocation-list {
  margin-top: 16px;
}
.allocation-list>div {
  position: relative;
  min-height: 45px;
  padding: 0 3px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  border-top: 1px solid #1a1b31;
}
.allocation-list>div:first-child {
  border-top: 0;
}
.allocation-list span,.allocation-list b {
  font-size: 9px;
}
.allocation-list b {
  font-weight: 500;
}
.allocation-list em {
  position: absolute;
  left: 3px;
  bottom: 2px;
  width: var(--w);
  height: 2px;
  border-radius: 2px;
  background: #5559b6;
}
.activity-list {
  margin-top: 13px;
}
.activity-list>div {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 11px;
  border-top: 1px solid #1a1b31;
}
.activity-list>div:first-child {
  border-top: 0;
}
.activity-icon {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border: 1px solid #34366d;
  border-radius: 9px;
  background: #101127;
  color: #9598e4;
  font-style: normal;
}
.activity-list span {
  flex: 1;
}
.activity-list b,.activity-list small {
  display: block;
}
.activity-list b,.activity-list strong {
  font-size: 9px;
  font-weight: 500;
}
.activity-list small {
  margin-top: 4px;
  color: #66687e;
  font-size: 7px;
}
.team-summary {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 170px repeat(3,1fr) 1.45fr;
  gap: 10px;
}
.level-orbit,.team-stat,.upgrade-card {
  min-height: 135px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: #090918;
}
.level-orbit {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: radial-gradient(circle,rgba(86,90,211,.34),#090918 58%);
}
.level-orbit::before,.level-orbit::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(119,123,255,.2);
  border-radius: 50%;
  animation: brandSpin 14s linear infinite;
}
.level-orbit::after {
  width: 104px;
  height: 104px;
  border-style: dashed;
  animation-direction: reverse;
}
.level-orbit span,.level-orbit strong,.level-orbit em {
  position: relative;
  z-index: 2;
}
.level-orbit span {
  color: #888aa0;
  font-size: 8px;
}
.level-orbit strong {
  font-size: 34px;
  font-weight: 400;
}
.level-orbit em {
  color: #9da0e6;
  font-size: 8px;
  font-style: normal;
}
.team-stat span,.team-stat strong,.team-stat em,.upgrade-card span,.upgrade-card strong,.upgrade-card em {
  display: block;
}
.team-stat span,.upgrade-card span {
  color: #7d7f94;
  font-size: 8px;
}
.team-stat strong {
  margin-top: 20px;
  font-size: 21px;
  font-weight: 400;
}
.team-stat em,.upgrade-card em {
  margin-top: 8px;
  color: #6e7085;
  font-size: 7px;
  font-style: normal;
}
.upgrade-card strong {
  margin-top: 20px;
  font-size: 13px;
  font-weight: 500;
}
.upgrade-card>i {
  height: 4px;
  margin-top: 15px;
  display: block;
  border-radius: 4px;
  background: #1d1e37;
  overflow: hidden;
}
.upgrade-card>i b {
  display: block;
  height: 100%;
  background: #777bff;
}
.level-table .current {
  background: rgba(68,72,184,.08);
}
.level-badge {
  width: 27px;
  height: 27px;
  display: grid !important;
  place-items: center;
  border: 1px solid #34366c;
  border-radius: 8px;
  background: #101126;
  color: #a4a7ed !important;
}
.reward-example {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid #222440;
  border-radius: 12px;
  background: #090918;
}
.reward-example p {
  color: #7f8197;
  font-size: 8px;
}
.reward-example>div {
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #1a1b31;
}
.reward-example span,.reward-example b {
  font-size: 9px;
}
.reward-example b {
  font-weight: 500;
}
.reward-example small {
  display: block;
  margin-top: 11px;
  color: #66687d;
  font-size: 7px;
}
.tree {
  position: relative;
  min-height: 170px;
  padding-top: 15px;
}
.tree-root {
  width: 76px;
  height: 36px;
  margin: auto;
  display: grid;
  place-items: center;
  border: 1px solid #767aff;
  border-radius: 10px;
  background: #272a63;
  font-size: 9px;
}
.tree-line {
  width: 1px;
  height: 38px;
  margin: auto;
  background: #41447e;
}
.tree-children {
  position: relative;
  display: flex;
  justify-content: space-around;
}
.tree-children::before {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  top: -14px;
  height: 1px;
  background: #41447e;
}
.tree-children span {
  position: relative;
  min-width: 80px;
  padding: 10px;
  border: 1px solid #242641;
  border-radius: 9px;
  background: #0b0b1d;
  font-size: 8px;
  text-align: center;
}
.tree-children span::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -14px;
  width: 1px;
  height: 14px;
  background: #41447e;
}
.tree-children i {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 5px;
  border-radius: 50%;
  background: #66687c;
}
.tree-children i.online {
  background: var(--green);
  box-shadow: 0 0 8px var(--green);
}
.asset-cards {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;
}
.asset-card {
  position: relative;
  min-height: 150px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: #090918;
  overflow: hidden;
}
.asset-card.primary {
  border-color: #363974;
  background: radial-gradient(circle at 90% 10%,rgba(119,123,255,.32),transparent 40%),#10112d;
}
.asset-card>span {
  color: #82849a;
  font-size: 9px;
}
.asset-card>strong {
  display: block;
  margin-top: 22px;
  font-size: 25px;
  font-weight: 400;
}
.asset-card>strong small {
  color: #85879b;
  font-size: 9px;
}
.asset-card>div {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.asset-card em {
  padding: 3px 7px;
  border: 1px solid #30325e;
  border-radius: 999px;
  color: #8d8fc9;
  font-size: 7px;
  font-style: normal;
}
.asset-card div span,.asset-card button {
  border: 0;
  background: none;
  color: #6f7187;
  font-size: 7px;
}
.asset-card button {
  color: #a0a3e9;
}
.token-visual {
  margin-top: 17px;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 15px;
  border: 1px solid #222440;
  border-radius: 13px;
  background: #090918;
}
.token-coin {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid #c7c9ff;
  border-radius: 15px;
  background: linear-gradient(145deg,#1a1c47,#8387de);
  box-shadow: 0 0 25px rgba(119,123,255,.3);
  font-size: 22px;
}
.token-visual strong,.token-visual span {
  display: block;
}
.token-visual strong {
  font-size: 20px;
  font-weight: 400;
}
.token-visual span {
  margin-top: 3px;
  color: #74768c;
  font-size: 8px;
}
.token-sources {
  margin-top: 12px;
}
.token-sources span {
  position: relative;
  height: 32px;
  display: flex;
  align-items: center;
}
.token-sources i {
  position: absolute;
  left: 0;
  bottom: 2px;
  width: var(--w);
  height: 2px;
  background: #5559b3;
}
.token-sources b {
  font-size: 8px;
  font-weight: 400;
}
.withdraw-flow {
  margin-top: 25px;
  display: flex;
  align-items: flex-start;
}
.withdraw-flow>div {
  width: 84px;
  text-align: center;
}
.withdraw-flow>div>i {
  width: 31px;
  height: 31px;
  margin: auto;
  display: grid;
  place-items: center;
  border: 1px solid #34366e;
  border-radius: 9px;
  background: #101126;
  color: #7e81c4;
  font-size: 8px;
  font-style: normal;
}
.withdraw-flow>div.done>i {
  border-color: #565bbb;
  background: #272a64;
  color: #fff;
}
.withdraw-flow>div span,.withdraw-flow>div b,.withdraw-flow>div small {
  display: block;
}
.withdraw-flow>div b {
  margin-top: 8px;
  font-size: 8px;
  font-weight: 500;
}
.withdraw-flow>div small {
  margin-top: 3px;
  color: #64667b;
  font-size: 6px;
}
.withdraw-flow>b {
  flex: 1;
  height: 1px;
  margin-top: 15px;
  background: linear-gradient(90deg,#4d50a3,#2a2c52);
}
.transaction-list {
  margin-top: 13px;
}
.transaction-list>div {
  min-height: 59px;
  display: grid;
  grid-template-columns: 32px 1fr 120px 110px;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #1a1b31;
}
.transaction-list>div:first-child {
  border-top: 0;
}
.transaction-list>div>i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid #30325f;
  border-radius: 9px;
  background: #101126;
  color: #9598e3;
  font-style: normal;
}
.transaction-list b,.transaction-list small {
  display: block;
}
.transaction-list b,.transaction-list strong {
  font-size: 9px;
  font-weight: 500;
}
.transaction-list small {
  margin-top: 3px;
  color: #66687d;
  font-size: 7px;
}
.transaction-list em {
  color: #74768b;
  font-size: 8px;
  font-style: normal;
}
.data-health {
  padding: 7px 9px;
  display: flex !important;
  align-items: center;
  gap: 9px;
  border: 1px solid #292b51;
  border-radius: 10px;
  background: #0b0b1c;
}
.data-health>i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--orange);
  box-shadow: 0 0 9px var(--orange);
}
.data-health span {
  min-width: 95px;
}
.data-health b,.data-health small {
  display: block;
}
.data-health b {
  font-size: 9px;
  font-weight: 500;
}
.data-health small {
  margin-top: 2px;
  color: #686a80;
  font-size: 7px;
}
.data-health button {
  height: 26px;
  padding: 0 9px;
  border: 1px solid #30325e;
  border-radius: 6px;
  background: #111226;
  font-size: 8px;
}
.market-hero {
  margin-top: 24px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 260px;
  border: 1px solid #292b51;
  border-radius: 20px;
  background: #080817;
  overflow: hidden;
}
.market-focus {
  padding: 20px;
}
.market-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.coin-icon {
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  border: 1px solid #8b8ff1;
  border-radius: 10px;
  background: linear-gradient(145deg,#696dd9,#24275e);
  font-size: 14px;
}
.market-title strong,.market-title span {
  display: block;
}
.market-title strong {
  font-size: 11px;
}
.market-title span {
  margin-top: 3px;
  color: #6d6f84;
  font-size: 7px;
}
.market-price {
  margin-top: 18px;
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.market-price strong {
  font-size: 28px;
  font-weight: 400;
}
.market-price em {
  font-size: 10px;
  font-style: normal;
}
.chart-tabs {
  margin-top: 16px;
  display: flex;
  gap: 4px;
}
.chart-tabs button {
  height: 26px;
  padding: 0 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #696b81;
  font-size: 8px;
}
.chart-tabs button.active {
  color: #fff;
  background: #22244a;
}
.market-chart {
  position: relative;
  height: 236px;
  margin-top: 7px;
  overflow: hidden;
}
.chart-grid {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg,transparent 0 48px,rgba(78,81,130,.13) 49px 50px),repeating-linear-gradient(90deg,transparent 0 128px,rgba(78,81,130,.08) 129px 130px);
}
.market-chart svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.market-chart .area {
  fill: url(#marketArea);
}
.market-chart .line {
  fill: none;
  stroke: #777bff;
  stroke-width: 2;
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500;
  filter: drop-shadow(0 0 7px rgba(119,123,255,.45));
  animation: draw 2.2s forwards var(--ease);
}
.chart-tooltip {
  position: absolute;
  right: 10px;
  top: 24px;
  padding: 7px 9px;
  border: 1px solid #36386d;
  border-radius: 7px;
  background: rgba(12,13,32,.88);
  box-shadow: 0 10px 30px rgba(0,0,0,.24);
}
.chart-tooltip span,.chart-tooltip b {
  display: block;
}
.chart-tooltip span {
  color: #77798e;
  font-size: 6px;
}
.chart-tooltip b {
  margin-top: 2px;
  font-size: 9px;
}
.chart-axis {
  display: flex;
  justify-content: space-between;
  color: #5e6075;
  font-size: 7px;
}
.signal-rail {
  padding: 20px;
  border-left: 1px solid #242642;
  background: linear-gradient(180deg,#0e0f25,#090918);
}
.signal-score {
  position: relative;
  padding-bottom: 17px;
  border-bottom: 1px solid #242642;
}
.signal-score span,.signal-score strong,.signal-score em {
  display: block;
}
.signal-score span {
  color: #77798f;
  font-size: 8px;
}
.signal-score strong {
  margin-top: 5px;
  font-size: 39px;
  font-weight: 300;
}
.signal-score em {
  position: absolute;
  right: 0;
  top: 30px;
  color: var(--green);
  font-size: 9px;
  font-style: normal;
}
.signal-score>i {
  height: 3px;
  margin-top: 7px;
  display: block;
  border-radius: 3px;
  background: linear-gradient(90deg,#777bff var(--score),#232440 0);
}
.signal-item {
  min-height: 55px;
  padding: 11px 0;
  border-bottom: 1px solid #20223d;
}
.signal-item span {
  display: block;
  color: #74768c;
  font-size: 7px;
}
.signal-item b {
  display: inline-block;
  margin-top: 5px;
  font-size: 11px;
}
.signal-item em {
  float: right;
  margin-top: 6px;
  color: #6c6e83;
  font-size: 7px;
  font-style: normal;
}
.signal-rail .button {
  margin-top: 15px;
}
.market-cards {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
}
.market-card {
  min-height: 170px;
}
.split-bar {
  height: 6px;
  margin-top: 30px;
  border-radius: 6px;
  background: #3d2438;
  overflow: hidden;
}
.split-bar i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg,#19d778,#3fe198);
}
.split-label {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
}
.split-label span {
  color: #74768e;
  font-size: 7px;
}
.split-label i {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.split-label i.green {
  margin-right: 4px;
  background: var(--green);
}
.split-label i.red {
  margin-left: 4px;
  background: var(--red);
}
.split-label b {
  color: #e4e5ef;
  font-size: 9px;
}
.whale-stats {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.whale-stats>div {
  padding: 13px;
  border: 1px solid #252746;
  border-radius: 11px;
  background: #090918;
}
.whale-stats span,.whale-stats strong,.whale-stats em {
  display: block;
}
.whale-stats span {
  color: #74768b;
  font-size: 7px;
}
.whale-stats strong {
  margin-top: 7px;
  font-size: 20px;
  font-weight: 400;
}
.whale-stats em {
  margin-top: 3px;
  color: #8c8ea4;
  font-size: 7px;
  font-style: normal;
}
.pulse-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 9px var(--green);
  animation: pulse 1.7s infinite;
}
.alert-list {
  margin-top: 10px;
}
.alert-list>div {
  min-height: 54px;
  display: grid;
  grid-template-columns: 27px 1fr auto;
  align-items: center;
  gap: 8px;
  border-top: 1px solid #1c1d34;
}
.alert-list>div:first-child {
  border-top: 0;
}
.alert-list>div>i {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border: 1px solid #30325e;
  border-radius: 8px;
  background: #101126;
  font-size: 9px;
  font-style: normal;
}
.alert-list b,.alert-list small {
  display: block;
}
.alert-list b {
  font-size: 8px;
}
.alert-list small {
  margin-top: 3px;
  color: #65677c;
  font-size: 6px;
}
.alert-list em {
  color: #5f6175;
  font-size: 6px;
  font-style: normal;
}
.api-matrix {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 8px;
}
.api-matrix>div {
  min-height: 95px;
  padding: 13px;
  display: grid;
  grid-template-columns: 24px 1fr;
  align-content: start;
  gap: 7px;
  border: 1px solid #232541;
  border-radius: 11px;
  background: #090918;
}
.api-matrix>div>i {
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  border: 1px solid #34366c;
  border-radius: 7px;
  color: #8e91d9;
  font-size: 7px;
  font-style: normal;
}
.api-matrix b,.api-matrix small {
  display: block;
}
.api-matrix b {
  font-size: 8px;
}
.api-matrix small {
  margin-top: 4px;
  color: #66687e;
  font-size: 6px;
}
.api-matrix em {
  grid-column: 2;
  color: #8f92d5;
  font-size: 6px;
  font-style: normal;
}
.ops-stats {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;
}
.ops-stats>div {
  min-height: 108px;
  padding: 17px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #090918;
}
.ops-stats span,.ops-stats strong,.ops-stats em {
  display: block;
}
.ops-stats span {
  color: #7d7f94;
  font-size: 8px;
}
.ops-stats strong {
  margin-top: 14px;
  font-size: 21px;
  font-weight: 400;
}
.ops-stats em {
  margin-top: 5px;
  color: #6f7186;
  font-size: 7px;
  font-style: normal;
}
.settings-list {
  margin-top: 12px;
}
.settings-list label {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #1b1c32;
}
.settings-list label:first-child {
  border-top: 0;
}
.settings-list b,.settings-list small {
  display: block;
}
.settings-list b {
  font-size: 9px;
}
.settings-list small {
  margin-top: 3px;
  color: #696b80;
  font-size: 7px;
}
.toggle {
  width: 34px;
  height: 19px;
  appearance: none;
  border-radius: 20px;
  background: #24253f;
  box-shadow: inset 0 0 0 1px #333552;
  transition: .25s;
}
.toggle::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin: 2px;
  border-radius: 50%;
  background: #77798d;
  transition: .25s;
}
.toggle:checked {
  background: #4448b8;
}
.toggle:checked::before {
  transform: translateX(15px);
  background: #fff;
  box-shadow: 0 0 8px rgba(255,255,255,.55);
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.compact-form {
  margin-top: 16px;
}
.form-grid label>span,.field>span {
  display: block;
  margin-bottom: 7px;
  color: #77798e;
  font-size: 8px;
}
.compact-form label>div,.plain-input {
  height: 36px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border: 1px solid #292b50;
  border-radius: 8px;
  background: #090918;
}
.compact-form input,.plain-input input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #e6e6ef;
  font-size: 9px;
}
.compact-form em {
  color: #696b80;
  font-size: 7px;
  font-style: normal;
}
.payout-summary {
  margin-top: 16px;
  padding: 13px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 12px;
  border: 1px solid #222440;
  border-radius: 12px;
  background: #090918;
}
.payout-summary>div {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 6px;
}
.payout-summary span,.payout-summary b,.payout-summary em {
  font-size: 7px;
}
.payout-summary b {
  font-size: 9px;
}
.payout-summary em {
  color: #686a7e;
  font-style: normal;
}
.payout-summary i {
  grid-column: span 2;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg,#777bff var(--w),#20213b 0);
}
.config-list {
  margin-top: 13px;
}
.config-list>div {
  min-height: 42px;
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  border-top: 1px solid #1b1c32;
}
.config-list>div:first-child {
  border-top: 0;
}
.config-list span,.config-list b,.config-list em {
  font-size: 8px;
}
.config-list b {
  font-weight: 500;
}
.config-list em {
  color: #6c6e83;
  font-size: 7px;
  font-style: normal;
}
.mobile-nav {
  display: none;
}
.modal-layer {
  position: fixed;
  inset: 0;
  z-index: 400;
  padding: 20px;
  display: grid;
  place-items: center;
  background: rgba(1,1,6,.72);
  backdrop-filter: blur(15px);
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.modal-layer.open {
  opacity: 1;
  visibility: visible;
}
.modal {
  position: relative;
  width: min(610px,100%);
  max-height: calc(100vh - 40px);
  padding: 26px;
  border: 1px solid #34366b;
  border-radius: 22px;
  background: radial-gradient(circle at 90% 0,rgba(100,104,232,.17),transparent 35%),#090918;
  box-shadow: 0 30px 100px rgba(0,0,0,.55);
  overflow: auto;
  transform: translateY(18px) scale(.98);
  transition: .35s var(--ease);
}
.modal-layer.open .modal {
  transform: none;
}
.modal.small {
  width: min(430px,100%);
}
.modal-close {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 31px;
  height: 31px;
  border: 1px solid #292b50;
  border-radius: 9px;
  background: #0d0e21;
  color: #8a8ca1;
  font-size: 17px;
}
.modal-icon {
  margin-bottom: 19px;
}
.modal h3 {
  margin-top: 8px;
  font-size: 22px;
  font-weight: 400;
}
.modal>p {
  margin-top: 8px;
  color: #7c7e94;
  font-size: 10px;
  line-height: 16px;
}
.wallet-choice {
  width: 100%;
  height: 58px;
  margin-top: 10px;
  padding: 0 14px;
  display: grid;
  grid-template-columns: 30px 1fr auto;
  align-items: center;
  gap: 10px;
  border: 1px solid #252747;
  border-radius: 12px;
  background: #0c0d20;
  text-align: left;
}
.wallet-choice:hover {
  border-color: #5559aa;
  background: #11132d;
}
.wallet-choice span {
  font-size: 19px;
}
.wallet-choice b {
  font-size: 10px;
}
.wallet-choice em {
  color: #696b80;
  font-size: 8px;
  font-style: normal;
}
.risk-progress {
  height: 3px;
  margin: -26px -26px 22px;
  background: #1b1c34;
}
.risk-progress i {
  display: block;
  width: 20%;
  height: 100%;
  background: #777bff;
  box-shadow: 0 0 9px #777bff;
  transition: width .35s;
}
.risk-question {
  min-height: 230px;
  padding-top: 24px;
}
.risk-question h4 {
  font-size: 20px;
  line-height: 1.35;
  font-weight: 400;
}
.risk-question p {
  margin-top: 9px;
  color: #77798e;
  font-size: 9px;
  line-height: 15px;
}
.answer-list {
  margin-top: 22px;
  display: grid;
  gap: 8px;
}
.answer-list button {
  min-height: 46px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #272946;
  border-radius: 10px;
  background: #0c0d1f;
  color: #aaaabe;
  text-align: left;
  font-size: 9px;
}
.answer-list button i {
  width: 17px;
  height: 17px;
  display: grid;
  place-items: center;
  border: 1px solid #414477;
  border-radius: 50%;
  font-style: normal;
}
.answer-list button.selected {
  border-color: #777bff;
  background: #151737;
  color: #fff;
}
.answer-list button.selected i {
  border-color: #c4c6ff;
  background: #4448b8;
}
.modal-actions {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.modal-actions .button {
  min-width: 110px;
}
.legal-note {
  display: block;
  margin-top: 13px;
  color: #5f6175;
  font-size: 7px;
  line-height: 12px;
}
.order-modal {
  width: min(570px,100%);
}
.order-modal .form-grid {
  margin-top: 23px;
}
.form-grid .span-2 {
  grid-column: span 2;
}
.amount-input {
  height: 45px;
  padding: 0 8px 0 13px;
  display: flex;
  align-items: center;
  border: 1px solid #30325a;
  border-radius: 10px;
  background: #080817;
}
.amount-input input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font-size: 15px;
}
.amount-input em {
  color: #8a8ca2;
  font-size: 9px;
  font-style: normal;
}
.amount-input button {
  height: 27px;
  margin-left: 8px;
  padding: 0 9px;
  border: 1px solid #333568;
  border-radius: 6px;
  background: #11132d;
  color: #a1a4e8;
  font-size: 7px;
}
.cycle-picker {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 6px;
}
.cycle-picker button {
  height: 39px;
  border: 1px solid #292b50;
  border-radius: 8px;
  background: #0b0b1c;
  color: #797b91;
  font-size: 9px;
}
.cycle-picker button.active {
  border-color: #8f93ef;
  background: #2a2d6c;
  color: #fff;
}
.auto-row {
  min-height: 58px;
  padding: 12px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #282a4d;
  border-radius: 10px;
  background: #0b0b1c;
}
.auto-row b,.auto-row small {
  display: block;
}
.auto-row b {
  color: #d7d8e6;
  font-size: 9px;
}
.auto-row small {
  margin-top: 4px;
  color: #66687d;
  font-size: 7px;
}
.order-summary {
  margin: 15px 0;
  padding: 12px;
  border: 1px solid #252744;
  border-radius: 10px;
  background: #080817;
}
.order-summary>div,.fee-breakdown>div {
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #77798e;
  font-size: 8px;
}
.order-summary b,.fee-breakdown b {
  color: #d6d7e3;
  font-weight: 500;
}
.modal-disclaimer {
  margin-top: 10px !important;
  text-align: center;
  font-size: 7px !important;
}
.field {
  display: block;
  margin-top: 18px;
}
.fee-breakdown {
  margin: 14px 0;
  padding: 12px;
  border: 1px solid #252744;
  border-radius: 10px;
  background: #080817;
}
.fee-breakdown strong {
  color: #fff;
  font-size: 11px;
}
.ai-explain-head {
  display: flex;
  align-items: center;
  gap: 13px;
}
.ai-explain-head h3 {
  font-size: 17px;
}
.ai-explain {
  margin-top: 19px;
  padding: 17px;
  border: 1px solid #282a4d;
  border-radius: 13px;
  background: #0b0b1c;
}
.ai-explain p {
  margin-top: 10px;
  color: #a1a3b6;
  font-size: 10px;
  line-height: 17px;
}
.ai-explain p:first-child {
  margin-top: 0;
}
.ai-explain div {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #22243e;
}
.ai-explain div span,.ai-explain div b {
  display: block;
}
.ai-explain div span {
  color: #6e7085;
  font-size: 7px;
}
.ai-explain div b {
  margin-top: 4px;
  font-size: 8px;
  font-weight: 500;
}
.toast-stack {
  position: fixed;
  right: 24px;
  top: 24px;
  z-index: 500;
  display: grid;
  gap: 8px;
}
.toast {
  min-width: 270px;
  padding: 13px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #3a3d75;
  border-radius: 11px;
  background: rgba(12,13,31,.94);
  box-shadow: 0 16px 45px rgba(0,0,0,.38);
  backdrop-filter: blur(14px);
  animation: toastIn .35s var(--ease);
}
.toast i {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 1px solid #6266c8;
  border-radius: 7px;
  color: #adb0ff;
  font-size: 9px;
  font-style: normal;
}
.toast b,.toast span {
  display: block;
}
.toast b {
  font-size: 9px;
}
.toast span {
  margin-top: 3px;
  color: #74768c;
  font-size: 7px;
}
@keyframes brandSpin {
  to {
    transform: rotate(405deg);
  }
}
@keyframes fingerprintScan {
  from {
    transform: translateY(1px);
  }
  to {
    transform: translateY(47px);
  }
}
@keyframes pulse {
  0%,100% {
    opacity: 1;
  }
  50% {
    opacity: .34;
  }
}
@keyframes ticker {
  to {
    transform: translateX(-50%);
  }
}
@keyframes reveal {
  to {
    opacity: 1;
    filter: blur(0);
    transform: none;
  }
}
@keyframes viewIn {
  from {
    opacity: 0;
    filter: blur(4px);
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    filter: none;
    transform: none;
  }
}
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes routeGlow {
  50% {
    filter: brightness(1.8);
    box-shadow: 0 0 9px rgba(119,123,255,.38);
  }
}
@keyframes toastIn {
  from {
    opacity: 0;
    transform: translateX(18px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (max-width:1200px) {
  .stats-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .content-grid {
    grid-template-columns: 1fr;
  }
  .ai-snapshot {
    min-height: 300px;
  }
  .product-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .team-summary {
    grid-template-columns: 170px repeat(2,1fr);
  }
  .upgrade-card {
    grid-column: span 2;
  }
  .pool-hero {
    grid-template-columns: 190px 1fr;
  }
  .pool-rules {
    grid-column: span 2;
  }
  .asset-cards {
    grid-template-columns: repeat(2,1fr);
  }
  .market-cards {
    grid-template-columns: 1fr 1fr;
  }
  .market-card:last-child {
    grid-column: span 2;
  }
}
@media (max-width:900px) {
  :root {
    --side: 74px;
  }
  .brand {
    justify-content: center;
    padding: 0;
  }
  .brand-word,.nav-item span:not(.nav-icon),.admin-entry span:not(.nav-icon),.admin-entry em,.biometric-mini>div:last-child {
    display: none;
  }
  .nav-item,.admin-entry {
    justify-content: center;
    padding: 0;
  }
  .nav-item::before,.admin-entry::before {
    left: -17px;
  }
  .biometric-mini {
    padding: 9px;
    justify-content: center;
  }
  .topbar-context h1 {
    font-size: 14px;
  }
  .main {
    padding: 20px;
  }
  .route-card {
    grid-template-columns: 1fr;
  }
  .pool-hero {
    grid-template-columns: 1fr;
  }
  .pool-rules {
    grid-column: auto;
  }
  .team-summary {
    grid-template-columns: repeat(2,1fr);
  }
  .level-orbit {
    grid-row: span 2;
  }
  .market-hero {
    grid-template-columns: 1fr;
  }
  .signal-rail {
    border-left: 0;
    border-top: 1px solid #242642;
  }
  .api-matrix {
    grid-template-columns: repeat(2,1fr);
  }
}
@media (max-width:640px) {
  html,body,.app-shell,.workspace,.main {
    max-width: 100%;
    overflow-x: hidden;
  }
  body {
    background: #020207;
  }
  .app-shell {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    display: block;
    border: 0;
    border-radius: 0;
  }
  .sidebar {
    display: none;
  }
  .workspace {
    padding-bottom: 76px;
  }
  .topbar {
    position: sticky;
    top: 0;
    z-index: 70;
    height: 59px;
    padding: 0 14px;
  }
  .mobile-brand {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .mobile-brand .brand-mark {
    width: 23px;
    height: 23px;
  }
  .mobile-brand b {
    font-size: 13px;
    font-weight: 500;
  }
  .topbar-context,.network-pill,.icon-button {
    display: none;
  }
  .wallet-button {
    height: 34px;
    min-width: 102px;
    padding: 0 10px;
    font-size: 10px;
  }
  .market-ticker {
    position: sticky;
    top: 59px;
    z-index: 69;
    height: 34px;
  }
  .ticker-source {
    padding: 0 10px;
  }
  .freshness {
    display: none;
  }
  .main {
    min-height: calc(100vh - 93px);
    padding: 18px 14px 20px;
  }
  .page-head {
    align-items: flex-start;
  }
  .page-head h2 {
    font-size: 24px;
  }
  .page-head p {
    font-size: 10px;
    line-height: 17px;
  }
  .page-head>.button {
    display: none;
  }
  .stats-grid {
    margin-top: 18px;
    grid-template-columns: repeat(2,1fr);
    gap: 8px;
  }
  .metric-card {
    min-height: 128px;
    padding: 15px;
  }
  .metric-card>strong {
    font-size: 19px;
  }
  .hero-metric {
    grid-column: span 2;
    min-height: 150px;
  }
  .content-grid,.two-columns {
    grid-template-columns: minmax(0,1fr);
  }
  .content-grid>.span-2 {
    grid-column: auto;
  }
  .order-row {
    grid-template-columns: 32px 1fr auto;
  }
  .order-row>div:nth-child(3),.order-row>div:nth-child(4),.order-row>.progress-cell {
    display: none;
  }
  .route-card {
    padding: 18px;
    gap: 20px;
  }
  .route-flow {
    overflow: auto;
    justify-content: flex-start;
  }
  .route-flow>b {
    min-width: 35px;
  }
  .route-node {
    min-width: 95px;
  }
  .risk-banner {
    align-items: flex-start;
  }
  .risk-banner .button {
    position: absolute;
    right: 12px;
    bottom: 12px;
  }
  .risk-banner>div:nth-child(2) {
    padding-right: 70px;
  }
  .product-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .product-card {
    min-height: 185px;
    padding: 15px;
  }
  .pool-hero {
    padding: 18px;
    gap: 18px;
  }
  .pool-rules {
    grid-template-columns: 1fr;
  }
  .pool-rules>div {
    min-height: 85px;
  }
  .pool-rules span {
    margin-top: 10px;
  }
  .team-summary {
    grid-template-columns: 1fr 1fr;
  }
  .level-orbit {
    grid-row: auto;
  }
  .upgrade-card {
    grid-column: span 2;
  }
  .asset-cards {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .asset-card {
    min-height: 135px;
    padding: 15px;
  }
  .asset-card>strong {
    font-size: 19px;
  }
  .market-hero {
    margin-top: 18px;
  }
  .market-focus {
    padding: 15px;
  }
  .market-chart {
    height: 200px;
  }
  .signal-rail {
    padding: 15px;
  }
  .market-cards {
    grid-template-columns: 1fr;
  }
  .market-card:last-child {
    grid-column: auto;
  }
  .api-matrix {
    grid-template-columns: 1fr 1fr;
  }
  .ops-stats {
    grid-template-columns: 1fr 1fr;
  }
  .payout-summary {
    grid-template-columns: 1fr 1fr;
  }
  .config-list>div {
    grid-template-columns: 1fr auto;
  }
  .config-list em {
    display: none;
  }
  .transaction-list>div {
    grid-template-columns: 30px 1fr auto;
  }
  .transaction-list>div>em {
    display: none;
  }
  .mobile-nav {
    position: fixed;
    left: 8px;
    right: 8px;
    bottom: 8px;
    z-index: 100;
    height: 60px;
    padding: 5px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    border: 1px solid #242643;
    border-radius: 17px;
    background: rgba(10,10,24,.94);
    box-shadow: 0 15px 45px rgba(0,0,0,.45);
    backdrop-filter: blur(18px);
  }
  .mobile-nav button {
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: #696b80;
  }
  .mobile-nav i,.mobile-nav span {
    display: block;
  }
  .mobile-nav i {
    font-size: 16px;
    font-style: normal;
  }
  .mobile-nav span {
    margin-top: 2px;
    font-size: 7px;
  }
  .mobile-nav button.active {
    color: #b8baff;
    background: #181a3c;
  }
  .ai-fab {
    right: 17px;
    bottom: 81px;
    width: 50px;
    height: 50px;
    border-radius: 16px;
    font-size: 11px;
  }
  .modal-layer {
    padding: 10px;
  }
  .modal {
    max-height: calc(100vh - 20px);
    padding: 21px;
    border-radius: 19px;
  }
  .risk-progress {
    margin: -21px -21px 18px;
  }
  .toast-stack {
    left: 12px;
    right: 12px;
    top: 12px;
  }
  .toast {
    min-width: 0;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .form-grid .span-2 {
    grid-column: auto;
  }
  .order-modal .form-grid .span-2 {
    grid-column: span 2;
  }
  .segmented {
    max-width: 100%;
    overflow: auto;
  }
  .panel {
    padding: 16px;
  }
}
@media (max-width:640px) {
  .order-modal .form-grid .span-2 {
    grid-column: auto;
  }
  .main {
    padding-bottom: 112px;
  }
  .risk-banner {
    display: grid;
    grid-template-columns: 59px minmax(0,1fr);
    align-items: center;
  }
  .risk-banner>div:nth-child(2) {
    padding-right: 0;
  }
  .risk-banner .button {
    position: static;
    grid-column: 1/-1;
    width: 100%;
    margin: 2px 0 0;
  }
  .product-card {
    min-height: 246px;
    display: flex;
    flex-direction: column;
  }
  .product-card .rate {
    margin-bottom: 16px;
  }
  .product-card .rate span {
    margin-top: 9px;
    line-height: 13px;
  }
  .product-card .rate span:first-child {
    margin-top: 0;
  }
  .product-card .rate b {
    min-height: 16px;
    line-height: 16px;
    white-space: normal;
  }
  .product-card button {
    position: static;
    width: 100%;
    min-height: 38px;
    margin-top: auto;
    flex: none;
  }
  .view[data-page="strategy"] .order-table-wrap {
    overflow: hidden;
  }
  .view[data-page="strategy"] .data-table {
    min-width: 0;
    table-layout: fixed;
  }
  .view[data-page="strategy"] .data-table th:nth-child(n+5),
  .view[data-page="strategy"] .data-table td:nth-child(n+5) {
    display: none;
  }
  .view[data-page="strategy"] .data-table th:nth-child(1) {
    width: 35%;
  }
  .view[data-page="strategy"] .data-table th:nth-child(2) {
    width: 17%;
  }
  .view[data-page="strategy"] .data-table th:nth-child(3) {
    width: 25%;
  }
  .view[data-page="strategy"] .data-table th:nth-child(4) {
    width: 23%;
  }
  .view[data-page="strategy"] .data-table td {
    padding-right: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .view[data-page="strategy"] .data-table td:nth-child(4) {
    font-size: 8px;
  }
  .mobile-nav {
    left: 0;
    right: 0;
    bottom: 0;
    height: 68px;
    padding: 5px 8px max(5px,env(safe-area-inset-bottom));
    border: 0;
    border-top: 1px solid #242641;
    border-radius: 0;
    background: rgba(7,7,18,.97);
    box-shadow: 0 -10px 30px rgba(0,0,0,.24);
  }
  .mobile-nav button {
    position: relative;
    border-radius: 0;
    background: transparent !important;
    color: #707287;
    transition: color .2s ease;
  }
  .mobile-nav button::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -5px;
    width: 22px;
    height: 2px;
    border-radius: 0;
    background: #9da0ff;
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity .2s ease;
  }
  .mobile-nav button.active {
    color: #babcf0;
  }
  .mobile-nav button.active::before {
    opacity: 1;
  }
  .mobile-nav svg {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .mobile-nav span {
    margin-top: 4px;
    font-size: 8px;
    line-height: 10px;
  }
}
.panel-head-actions {
  display: flex;
  align-items: center;
  gap: 11px;
}
.pool-history-modal {
  width: min(680px,100%);
}
.history-ledger {
  margin-top: 18px;
  border: 1px solid rgba(129,157,215,.16);
  border-radius: 10px;
  background: rgba(5,10,21,.58);
  overflow: hidden;
}
.history-ledger-head,.history-ledger-row {
  display: grid;
  grid-template-columns: minmax(104px,.82fr) minmax(0,1.45fr) minmax(92px,.78fr);
  align-items: center;
  column-gap: 18px;
  padding: 0 16px;
}
.history-ledger-head {
  min-height: 38px;
  background: rgba(14,23,42,.78);
  color: #718098;
  font: 600 8px/1.2 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.history-ledger-row {
  min-height: 54px;
  border-top: 1px solid rgba(129,157,215,.11);
  color: #b8c7da;
  font-size: 10px;
}
.history-ledger-row b {
  color: #dce8f6;
  font-weight: 550;
}
.history-ledger-row b small {
  display: block;
  margin-top: 4px;
  color: #718098;
  font: 500 7px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.history-ledger-row strong {
  color: #33d69f;
  font-weight: 560;
  text-align: right;
  white-space: nowrap;
}
@media (max-width:640px) {
  .panel-head-actions {
    align-items: flex-end;
    flex-direction: column;
    gap: 7px;
  }
  .pool-history-modal {
    padding: 20px 16px;
  }
  .history-ledger {
    width: 100%;
    overflow: hidden;
  }
  .history-ledger-head,.history-ledger-row {
    width: 100%;
    min-width: 0;
    grid-template-columns: 78px minmax(0,1fr) 82px;
    column-gap: 8px;
    padding: 0 10px;
  }
  .history-ledger-head {
    min-height: 40px;
    font-size: 7px;
    line-height: 1.35;
  }
  .history-ledger-head span {
    white-space: normal;
  }
  .history-ledger-head span:last-child {
    text-align: right;
  }
  .history-ledger-row {
    min-height: 49px;
    font-size: 8px;
  }
  .history-ledger-row strong {
    font-size: 8px;
  }
}
.pool-globe {
  animation: poolFloat 4.6s ease-in-out infinite,poolBreath 3.8s ease-in-out infinite;
}
.pool-globe::before {
  animation: poolRingX 8s linear infinite;
}
.pool-globe::after {
  animation: poolRingY 11s linear infinite reverse;
}
.pool-globe>i {
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  margin: -3px 0 0 -3px;
  transform-origin: center;
  will-change: transform;
}
.pool-globe>i:nth-child(1) {
  animation: poolOrbit 6.8s linear infinite;
}
.pool-globe>i:nth-child(2) {
  animation: poolOrbit 9.2s -3.1s linear infinite reverse;
}
.pool-globe>i:nth-child(3) {
  animation: poolOrbit 12.4s -7.6s linear infinite;
}
.pool-globe strong {
  animation: poolValueGlow 3.8s ease-in-out infinite;
}
@keyframes poolFloat {
  0%,100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -5px;
  }
}
@keyframes poolBreath {
  0%,100% {
    box-shadow: inset 0 0 35px rgba(119,123,255,.2),0 0 45px rgba(77,81,197,.17);
  }
  50% {
    box-shadow: inset 0 0 52px rgba(119,123,255,.32),0 0 68px rgba(77,81,197,.28);
  }
}
@keyframes poolRingX {
  from {
    transform: scaleX(.42) rotate(0);
  }
  to {
    transform: scaleX(.42) rotate(360deg);
  }
}
@keyframes poolRingY {
  from {
    transform: scaleY(.42) rotate(0);
  }
  to {
    transform: scaleY(.42) rotate(360deg);
  }
}
@keyframes poolOrbit {
  from {
    transform: rotate(0) translateX(74px) rotate(0);
  }
  to {
    transform: rotate(360deg) translateX(74px) rotate(-360deg);
  }
}
@keyframes poolValueGlow {
  0%,100% {
    text-shadow: 0 0 0 rgba(169,172,255,0);
  }
  50% {
    text-shadow: 0 0 18px rgba(169,172,255,.32);
  }
}
:root {
  --bg: #08090c;
  --deep: #040507;
  --panel: #0b0c10;
  --panel2: #101117;
  --panel3: #151720;
  --line: #292c35;
  --line2: #393d48;
  --text: #f1f0eb;
  --muted: #a4a39e;
  --faint: #73767d;
  --accent: #9499a8;
  --accent2: #ddd9ce;
  --accent3: #414652;
}
body {
  background: radial-gradient(circle at 55% -15%,rgba(123,128,145,.11),transparent 32%),#08090c;
}
.app-shell {
  border-color: #292c34;
  background: #050608;
  box-shadow: 0 28px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.025);
}
.sidebar {
  border-color: #282b33;
  background: linear-gradient(180deg,#0b0c10,#07080b 70%,#050608);
}
.brand-mark::before,.brand-mark::after {
  border-color: #8c92a1;
  box-shadow: none;
  animation-duration: 18s;
}
.brand-mark::after {
  border-color: #d4d1c8;
  opacity: .38;
}
.nav-item,.admin-entry {
  border-radius: 8px;
}
.nav-item::before,.admin-entry::before {
  background: #d4d0c5;
  box-shadow: none;
}
.nav-item:hover,.admin-entry:hover {
  background: #111319;
}
.nav-item.active {
  border-color: #343842;
  background: linear-gradient(180deg,#171920,#0e1015);
  box-shadow: inset 0 1px rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.2);
}
.nav-icon {
  color: #8d919b;
}
.biometric-mini {
  border-color: #30343d;
  border-radius: 11px;
  background: linear-gradient(180deg,#111319,#090a0e);
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.fingerprint-mini,.fingerprint-wide {
  border-color: #666c78;
  background: linear-gradient(180deg,#20232b,#0d0f14);
  box-shadow: inset 0 1px rgba(255,255,255,.07),0 8px 22px rgba(0,0,0,.25);
}
.fingerprint-mini i,.fingerprint-wide i {
  background: #ddd9ce;
  box-shadow: 0 0 6px 1px rgba(221,217,206,.45);
}
.topbar {
  border-color: #292c34;
  background: rgba(8,9,12,.94);
  box-shadow: inset 0 -1px rgba(255,255,255,.015);
}
.network-pill,.icon-button {
  border-color: #30333b;
  border-radius: 7px;
  background: linear-gradient(180deg,#17181d,#0d0e12);
}
.wallet-button {
  border-color: #666b76;
  border-radius: 7px;
  background: linear-gradient(180deg,#4b505c,#30343d);
  box-shadow: inset 0 1px rgba(255,255,255,.15),inset 0 -1px rgba(0,0,0,.5),0 8px 20px rgba(0,0,0,.28);
}
.wallet-button::after {
  opacity: .24;
}
.market-ticker {
  border-color: #2b2e36;
  background: #090a0d;
}
.ticker-source {
  border-color: #2b2e36;
  color: #bbb7aa;
}
.ticker-source i {
  background: #b5a879;
  box-shadow: none;
}
.ticker-item {
  border-color: #242730;
}
.main {
  background: radial-gradient(circle at 80% 0,rgba(143,147,159,.06),transparent 28%),#08090c;
}
.kicker {
  min-height: 24px;
  border-color: #3a3d43;
  border-radius: 5px;
  background: linear-gradient(180deg,#17181d,#101116);
  color: #c8c3b7;
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}
.button {
  border-color: #3a3e48;
  border-radius: 7px;
  background: linear-gradient(180deg,#1b1d24,#111218);
  box-shadow: inset 0 1px rgba(255,255,255,.055),0 7px 16px rgba(0,0,0,.18);
}
.button::after {
  opacity: .16;
}
.button.primary {
  border-color: #666b76;
  background: linear-gradient(180deg,#4b505c,#30343d);
  box-shadow: inset 0 1px rgba(255,255,255,.14),inset 0 -1px rgba(0,0,0,.48),0 9px 20px rgba(0,0,0,.25);
}
.button.secondary {
  border-color: #474b54;
  background: linear-gradient(180deg,#1a1c22,#101116);
}
.button.ghost {
  background: #0c0d11;
}
.text-button {
  color: #c3beb2;
}
.text-button:hover {
  color: #fff;
}
.section-label {
  color: #a9a59a;
}
.status-chip {
  border-color: #40444e;
  border-radius: 5px;
  background: #17191f;
  color: #bbbcc2;
}
.status-chip.demo {
  border-color: #4a4d54;
  color: #c1beb5;
  background: #17181c;
}
.panel {
  border-color: #292d36;
  border-radius: 14px;
  background: linear-gradient(180deg,rgba(255,255,255,.024),transparent 30%),#0b0c10;
  box-shadow: inset 0 1px rgba(255,255,255,.04),0 14px 34px rgba(0,0,0,.18);
}
.panel::before {
  background: linear-gradient(105deg,rgba(255,255,255,.035),transparent 30%);
  opacity: 1;
}
.panel::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: repeating-linear-gradient(90deg,rgba(255,255,255,.009) 0 1px,transparent 1px 4px);
  opacity: .35;
}
.panel:hover {
  border-color: #3a3f49;
}
.stats-grid {
  gap: 12px;
}
.metric-card {
  border-color: #2c2f37;
  border-radius: 14px;
  background: linear-gradient(180deg,rgba(255,255,255,.026),transparent 32%),#0b0c10;
  box-shadow: inset 0 1px rgba(255,255,255,.045),0 12px 28px rgba(0,0,0,.16);
}
.metric-card:nth-child(1) {
  border-color: #383c45;
  background: linear-gradient(115deg,rgba(174,177,185,.10),transparent 42%),#111318;
}
.metric-card:nth-child(2) {
  background: linear-gradient(180deg,rgba(145,135,111,.06),transparent 46%),#0b0c0f;
}
.metric-card:nth-child(3) {
  background: linear-gradient(180deg,rgba(105,125,116,.075),transparent 46%),#0a0d0c;
}
.metric-card:nth-child(4) {
  background: linear-gradient(180deg,rgba(120,124,136,.07),transparent 46%),#0c0d11;
}
.metric-card::after {
  content: "";
  position: absolute;
  right: 17px;
  top: 17px;
  width: 28px;
  height: 1px;
  background: #565b65;
}
.hero-metric {
  background: linear-gradient(115deg,rgba(174,177,185,.10),transparent 42%),#111318;
}
.spark-line {
  stroke: #aeb1ba;
  filter: none;
}
.spark-area {
  opacity: .34;
}
.metric-orb {
  display: none;
}
.settlement-card {
  background: linear-gradient(180deg,rgba(255,255,255,.035),transparent 30%),#0b0c12;
  box-shadow: inset 0 1px rgba(255,255,255,.045),inset 0 -1px rgba(0,0,0,.7);
}
.settlement-card::after {
  display: none;
}
.settlement-date {
  margin-top: 16px !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}
.settlement-date strong {
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -.025em;
  white-space: nowrap;
}
.settlement-date em {
  padding: 3px 6px;
  border: 1px solid #343841;
  border-radius: 999px;
  color: #8b8d93;
  font-size: 8px;
  font-style: normal;
  white-space: nowrap;
}
.settlement-foot {
  position: absolute !important;
  left: 18px;
  right: 18px;
  bottom: 16px;
  margin: 0 !important;
  display: block !important;
}
.settlement-foot>span {
  display: block;
  color: #858890;
  font-size: 9px;
}
.day-progress {
  height: 2px;
  margin-top: 9px;
  display: block;
  background: #24272d;
  overflow: hidden;
}
.day-progress b {
  display: block;
  width: var(--progress);
  height: 100%;
  background: #a29d8b;
  transition: width .45s var(--ease);
}
.strategy-status {
  border-radius: 10px;
  background: #090a0d;
}
.strategy-status::after {
  background: repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.018) 47px 48px);
}
.order-row {
  border-color: #24272e;
}
.asset-token {
  border-color: #555b65;
  border-radius: 6px;
  background: linear-gradient(180deg,#363b45,#1b1e24);
  box-shadow: inset 0 1px rgba(255,255,255,.09);
}
.progress-cell i {
  background: #a8a390;
  box-shadow: none;
}
.switch input:checked+i,.toggle:checked {
  background: #4a504e;
}
.switch input:checked+i::after,.toggle:checked::before {
  box-shadow: none;
}
.market-snapshot {
  display: flex;
  flex-direction: column;
  border-color: #313741;
  background: linear-gradient(135deg,rgba(129,142,138,.08),transparent 48%),#0b0e0e;
}
.market-reading {
  margin-top: 24px;
}
.market-reading span,.market-reading strong,.market-reading small {
  display: block;
}
.market-reading span {
  color: #878b8d;
  font-size: 8px;
}
.market-reading strong {
  margin-top: 5px;
  font-size: 34px;
  line-height: 1;
  font-weight: 350;
  letter-spacing: -.04em;
}
.market-reading small {
  margin-top: 8px;
  color: #696e71;
  font-size: 7px;
}
.market-meter {
  position: relative;
  height: 7px;
  margin-top: 20px;
  border: 1px solid #30353a;
  border-radius: 2px;
  background: #151719;
  overflow: hidden;
}
.market-meter i {
  display: block;
  width: var(--w);
  height: 100%;
  background: linear-gradient(90deg,#606862,#a4ad9c);
  transition: width .45s var(--ease);
}
.market-meter b {
  position: absolute;
  left: 50%;
  top: -3px;
  width: 1px;
  height: 12px;
  background: #d1cdc2;
}
.market-scale {
  margin-top: 6px;
  display: flex;
  justify-content: space-between;
  color: #666a6c;
  font-size: 7px;
}
.market-snapshot .signal-pairs {
  margin: 18px 0 0;
  padding-top: 14px;
  justify-content: flex-start;
  border-top: 1px solid #282c30;
}
.market-snapshot .signal-pairs i.violet {
  background: #9c9482;
}
.market-source-row {
  margin-top: auto;
  padding-top: 14px;
  display: flex;
  justify-content: space-between;
  color: #666b6d;
  font-size: 7px;
}
.market-source-row em {
  font-style: normal;
  color: #959995;
}
.route-card {
  border-color: #30343c;
  border-radius: 12px;
  background: linear-gradient(90deg,#0d0e12,#090a0d);
}
.route-card::after {
  inset: 0;
  right: 0;
  top: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background: repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.015) 79px 80px);
  animation: none;
}
.route-flow>b {
  background: linear-gradient(90deg,#3c4149,#9d998d,#3c4149);
  animation: none;
}
.route-node i {
  border-color: #444a54;
  border-radius: 6px;
  background: #15171c;
  color: #999b9c;
}
.route-node.done i {
  border-color: #596059;
  background: #323934;
}
.route-node.active i {
  border-color: #777b83;
  background: #4a4f58;
  box-shadow: none;
}
.risk-banner {
  border-color: #5c533d;
  border-radius: 11px;
  background: linear-gradient(90deg,rgba(132,108,58,.15),transparent 62%),#11100d;
  box-shadow: inset 3px 0 #9a8250;
}
.risk-banner::after {
  content: "";
  width: 32%;
  background: repeating-linear-gradient(90deg,rgba(190,166,112,.08) 0 1px,transparent 1px 8px);
  mask-image: linear-gradient(90deg,transparent,#000);
}
.product-grid {
  gap: 12px;
}
.view[data-page="strategy"] .product-grid {
  margin-bottom: 16px;
}
.product-card {
  border-color: #30333a;
  border-radius: 12px;
  background: linear-gradient(180deg,rgba(255,255,255,.03),transparent 32%),#0b0c10;
  box-shadow: inset 0 1px rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.14);
}
.product-card:hover {
  border-color: #484d56;
  transform: none;
}
.product-card::before {
  left: 0;
  right: auto;
  top: 0;
  width: 3px;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: #737a82;
  box-shadow: none;
}
.product-card:nth-child(2)::before {
  background: #87806d;
}
.product-card:nth-child(3)::before {
  background: #61766d;
}
.product-card:nth-child(4)::before {
  background: #786d75;
}
.product-card::after {
  position: absolute;
  right: 17px;
  top: 16px;
  color: #5e626a;
  font: 7px/1 ui-monospace,monospace;
  letter-spacing: .12em;
}
.product-card:nth-child(1)::after {
  content: "TERM 010";
}
.product-card:nth-child(2)::after {
  content: "TERM 030";
}
.product-card:nth-child(3)::after {
  content: "TERM 180";
}
.product-card:nth-child(4)::after {
  content: "TERM 360";
}
.product-card .rate {
  border-color: #292c33;
}
.product-card button {
  border-color: #414650;
  border-radius: 6px;
  background: linear-gradient(180deg,#1b1e24,#101217);
  color: #d0cdc4;
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}
.pool-hero {
  border-color: #363a4c;
  border-radius: 17px;
}
.pool-rules>div {
  border-color: #3a3d47;
  border-radius: 9px;
  background: rgba(8,9,13,.72);
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.pool-rules i {
  color: #a3a6b4;
}
.team-summary {
  gap: 12px;
}
.level-orbit,.team-stat,.upgrade-card {
  border-color: #2f323a;
  border-radius: 12px;
  background: linear-gradient(180deg,rgba(255,255,255,.025),transparent 34%),#0b0c10;
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}
.level-orbit {
  align-items: flex-start;
  background: linear-gradient(135deg,rgba(171,163,139,.12),transparent 52%),#10110f;
}
.level-orbit::before,.level-orbit::after {
  display: none;
}
.level-orbit strong {
  line-height: 1.05;
}
.level-orbit em {
  margin-top: 8px;
  color: #b8b09a;
}
.upgrade-card>i {
  background: #24272c;
}
.upgrade-card>i b {
  background: #989483;
}
.level-badge {
  border-color: #4a4f58;
  border-radius: 5px;
  background: #17191e;
  color: #d0cdc4 !important;
}
.level-table .current {
  background: rgba(165,158,137,.07);
}
.reward-example {
  border-color: #30343b;
  border-radius: 8px;
  background: #0a0b0e;
}
.tree-root {
  border-color: #656b75;
  border-radius: 6px;
  background: #373b43;
}
.tree-line,.tree-children::before,.tree-children span::before {
  background: #4b4f57;
}
.tree-children span {
  border-color: #30333b;
  border-radius: 6px;
  background: #0d0e12;
}
.asset-cards {
  gap: 12px;
}
.asset-card {
  border-color: #30333b;
  border-radius: 12px;
  background: linear-gradient(180deg,rgba(255,255,255,.028),transparent 32%),#0b0c10;
  box-shadow: inset 0 1px rgba(255,255,255,.045),0 12px 28px rgba(0,0,0,.14);
}
.asset-card:nth-child(2) {
  background: linear-gradient(135deg,rgba(99,119,110,.07),transparent 50%),#0a0d0c;
}
.asset-card:nth-child(3) {
  background: linear-gradient(135deg,rgba(137,123,91,.08),transparent 50%),#0d0c09;
}
.asset-card:nth-child(4) {
  background: linear-gradient(135deg,rgba(117,111,128,.08),transparent 50%),#0c0b0e;
}
.asset-card.primary {
  border-color: #454a54;
  background: linear-gradient(125deg,rgba(174,177,185,.12),transparent 45%),#111318;
}
.asset-card em {
  border-color: #41454d;
  border-radius: 4px;
  color: #b1afa9;
}
.asset-card button {
  color: #c4bfb4;
}
.token-visual {
  border-color: #30333b;
  border-radius: 9px;
  background: #0a0b0e;
}
.token-coin {
  border-color: #777b83;
  border-radius: 9px;
  background: linear-gradient(145deg,#4a4f58,#22252b);
  box-shadow: inset 0 1px rgba(255,255,255,.1);
}
.token-sources i {
  background: #989483;
}
.withdraw-flow>div>i,.transaction-list>div>i,.activity-icon {
  border-color: #454a53;
  border-radius: 6px;
  background: #17191e;
  color: #b5b2a9;
}
.withdraw-flow>div.done>i {
  border-color: #5f675f;
  background: #343b35;
}
.withdraw-flow>b {
  background: linear-gradient(90deg,#515761,#2e3238);
}
.ops-stats {
  gap: 12px;
}
.ops-stats>div {
  border-color: #30343c;
  border-radius: 10px;
  background: linear-gradient(180deg,rgba(255,255,255,.025),transparent 34%),#0b0c10;
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}
.view[data-page="operations"] .panel {
  border-radius: 10px;
  background: #0a0b0e;
}
.segmented {
  border-color: #343841;
  border-radius: 6px;
  background: #090a0d;
}
.segmented button {
  border-radius: 4px;
}
.segmented button.active {
  background: #30343c;
}
.payout-summary,.compact-form label>div,.plain-input,.amount-input,.order-summary,.fee-breakdown,.auto-row {
  border-color: #333740;
  border-radius: 7px;
  background: #0a0b0e;
}
.payout-summary i {
  background: linear-gradient(90deg,#989483 var(--w),#24272d 0);
}
.modal {
  border-color: #3d414a;
  border-radius: 14px;
  background: linear-gradient(180deg,rgba(255,255,255,.03),transparent 26%),#0b0c10;
}
.wallet-choice,.answer-list button {
  border-color: #333740;
  border-radius: 7px;
  background: #101217;
}
.answer-list button.selected {
  border-color: #686d76;
  background: #2b2f36;
}
.answer-list button.selected i {
  border-color: #aaa79f;
  background: #555b62;
}
.risk-progress i {
  background: #989483;
  box-shadow: none;
}
.cycle-picker button {
  border-color: #343841;
  border-radius: 6px;
  background: #0c0d11;
}
.cycle-picker button.active {
  border-color: #777b83;
  background: #3b4048;
}
@media (max-width:640px) {
  .workspace {
    padding-bottom: 0;
  }
  .main {
    padding-bottom: calc(88px + env(safe-area-inset-bottom));
  }
  .mobile-nav {
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(64px + env(safe-area-inset-bottom));
    padding: 4px 8px calc(4px + env(safe-area-inset-bottom));
    border: 0;
    border-top: 1px solid rgba(255,255,255,.09);
    border-radius: 0;
    background: linear-gradient(180deg,rgba(20,21,27,.96),rgba(8,9,13,.99));
    box-shadow: 0 -1px 0 rgba(0,0,0,.88),0 -14px 34px rgba(0,0,0,.34);
    backdrop-filter: blur(22px) saturate(130%);
  }
  .mobile-nav::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: repeating-linear-gradient(90deg,rgba(255,255,255,.01) 0 1px,transparent 1px 4px);
  }
  .mobile-nav button {
    position: relative;
    z-index: 1;
    min-width: 48px;
    min-height: 48px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border: 0;
    border-radius: 8px !important;
    background: transparent !important;
    color: #71757e;
    transition: color .18s ease,transform .12s ease;
  }
  .mobile-nav button:active {
    transform: scale(.94);
  }
  .mobile-nav button:focus-visible {
    outline: 1px solid #777c84;
    outline-offset: -3px;
  }
  .mobile-nav button::before {
    left: 50%;
    top: -4px;
    width: 20px;
    height: 2px;
    border-radius: 0;
    background: #d0ccc1;
    box-shadow: none;
    opacity: 0;
  }
  .mobile-nav button::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 3px;
    width: 34px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 8px;
    transform: translateX(-50%);
    transition: background .18s ease,border-color .18s ease,box-shadow .18s ease;
  }
  .mobile-nav button.active {
    color: #e0ddd4;
  }
  .mobile-nav button.active::before {
    opacity: 1;
  }
  .mobile-nav button.active::after {
    border-color: #383c45;
    background: linear-gradient(180deg,#252830,#15171c);
    box-shadow: inset 0 1px rgba(255,255,255,.07),0 5px 10px rgba(0,0,0,.28);
  }
  .mobile-nav svg {
    position: relative;
    z-index: 2;
    width: 21px;
    height: 21px;
    margin: 0 auto;
    transition: transform .18s ease;
  }
  .mobile-nav button.active svg {
    transform: translateY(-1px);
  }
  .mobile-nav span {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: 9px;
    line-height: 11px;
    font-weight: 450;
  }
  .product-card {
    border-radius: 10px;
  }
  .panel,.asset-card,.metric-card {
    border-radius: 11px;
  }
  .market-snapshot {
    min-height: 260px;
  }
  .settlement-date {
    margin-top: 13px !important;
    display: block !important;
  }
  .settlement-date strong {
    display: block;
  }
  .settlement-date em {
    display: inline-block;
    margin-top: 6px;
  }
  .settlement-foot {
    left: 15px;
    right: 15px;
    bottom: 14px;
  }
  .settlement-foot>span {
    font-size: 8px;
  }
  .view[data-page="strategy"] .product-grid {
    margin-bottom: 18px;
  }
}
:root {
  --bg: #000;
  --deep: #000;
  --panel: #121212;
  --panel2: #1a1a1a;
  --panel3: #212121;
  --line: #2b2b2b;
  --line2: #383838;
  --text: #fff;
  --muted: #b3b3b3;
  --faint: #6c6c6c;
  --accent: #fff;
  --accent2: #fafafa;
  --accent3: #242424;
  --green: #25a750;
  --red: #ca3f64;
  --orange: #e6ffb0;
}
html,body {
  background: #000;
}
body {
  background: radial-gradient(circle at 70% -20%,rgba(255,255,255,.055),transparent 28%),#000;
}
.app-noise {
  opacity: .035;
}
.app-progress {
  background: #fff;
  box-shadow: none;
}
.app-shell {
  border-color: #242424;
  background: #000;
  box-shadow: 0 28px 90px rgba(0,0,0,.65),inset 0 1px rgba(255,255,255,.025);
}
.sidebar {
  border-color: #242424;
  background: linear-gradient(180deg,#0b0b0b,#050505 72%,#000);
}
.brand-mark::before,.brand-mark::after {
  border-color: #fafafa;
}
.brand-mark::after {
  border-color: #5b5b5b;
}
.brand-mark i {
  background: #e6ffb0;
  box-shadow: none;
}
.brand-word {
  color: #fafafa;
}
.nav-item,.admin-entry {
  color: #909090;
}
.nav-icon {
  color: #909090;
}
.nav-item::before,.admin-entry::before {
  background: #fff;
}
.nav-item:hover,.admin-entry:hover {
  color: #fafafa;
  background: #151515;
}
.nav-item.active {
  color: #fff;
  border-color: #383838;
  background: linear-gradient(180deg,#1f1f1f,#151515);
  box-shadow: inset 0 1px rgba(255,255,255,.055),0 8px 18px rgba(0,0,0,.28);
}
.admin-entry {
  border-color: #2b2b2b;
}
.admin-entry em {
  border-color: #5b5b5b;
  color: #d9d9d9;
}
.biometric-mini {
  border-color: #383838;
  background: linear-gradient(180deg,#1a1a1a,#101010);
}
.fingerprint-mini,.fingerprint-wide {
  border-color: #5b5b5b;
  background: linear-gradient(180deg,#242424,#121212);
}
.fingerprint-mini svg,.fingerprint-wide svg {
  stroke: #fafafa;
}
.fingerprint-mini i,.fingerprint-wide i {
  background: #e6ffb0;
  box-shadow: 0 0 5px rgba(230,255,176,.28);
}
.topbar {
  border-color: #242424;
  background: rgba(0,0,0,.95);
}
.network-pill,.icon-button {
  border-color: #383838;
  background: linear-gradient(180deg,#212121,#151515);
}
.wallet-button,.button.primary {
  border-color: #fff;
  background: #fff;
  color: #000;
  box-shadow: inset 0 -1px rgba(0,0,0,.18),0 8px 20px rgba(0,0,0,.34);
}
.wallet-button::after,.button::after {
  display: none;
}
.notice-dot {
  background: #ca3f64;
  box-shadow: none;
}
.market-ticker {
  border-color: #242424;
  background: #0a0a0a;
}
.ticker-source {
  border-color: #242424;
  color: #d9d9d9;
}
.ticker-source i {
  background: #e6ffb0;
}
.ticker-item {
  border-color: #242424;
}
.ticker-item b {
  color: #909090;
}
.freshness {
  color: #6c6c6c;
}
.main {
  background: radial-gradient(circle at 80% 0,rgba(255,255,255,.035),transparent 26%),#050505;
}
.kicker {
  border-color: #383838;
  background: #1a1a1a;
  color: #d9d9d9;
}
.button {
  border-color: #383838;
  background: linear-gradient(180deg,#242424,#181818);
  color: #fafafa;
}
.button.secondary {
  border-color: #5b5b5b;
  background: #1a1a1a;
}
.button.ghost {
  background: #121212;
}
.text-button {
  color: #fafafa;
}
.section-label {
  color: #909090;
}
.section-label b {
  color: #d9d9d9;
}
.status-chip {
  border-color: #5b5b5b;
  background: #1a1a1a;
  color: #d9d9d9;
}
.status-chip.demo {
  border-color: #5b5b5b;
  background: #1a1a1a;
  color: #b3b3b3;
}
.status-chip.success {
  border-color: rgba(37,167,80,.48);
  background: rgba(37,167,80,.10);
  color: #25a750;
}
.status-chip.warning {
  border-color: rgba(230,255,176,.42);
  background: rgba(230,255,176,.07);
  color: #e6ffb0;
}
.panel {
  border-color: #2b2b2b;
  background: linear-gradient(180deg,rgba(255,255,255,.026),transparent 28%),#121212;
  box-shadow: inset 0 1px rgba(255,255,255,.04),0 14px 34px rgba(0,0,0,.24);
}
.panel::before {
  background: linear-gradient(105deg,rgba(255,255,255,.025),transparent 32%);
}
.panel:hover {
  border-color: #5b5b5b;
}
.metric-card {
  border-color: #2b2b2b;
  background: linear-gradient(180deg,rgba(255,255,255,.028),transparent 30%),#121212;
}
.metric-card:nth-child(1),.hero-metric {
  border-color: #383838;
  background: linear-gradient(120deg,rgba(255,255,255,.075),transparent 45%),#1a1a1a;
}
.metric-card:nth-child(2) {
  background: #121212;
}
.metric-card:nth-child(3) {
  background: #151515;
}
.metric-card:nth-child(4) {
  background: #1a1a1a;
}
.metric-card::after {
  background: #5b5b5b;
}
.spark-line {
  stroke: #fafafa;
}
.settlement-card {
  background: linear-gradient(180deg,rgba(255,255,255,.04),transparent 30%),#1a1a1a;
}
.settlement-date em {
  border-color: #383838;
  color: #b3b3b3;
}
.settlement-foot>span {
  color: #909090;
}
.day-progress {
  background: #383838;
}
.day-progress b {
  background: #fff;
}
.strategy-status {
  background: #0f0f0f;
}
.strategy-status::after {
  background: repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.021) 47px 48px);
}
.order-row {
  border-color: #2b2b2b;
}
.asset-token {
  border-color: #5b5b5b;
  background: linear-gradient(180deg,#383838,#212121);
}
.progress-cell>span {
  background: #2b2b2b;
}
.progress-cell i {
  background: #fff;
}
.switch>i {
  background: #383838;
}
.switch input:checked+i,.toggle:checked {
  background: #fafafa;
}
.switch input:checked+i::after,.toggle:checked::before {
  background: #000;
}
.market-snapshot {
  border-color: #383838;
  background: linear-gradient(135deg,rgba(255,255,255,.045),transparent 48%),#121212;
}
.market-reading span,.market-reading small,.market-scale,.market-source-row {
  color: #909090;
}
.market-meter {
  border-color: #383838;
  background: #212121;
}
.market-meter i {
  background: linear-gradient(90deg,#5b5b5b,#fafafa);
}
.market-meter b {
  background: #fff;
}
.market-snapshot .signal-pairs {
  border-color: #2b2b2b;
}
.market-snapshot .signal-pairs i.violet {
  background: #d9d9d9;
}
.market-source-row em {
  color: #b3b3b3;
}
.route-card {
  border-color: #383838;
  background: linear-gradient(90deg,#151515,#0a0a0a);
}
.route-flow>b {
  background: linear-gradient(90deg,#383838,#fafafa,#383838);
}
.route-node i {
  border-color: #5b5b5b;
  background: #1a1a1a;
  color: #b3b3b3;
}
.route-node.done i {
  border-color: #909090;
  background: #383838;
}
.route-node.active i {
  border-color: #fff;
  background: #fafafa;
  color: #000;
}
.risk-banner {
  border-color: #596243;
  background: linear-gradient(90deg,rgba(230,255,176,.09),transparent 62%),#12130f;
  box-shadow: inset 3px 0 #e6ffb0;
}
.risk-banner::after {
  background: repeating-linear-gradient(90deg,rgba(230,255,176,.07) 0 1px,transparent 1px 8px);
}
.product-card {
  border-color: #2b2b2b;
  background: linear-gradient(180deg,rgba(255,255,255,.03),transparent 32%),#121212;
}
.product-card:hover {
  border-color: #5b5b5b;
}
.product-card::before {
  background: #fff;
}
.product-card:nth-child(2)::before {
  background: #b3b3b3;
}
.product-card:nth-child(3)::before {
  background: #6c6c6c;
}
.product-card:nth-child(4)::before {
  background: #383838;
}
.product-card::after {
  color: #6c6c6c;
}
.product-card .rate {
  border-color: #2b2b2b;
}
.product-card button {
  border-color: #5b5b5b;
  background: #1a1a1a;
  color: #fafafa;
}
.pool-hero {
  border-color: #383838;
  background: radial-gradient(circle at 18% 50%,rgba(255,255,255,.08),transparent 30%),linear-gradient(145deg,#0a0a0a,#181818);
}
.pool-hero::before {
  background-image: radial-gradient(#fafafa .7px,transparent .7px);
}
.pool-globe {
  border-color: #5b5b5b;
  background: radial-gradient(circle at 42% 38%,rgba(255,255,255,.14),#0a0a0a 65%);
}
.pool-globe::before,.pool-globe::after {
  border-color: rgba(255,255,255,.25);
}
.pool-globe>i {
  background: #e6ffb0;
  box-shadow: 0 0 8px rgba(230,255,176,.38);
}
.pool-globe span {
  color: #909090;
}
.pool-rules>div {
  border-color: #383838;
  background: rgba(10,10,10,.78);
}
.pool-rules i {
  color: #d9d9d9;
}
.allocation-list>div,.activity-list>div {
  border-color: #2b2b2b;
}
.allocation-list em {
  background: #fafafa;
}
.level-orbit,.team-stat,.upgrade-card,.ops-stats>div {
  border-color: #2b2b2b;
  background: linear-gradient(180deg,rgba(255,255,255,.025),transparent 34%),#121212;
}
.level-orbit {
  background: linear-gradient(135deg,rgba(255,255,255,.065),transparent 52%),#1a1a1a;
}
.level-orbit em {
  color: #d9d9d9;
}
.upgrade-card>i {
  background: #2b2b2b;
}
.upgrade-card>i b {
  background: #fff;
}
.level-badge {
  border-color: #5b5b5b;
  background: #1a1a1a;
  color: #fafafa !important;
}
.level-table .current {
  background: rgba(255,255,255,.045);
}
.reward-example,.token-visual {
  border-color: #383838;
  background: #0f0f0f;
}
.tree-root {
  border-color: #909090;
  background: #383838;
}
.tree-line,.tree-children::before,.tree-children span::before {
  background: #5b5b5b;
}
.tree-children span {
  border-color: #383838;
  background: #121212;
}
.asset-card {
  border-color: #2b2b2b;
  background: linear-gradient(180deg,rgba(255,255,255,.028),transparent 32%),#121212;
}
.asset-card:nth-child(2) {
  background: #151515;
}
.asset-card:nth-child(3) {
  background: #101010;
}
.asset-card:nth-child(4) {
  background: #1a1a1a;
}
.asset-card.primary {
  border-color: #5b5b5b;
  background: linear-gradient(125deg,rgba(255,255,255,.075),transparent 45%),#1a1a1a;
}
.asset-card em {
  border-color: #5b5b5b;
  color: #d9d9d9;
}
.asset-card button {
  color: #fafafa;
}
.token-coin {
  border-color: #fafafa;
  background: #fafafa;
  color: #000;
  box-shadow: none;
}
.token-sources i {
  background: #fff;
}
.withdraw-flow>div>i,.transaction-list>div>i,.activity-icon {
  border-color: #5b5b5b;
  background: #1a1a1a;
  color: #fafafa;
}
.withdraw-flow>div.done>i {
  border-color: #fafafa;
  background: #fafafa;
  color: #000;
}
.withdraw-flow>b {
  background: linear-gradient(90deg,#909090,#383838);
}
.view[data-page="operations"] .panel {
  background: #101010;
}
.segmented {
  border-color: #383838;
  background: #0a0a0a;
}
.segmented button.active {
  background: #383838;
}
.payout-summary,.compact-form label>div,.plain-input,.amount-input,.order-summary,.fee-breakdown,.auto-row {
  border-color: #383838;
  background: #101010;
}
.payout-summary i {
  background: linear-gradient(90deg,#fff var(--w),#2b2b2b 0);
}
.toggle {
  background: #383838;
  box-shadow: inset 0 0 0 1px #5b5b5b;
}
.modal {
  border-color: #5b5b5b;
  background: linear-gradient(180deg,rgba(255,255,255,.035),transparent 26%),#121212;
}
.modal-close,.wallet-choice,.answer-list button {
  border-color: #383838;
  background: #1a1a1a;
}
.wallet-choice:hover {
  border-color: #909090;
  background: #212121;
}
.answer-list button.selected {
  border-color: #fafafa;
  background: #2b2b2b;
}
.answer-list button.selected i {
  border-color: #fafafa;
  background: #fafafa;
  color: #000;
}
.risk-progress {
  background: #2b2b2b;
}
.risk-progress i {
  background: #fff;
}
.cycle-picker button {
  border-color: #383838;
  background: #121212;
}
.cycle-picker button.active {
  border-color: #fff;
  background: #fafafa;
  color: #000;
}
.toast {
  border-color: #5b5b5b;
  background: rgba(18,18,18,.96);
}
.toast i {
  border-color: #909090;
  color: #fafafa;
}
@keyframes poolBreath {
  0%,100% {
    box-shadow: inset 0 0 35px rgba(255,255,255,.07),0 0 45px rgba(255,255,255,.035);
  }
  50% {
    box-shadow: inset 0 0 52px rgba(255,255,255,.12),0 0 68px rgba(255,255,255,.07);
  }
}
@keyframes poolValueGlow {
  0%,100% {
    text-shadow: 0 0 0 rgba(255,255,255,0);
  }
  50% {
    text-shadow: 0 0 16px rgba(255,255,255,.22);
  }
}
@media (max-width:640px) {
  body {
    background: #000;
  }
  .mobile-nav {
    border-top-color: #383838;
    background: linear-gradient(180deg,rgba(26,26,26,.98),rgba(0,0,0,.995));
    box-shadow: 0 -1px 0 #000,0 -14px 34px rgba(0,0,0,.5);
  }
  .mobile-nav button {
    color: #6c6c6c;
  }
  .mobile-nav button::before {
    background: #fff;
  }
  .mobile-nav button.active {
    color: #fff;
  }
  .mobile-nav button.active::after {
    border-color: #5b5b5b;
    background: linear-gradient(180deg,#2b2b2b,#1a1a1a);
  }
  .mobile-nav button:focus-visible {
    outline-color: #fafafa;
  }
}
@media (max-width:640px) {
  .settlement-card {
    grid-column: span 2;
    min-height: 128px;
  }
  .settlement-date {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
  }
  .settlement-date strong {
    display: inline;
  }
  .settlement-date em {
    margin-top: 0;
  }
  .settlement-foot>span {
    font-size: 9px;
  }
}
:root {
  --bg: #070808;
  --deep: #090a0a;
  --panel: #101211;
  --panel2: #141716;
  --panel3: #191c1b;
  --line: rgba(235,238,232,.075);
  --line2: rgba(235,238,232,.14);
  --text: #f0efe9;
  --muted: #a0a39f;
  --faint: #686d69;
  --accent: #b9bfbc;
  --accent2: #d5d8d3;
  --accent3: #252a28;
  --green: #69b992;
  --red: #d36e7c;
  --orange: #bda878;
  --radius-control: 6px;
  --radius-card: 9px;
  --radius-feature: 12px;
  --radius-modal: 14px
;
}
html,body {
  background: var(--bg);
}
body {
  color: var(--text);
  background: linear-gradient(180deg,#070808 0,#090a0a 52%,#060707 100%);
  font-variant-numeric: tabular-nums lining-nums;
}
.app-noise {
  opacity: .022;
  mix-blend-mode: soft-light;
}
.app-progress {
  height: 1px;
  background: var(--accent);
  box-shadow: none;
}
.app-shell {
  border-color: var(--line2);
  border-radius: 18px;
  background: var(--deep);
  box-shadow: 0 32px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.025);
}
.sidebar {
  padding: 25px 16px 18px;
  border-color: var(--line);
  background: #0a0c0b;
}
.brand {
  height: 42px;
}
.brand-word {
  color: var(--text);
  font-size: 18px;
  font-weight: 520;
  letter-spacing: -.02em;
}
.brand-mark::before,.brand-mark::after {
  border-width: 1px;
  border-color: #aeb5b1;
  border-radius: 48% 14% 48% 14%;
  box-shadow: none;
  animation-duration: 28s;
}
.brand-mark::after {
  border-color: #5e6561;
  opacity: .7;
}
.brand-mark i {
  width: 4px;
  height: 4px;
  background: #d8dbd5;
  box-shadow: none;
}
.side-nav {
  margin-top: 38px;
  gap: 3px;
}
.nav-item,.admin-entry {
  height: 44px;
  border: 0;
  border-radius: var(--radius-control);
  color: #737874;
  background: transparent;
  font-size: 12px;
  font-weight: 450;
  transition: color .18s ease,background .18s ease;
}
.nav-item::before,.admin-entry::before {
  left: -16px;
  width: 1px;
  height: 0;
  background: #b7ae9a;
  box-shadow: none;
}
.nav-item:hover,.admin-entry:hover {
  color: #c8cbc6;
  background: #101312;
}
.nav-item.active {
  color: var(--text);
  border: 0;
  background: #151817;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.nav-item.active::before {
  height: 18px;
}
.nav-icon {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  color: currentColor;
  font-size: 0;
}
.nav-icon svg,.icon-button svg,.wallet-orb svg,.mobile-nav svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.live-dot {
  background: var(--green);
  box-shadow: none;
  animation: none;
}
.admin-entry {
  border: 1px solid var(--line);
  color: #858a86;
}
.admin-entry em {
  border-color: var(--line2);
  border-radius: 3px;
  color: #979b98;
  font-size: 9px;
}
.biometric-mini {
  border-color: var(--line);
  border-radius: var(--radius-card);
  background: #0d0f0e;
  box-shadow: none;
}
.fingerprint-mini,.fingerprint-wide {
  border-color: var(--line2);
  border-radius: var(--radius-control);
  background: #151817;
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.fingerprint-mini svg,.fingerprint-wide svg {
  stroke: #c6cbc7;
}
.fingerprint-mini i,.fingerprint-wide i {
  background: #b7ae9a;
  box-shadow: 0 0 6px rgba(183,174,154,.25);
}
.biometric-mini strong {
  font-size: 12px;
}
.biometric-mini span {
  font-size: 10px;
  color: var(--faint);
}
.topbar {
  height: 72px;
  border-color: var(--line);
  background: rgba(9,10,10,.96);
  backdrop-filter: blur(14px);
}
.eyebrow {
  color: #757a76;
  font-size: 10px;
  letter-spacing: .14em;
}
.topbar h1 {
  font-size: 17px;
  font-weight: 520;
}
.network-pill,.icon-button {
  height: 36px;
  border-color: var(--line);
  border-radius: var(--radius-control);
  background: #111312;
  box-shadow: none;
  color: #a4a8a4;
}
.network-pill {
  font-size: 11px;
}
.network-pill i {
  background: var(--green);
  box-shadow: none;
}
.icon-button {
  width: 36px;
}
.icon-button svg {
  margin: auto;
}
.notice-dot {
  right: 7px;
  top: 7px;
  background: var(--red);
  box-shadow: none;
}
.wallet-button,.button,.button.primary,.button.secondary,.button.ghost {
  border: 1px solid var(--line2);
  border-radius: var(--radius-control);
  background: #171a19;
  color: var(--text);
  box-shadow: inset 0 1px rgba(255,255,255,.045),0 7px 18px rgba(0,0,0,.16);
}
.wallet-button {
  height: 40px;
  min-width: 126px;
  font-size: 12px;
  font-weight: 520;
}
.wallet-orb {
  display: grid;
  place-items: center;
}
.wallet-orb svg {
  width: 17px;
  height: 17px;
}
.button {
  min-height: 40px;
  font-size: 12px;
  font-weight: 520;
}
.button.primary {
  border-color: rgba(223,226,220,.24);
  background: #202422;
}
.button.secondary {
  background: #141615;
}
.button.ghost {
  background: transparent;
  box-shadow: none;
}
.wallet-button::after,.button::after {
  display: none;
}
.wallet-button:hover,.button:hover {
  border-color: rgba(235,238,232,.28);
  background: #252a28;
}
.button:active,.wallet-button:active {
  transform: translateY(1px);
}
.market-ticker {
  height: 38px;
  border-color: var(--line);
  background: #0b0d0c;
}
.ticker-source {
  border-color: var(--line);
  color: #aeb3af;
  font-size: 10px;
}
.ticker-source i {
  background: #b7ae9a;
  box-shadow: none;
}
.ticker-item {
  border-color: var(--line);
  font-size: 11px;
}
.ticker-item b {
  color: #858a86;
}
.freshness {
  color: #656a66;
  font-size: 10px;
}
.main {
  padding: 30px;
  background: #090a0a;
}
.page-head {
  align-items: flex-end;
}
.page-head h2 {
  margin-top: 15px;
  font-size: 30px;
  line-height: 1.16;
  font-weight: 480;
  letter-spacing: -.035em;
}
.page-head p {
  margin-top: 10px;
  color: var(--muted);
  font-size: 13px;
  line-height: 20px;
}
.kicker {
  min-height: 25px;
  padding: 3px 9px;
  border-color: var(--line2);
  border-radius: 4px;
  background: #111412;
  color: #bbbfb9;
  box-shadow: none;
  font-size: 10px;
  font-weight: 520;
  letter-spacing: .1em;
}
.section-label {
  color: #8c918d;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: .12em;
}
.section-label b {
  color: #b7bbb7;
}
.text-button {
  color: #b8bcb8;
  font-size: 11px;
}
.text-button:hover {
  color: var(--text);
}
.status-chip {
  min-height: 24px;
  padding: 2px 8px;
  border-color: var(--line2);
  border-radius: 999px;
  background: #151817;
  color: #a8aca8;
  font-size: 10px;
}
.status-chip.demo {
  border-color: var(--line);
  background: #121413;
  color: #8c918d;
}
.status-chip.success {
  border-color: rgba(105,185,146,.32);
  background: rgba(105,185,146,.07);
  color: var(--green);
}
.status-chip.warning {
  border-color: rgba(189,168,120,.32);
  background: rgba(189,168,120,.07);
  color: var(--orange);
}
.panel {
  padding: 22px;
  border-color: var(--line);
  border-radius: var(--radius-card);
  background: #101211;
  box-shadow: inset 0 1px rgba(255,255,255,.026);
  transition: border-color .2s ease;
}
.panel::before {
  content: "";
  inset: 0 auto auto 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);
  opacity: 1;
}
.panel::after {
  display: none;
}
.panel:hover {
  border-color: rgba(235,238,232,.12);
}
.panel-head h3 {
  margin-top: 5px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.stats-grid {
  margin-top: 26px;
  padding: 1px;
  display: grid;
  gap: 1px;
  border: 1px solid var(--line);
  border-radius: var(--radius-feature);
  background: var(--line);
  overflow: hidden;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.metric-card,.metric-card:nth-child(1),.metric-card:nth-child(2),.metric-card:nth-child(3),.metric-card:nth-child(4),.hero-metric,.settlement-card {
  min-height: 146px;
  padding: 20px;
  border: 0 !important;
  border-radius: 0 !important;
  background: #101211;
  box-shadow: none;
}
.metric-card:nth-child(1),.hero-metric {
  background: #151817;
}
.metric-card::after {
  right: 20px;
  top: 20px;
  width: 20px;
  height: 1px;
  background: #626864;
}
.metric-card>span {
  color: #8b908c;
  font-size: 11px;
}
.metric-card>strong {
  margin-top: 18px;
  font-size: 27px;
  line-height: 34px;
  font-weight: 500;
}
.metric-card em,.metric-card small {
  font-size: 10px;
}
.metric-card small {
  color: #727773;
}
.spark-line {
  stroke: #b3bab6;
  stroke-width: 1.4;
  filter: none;
}
.spark-area {
  opacity: .24;
}
.metric-orb {
  display: none;
}
.settlement-date {
  margin-top: 16px !important;
}
.settlement-date strong {
  font-size: 22px;
  font-weight: 500;
}
.settlement-date em {
  border-color: var(--line2);
  border-radius: 4px;
  color: #9ca19d;
  font-size: 9px;
}
.settlement-foot {
  bottom: 17px;
}
.settlement-foot>span {
  color: #848985;
  font-size: 10px;
}
.day-progress {
  height: 2px;
  background: #242826;
}
.day-progress b {
  background: #b7ae9a;
}
.content-grid,.two-columns {
  gap: 12px;
}
.strategy-status {
  border-radius: var(--radius-card);
  background: #0f1110;
}
.strategy-status::after {
  display: none;
}
.order-row {
  min-height: 72px;
  border-color: var(--line);
  gap: 12px;
}
.order-row strong,.order-row b {
  font-size: 11px;
}
.order-row span,.order-row small {
  font-size: 10px;
  color: #777c78;
}
.asset-token {
  border-color: var(--line2);
  border-radius: 5px;
  background: #1b1f1d;
  box-shadow: inset 0 1px rgba(255,255,255,.045);
  font-size: 11px;
}
.progress-cell>span {
  height: 3px;
  background: #252927;
}
.progress-cell i {
  background: #9da49f;
  box-shadow: none;
}
.progress-cell em {
  font-size: 9px;
}
.switch {
  font-size: 10px;
}
.switch>i {
  background: #292d2b;
}
.switch>i::after {
  background: #747a76;
}
.switch input:checked+i,.toggle:checked {
  background: #59635e;
}
.switch input:checked+i::after,.toggle:checked::before {
  background: #e8e9e4;
  box-shadow: none;
}
.market-snapshot {
  border-color: var(--line);
  background: #111412;
}
.market-reading span,.market-reading small,.market-scale,.market-source-row {
  font-size: 10px;
  color: #7d827e;
}
.market-reading strong {
  font-size: 34px;
  font-weight: 500;
}
.market-meter {
  height: 6px;
  border-color: var(--line);
  background: #232725;
}
.market-meter i {
  background: #9aa39d;
}
.market-meter b {
  background: #d7dad5;
}
.market-snapshot .signal-pairs {
  border-color: var(--line);
}
.signal-pairs span {
  font-size: 10px;
}
.market-source-row em {
  color: #9ea39f;
}
.route-card {
  border-color: var(--line);
  border-radius: var(--radius-card);
  background: #0f1110;
}
.route-card::after {
  display: none;
}
.route-copy h3 {
  font-size: 16px;
  font-weight: 500;
}
.route-copy p {
  font-size: 11px;
  line-height: 17px;
}
.route-flow>b {
  background: #343a36;
  animation: none;
}
.route-node i {
  border-color: var(--line2);
  border-radius: 5px;
  background: #151817;
  color: #a1a6a2;
}
.route-node.done i {
  border-color: #5e6661;
  background: #202522;
}
.route-node.active i {
  border-color: #929b95;
  background: #d8dad5;
  color: #0a0b0b;
  box-shadow: none;
}
.route-node strong {
  font-size: 10px;
}
.route-node span {
  font-size: 9px;
}
.risk-banner {
  border-color: var(--line);
  border-radius: var(--radius-card);
  background: #111311;
  box-shadow: inset 2px 0 #9f947b;
}
.risk-banner::after {
  content: "";
  width: 26%;
  background: repeating-linear-gradient(90deg,rgba(183,174,154,.045) 0 1px,transparent 1px 10px);
  opacity: .7;
}
.risk-banner h3 {
  font-size: 15px;
  font-weight: 500;
}
.risk-banner p {
  font-size: 11px;
  line-height: 17px;
  color: #868b87;
}
.fingerprint-wide {
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}
.product-grid {
  gap: 12px;
}
.product-card {
  min-height: 212px;
  padding: 20px;
  border-color: var(--line);
  border-radius: var(--radius-card);
  background: #101211;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
  transition: border-color .2s ease,background .2s ease;
}
.product-card:hover {
  border-color: var(--line2);
  background: #121513;
  transform: none;
}
.product-card::before,.product-card:nth-child(2)::before,.product-card:nth-child(3)::before,.product-card:nth-child(4)::before {
  width: 2px;
  background: #9da49f;
}
.product-card::after {
  color: #656a67;
  font-size: 8px;
}
.product-card>span {
  color: #919692;
  font-size: 10px;
}
.product-card>strong {
  margin-top: 18px;
  font-size: 30px;
  font-weight: 500;
}
.product-card>strong small {
  font-size: 11px;
}
.product-card .rate {
  border-color: var(--line);
}
.product-card .rate span {
  font-size: 10px;
  line-height: 15px;
}
.product-card .rate b {
  font-size: 12px;
  font-weight: 500;
}
.product-card button {
  height: 38px;
  border-color: var(--line2);
  border-radius: var(--radius-control);
  background: #171a19;
  color: #d3d6d1;
  font-size: 11px;
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.segmented {
  border-color: var(--line);
  border-radius: var(--radius-control);
  background: #0b0d0c;
}
.segmented button {
  min-height: 28px;
  border-radius: 4px;
  color: #777c78;
  font-size: 10px;
}
.segmented button.active {
  background: #242826;
  color: #e4e5e0;
}
.data-table th {
  height: 38px;
  color: #747975;
  font-size: 10px;
}
.data-table td {
  height: 58px;
  border-color: var(--line);
  color: #c9ccc7;
  font-size: 11px;
}
.data-table td span {
  font-size: 9px;
}
.table-note {
  font-size: 10px;
  line-height: 16px;
}
.pool-hero {
  border-color: var(--line2);
  border-radius: var(--radius-feature);
  background: linear-gradient(118deg,#121513 0,#0d0f0e 58%,#101211 100%);
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.pool-hero::before {
  background-image: radial-gradient(rgba(210,215,211,.18) .55px,transparent .55px);
  background-size: 11px 11px;
  opacity: .28;
}
.pool-globe {
  border-color: rgba(205,211,207,.32);
  background: radial-gradient(circle at 44% 38%,rgba(190,198,193,.10),#0c0e0d 66%);
  box-shadow: inset 0 0 38px rgba(195,203,198,.055);
  animation: poolFloat 7s ease-in-out infinite;
}
.pool-globe::before,.pool-globe::after {
  border-color: rgba(205,211,207,.20);
}
.pool-globe>i {
  background: #d9ddd8;
  box-shadow: 0 0 6px rgba(217,221,216,.16);
}
.pool-globe strong {
  font-size: 25px;
  font-weight: 500;
  animation: none;
}
.pool-globe span {
  font-size: 10px;
  color: #858b87;
}
.pool-balance>span {
  font-size: 11px;
}
.pool-balance>strong {
  font-size: 35px;
  font-weight: 500;
}
.pool-balance>strong small {
  font-size: 12px;
}
.pool-balance>div span {
  font-size: 10px;
}
.pool-balance>div b {
  font-size: 11px;
}
.pool-rules {
  gap: 8px;
}
.pool-rules>div {
  border-color: var(--line);
  border-radius: 7px;
  background: #0d0f0e;
  box-shadow: none;
}
.pool-rules i {
  color: #9aa09c;
  font-size: 9px;
}
.pool-rules span {
  font-size: 10px;
}
.pool-rules b {
  font-size: 11px;
}
.pool-rules small {
  font-size: 9px;
}
.allocation-list>div,.activity-list>div {
  border-color: var(--line);
}
.allocation-list span,.allocation-list b,.activity-list b,.activity-list strong {
  font-size: 11px;
}
.activity-list small {
  font-size: 9px;
}
.allocation-list em {
  background: #9aa29d;
}
.team-summary {
  gap: 12px;
}
.level-orbit,.team-stat,.upgrade-card,.ops-stats>div {
  border-color: var(--line);
  border-radius: var(--radius-card);
  background: #101211;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.level-orbit {
  align-items: flex-start;
  background: #141716;
}
.level-orbit::before,.level-orbit::after {
  display: none;
}
.level-orbit span,.team-stat span,.upgrade-card span,.ops-stats span {
  font-size: 10px;
}
.level-orbit strong {
  font-size: 35px;
  font-weight: 500;
}
.level-orbit em {
  margin-top: 8px;
  color: #b7ae9a;
  font-size: 10px;
}
.team-stat strong,.ops-stats strong {
  font-size: 22px;
  font-weight: 500;
}
.team-stat em,.upgrade-card em,.ops-stats em {
  font-size: 9px;
}
.upgrade-card strong {
  font-size: 14px;
}
.upgrade-card>i {
  background: #252927;
}
.upgrade-card>i b {
  background: #9ca39e;
}
.level-badge {
  border-color: var(--line2);
  border-radius: 4px;
  background: #171a19;
  color: #d8dad5 !important;
}
.level-table .current {
  background: rgba(183,174,154,.045);
}
.reward-example,.token-visual,.payout-summary,.order-summary,.fee-breakdown,.auto-row {
  border-color: var(--line);
  border-radius: 7px;
  background: #0d0f0e;
}
.reward-example p,.reward-example span,.reward-example b {
  font-size: 10px;
}
.reward-example small {
  font-size: 9px;
  line-height: 15px;
}
.tree-root {
  border-color: var(--line2);
  border-radius: 5px;
  background: #252a28;
}
.tree-line,.tree-children::before,.tree-children span::before {
  background: #464c48;
}
.tree-children span {
  border-color: var(--line);
  border-radius: 5px;
  background: #0e100f;
  font-size: 10px;
}
.tree-children i.online {
  box-shadow: none;
}
.asset-cards {
  gap: 12px;
}
.asset-card,.asset-card:nth-child(2),.asset-card:nth-child(3),.asset-card:nth-child(4),.asset-card.primary {
  border-color: var(--line);
  border-radius: var(--radius-card);
  background: #101211;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.asset-card.primary {
  border-color: var(--line2);
  background: #151817;
}
.asset-card>span {
  font-size: 10px;
}
.asset-card>strong {
  font-size: 27px;
  font-weight: 500;
}
.asset-card>strong small {
  font-size: 10px;
}
.asset-card em {
  border-color: var(--line2);
  border-radius: 4px;
  color: #a8ada9;
  font-size: 9px;
}
.asset-card div span,.asset-card button {
  font-size: 9px;
}
.asset-card button {
  color: #c4c8c3;
}
.token-coin {
  border-color: var(--line2);
  border-radius: 7px;
  background: #202422;
  color: #e8e9e4;
  box-shadow: inset 0 1px rgba(255,255,255,.055);
}
.token-sources i {
  background: #9da49f;
}
.withdraw-flow>div>i,.transaction-list>div>i,.activity-icon {
  border-color: var(--line2);
  border-radius: 5px;
  background: #171a19;
  color: #c2c6c1;
}
.withdraw-flow>div.done>i {
  border-color: #68736c;
  background: #222a25;
  color: #dfe3de;
}
.withdraw-flow>b {
  background: #353a37;
}
.withdraw-flow>div b {
  font-size: 10px;
}
.withdraw-flow>div small {
  font-size: 8px;
}
.transaction-list>div {
  border-color: var(--line);
}
.transaction-list b,.transaction-list strong {
  font-size: 11px;
}
.transaction-list small,.transaction-list em {
  font-size: 9px;
}
.view[data-page="operations"] .panel {
  background: #0f1110;
}
.settings-list label,.config-list>div {
  border-color: var(--line);
}
.settings-list b,.config-list span,.config-list b {
  font-size: 10px;
}
.settings-list small,.config-list em {
  font-size: 9px;
}
.compact-form label>div,.plain-input,.amount-input {
  border-color: var(--line);
  border-radius: var(--radius-control);
  background: #0d0f0e;
}
.compact-form input,.plain-input input {
  font-size: 11px;
}
.compact-form em {
  font-size: 9px;
}
.payout-summary i {
  background: linear-gradient(90deg,#9ba29e var(--w),#242826 0);
}
.toggle {
  background: #292d2b;
  box-shadow: inset 0 0 0 1px var(--line2);
}
.modal-layer {
  background: rgba(4,5,5,.78);
  backdrop-filter: blur(12px);
}
.modal {
  border-color: var(--line2);
  border-radius: var(--radius-modal);
  background: #111312;
  box-shadow: 0 28px 80px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.035);
}
.modal-close,.wallet-choice,.answer-list button,.cycle-picker button {
  border-color: var(--line);
  border-radius: var(--radius-control);
  background: #171a19;
}
.wallet-choice:hover {
  border-color: var(--line2);
  background: #1b1f1d;
}
.answer-list button.selected,.cycle-picker button.active {
  border-color: #747c77;
  background: #252a28;
  color: var(--text);
}
.answer-list button.selected i {
  border-color: #9ea59f;
  background: #3b433e;
}
.risk-progress {
  background: #252927;
}
.risk-progress i {
  background: #b7ae9a;
}
.toast {
  border-color: var(--line2);
  border-radius: 8px;
  background: rgba(16,18,17,.97);
  box-shadow: 0 18px 45px rgba(0,0,0,.42);
}
.toast i {
  border-color: var(--line2);
  border-radius: 5px;
  color: #d3d6d1;
}
.up {
  color: var(--green) !important;
}
.down {
  color: var(--red) !important;
}
.warning-text {
  color: var(--orange) !important;
}
button:focus-visible,a:focus-visible,input:focus-visible {
  outline: 1px solid #737c76;
  outline-offset: 2px;
}
.nav-item:focus-visible,.admin-entry:focus-visible {
  outline: 1px solid rgba(183,174,154,.34);
  outline-offset: -2px;
}
@keyframes poolValueGlow {
  0%,100% {
    text-shadow: none;
  }
  50% {
    text-shadow: none;
  }
}
@keyframes poolBreath {
  0%,100% {
    box-shadow: inset 0 0 38px rgba(195,203,198,.05);
  }
  50% {
    box-shadow: inset 0 0 44px rgba(195,203,198,.075);
  }
}
@media (max-width:1200px) {
  .stats-grid {
    gap: 1px;
  }
  .metric-card {
    border-radius: 0 !important;
  }
  .pool-hero {
    background: #101211;
  }
}
@media (max-width:640px) {
  body {
    background: #070808;
  }
  .app-shell {
    background: #080909;
  }
  .workspace {
    padding-bottom: 79px;
  }
  .topbar {
    height: 61px;
    padding: 0 15px;
  }
  .mobile-brand b {
    font-size: 14px;
    font-weight: 520;
  }
  .mobile-brand .brand-mark {
    width: 24px;
    height: 24px;
  }
  .wallet-button {
    height: 36px;
    min-width: 106px;
    font-size: 11px;
  }
  .market-ticker {
    top: 61px;
    height: 36px;
  }
  .ticker-source {
    font-size: 10px;
  }
  .main {
    min-height: calc(100vh - 97px);
    padding: 22px 15px 24px;
    background: #090a0a;
  }
  .page-head h2 {
    font-size: 25px;
    line-height: 31px;
  }
  .page-head p {
    font-size: 12px;
    line-height: 19px;
  }
  .kicker {
    font-size: 9px;
  }
  .stats-grid {
    margin-top: 20px;
    gap: 1px;
    border-radius: 10px;
  }
  .metric-card,.metric-card:nth-child(1),.metric-card:nth-child(2),.metric-card:nth-child(3),.metric-card:nth-child(4),.hero-metric,.settlement-card {
    min-height: 132px;
    padding: 17px;
    border-radius: 0 !important;
  }
  .hero-metric {
    min-height: 150px;
  }
  .metric-card>span {
    font-size: 10px;
  }
  .metric-card>strong {
    font-size: 21px;
    line-height: 27px;
  }
  .metric-card::after {
    right: 16px;
    top: 17px;
    width: 16px;
  }
  .settlement-date strong {
    font-size: 20px;
  }
  .settlement-date em {
    font-size: 8px;
  }
  .settlement-foot {
    left: 17px;
    right: 17px;
    bottom: 15px;
  }
  .settlement-foot>span {
    font-size: 9px;
  }
  .panel {
    padding: 18px;
    border-radius: 8px;
  }
  .panel-head h3 {
    font-size: 15px;
  }
  .section-label {
    font-size: 9px;
  }
  .content-grid,.two-columns {
    gap: 10px;
  }
  .order-row {
    min-height: 70px;
  }
  .order-row strong,.order-row b {
    font-size: 11px;
  }
  .order-row span,.order-row small {
    font-size: 9px;
  }
  .risk-banner {
    border-radius: 8px;
  }
  .risk-banner h3 {
    font-size: 14px;
  }
  .risk-banner p {
    font-size: 10px;
    line-height: 16px;
  }
  .product-grid {
    gap: 9px;
  }
  .product-card {
    min-height: 244px;
    padding: 16px;
    border-radius: 8px;
  }
  .product-card>strong {
    font-size: 27px;
  }
  .product-card button {
    min-height: 40px;
    font-size: 10px;
  }
  .pool-hero {
    padding: 20px;
    border-radius: 10px;
  }
  .pool-rules>div {
    min-height: 88px;
  }
  .pool-rules span {
    font-size: 10px;
  }
  .pool-rules b {
    font-size: 11px;
  }
  .asset-card,.asset-card.primary,.team-stat,.level-orbit,.upgrade-card,.ops-stats>div {
    border-radius: 8px;
  }
  .asset-card>strong {
    font-size: 21px;
  }
  .asset-card>span {
    font-size: 10px;
  }
  .mobile-nav {
    left: 8px;
    right: 8px;
    bottom: 8px;
    height: 64px;
    padding: 5px 7px;
    border: 1px solid var(--line2);
    border-radius: 10px;
    background: rgba(12,14,13,.975);
    box-shadow: 0 18px 38px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.025);
    backdrop-filter: blur(15px);
  }
  .mobile-nav button {
    position: relative;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #747975;
  }
  .mobile-nav button::after {
    display: none;
  }
  .mobile-nav button::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -5px;
    width: 20px;
    height: 1px;
    background: #b7ae9a;
    opacity: 0;
    transform: translateX(-50%);
  }
  .mobile-nav button.active {
    color: #eceee9;
    background: transparent;
  }
  .mobile-nav button.active::before {
    opacity: 1;
  }
  .mobile-nav button.active svg {
    transform: none;
  }
  .mobile-nav button:focus-visible {
    outline: 1px solid rgba(183,174,154,.28);
    outline-offset: -3px;
  }
  .mobile-nav svg {
    width: 20px;
    height: 20px;
  }
  .mobile-nav span {
    margin-top: 4px;
    font-size: 9px;
    line-height: 11px;
    font-weight: 450;
  }
  .modal {
    padding: 22px;
    border-radius: 12px;
  }
  .modal-layer {
    padding: 9px;
  }
  .button {
    min-height: 44px;
    font-size: 12px;
  }
  .toast {
    border-radius: 7px;
  }
}
:root {
  --bg: #ddd9d0;
  --deep: #eeece6;
  --panel: #f8f7f3;
  --panel2: #fbfaf7;
  --panel3: #ece9e2;
  --line: #d2cec4;
  --line2: #b7b1a5;
  --text: #171b19;
  --muted: #5d645f;
  --faint: #838983;
  --accent: #9b8765;
  --accent2: #24362f;
  --accent3: #e6e1d8;
  --green: #246847;
  --red: #98434d;
  --orange: #806022
;
}
html {
  color-scheme: light;
  background: #ddd9d0;
}
body {
  color: var(--text);
  background: linear-gradient(180deg,#ddd9d0 0,#e6e2da 100%);
}
.app-noise {
  opacity: .022;
  mix-blend-mode: multiply;
}
.app-progress {
  background: #24362f;
  box-shadow: none;
}
.app-shell {
  border-color: #c8c3b9;
  background: #eeece6;
  box-shadow: 0 24px 70px rgba(41,43,39,.11),0 2px 7px rgba(41,43,39,.06);
}
.sidebar {
  border-color: #cec9bf;
  background: #e5e2da;
}
.brand-word {
  color: var(--text);
}
.brand-mark::before,.brand-mark::after {
  border-color: #827c70;
}
.brand-mark::after {
  border-color: #b3a991;
}
.brand-mark i {
  background: #24362f;
}
.nav-item,.admin-entry {
  color: #747b75;
}
.nav-item:hover,.admin-entry:hover {
  color: #202521;
  background: #dedbd3;
}
.nav-item.active {
  color: #18201c;
  background: #f3f1ec;
  box-shadow: inset 0 0 0 1px rgba(113,107,95,.09);
}
.nav-item::before,.admin-entry::before {
  background: #9b8765;
}
.nav-icon {
  color: currentColor;
}
.admin-entry {
  border-color: #cbc6bc;
  color: #676e68;
}
.admin-entry em {
  border-color: #bdb7ac;
  color: #676f69;
  background: #ebe8e1;
}
.biometric-mini {
  border-color: #cbc6bc;
  background: #efede7;
  box-shadow: inset 0 1px rgba(255,255,255,.72);
}
.fingerprint-mini,.fingerprint-wide {
  border-color: #afa89c;
  background: #e5e1d8;
  box-shadow: inset 0 1px rgba(255,255,255,.82);
}
.fingerprint-mini svg,.fingerprint-wide svg {
  stroke: #24362f;
}
.fingerprint-mini i,.fingerprint-wide i {
  background: #9b8765;
  box-shadow: 0 0 6px rgba(155,135,101,.23);
}
.biometric-mini span {
  color: #7b827c;
}
.topbar {
  border-color: #d1ccc2;
  background: rgba(248,247,243,.94);
  box-shadow: 0 1px rgba(255,255,255,.65);
  backdrop-filter: blur(16px);
}
.eyebrow {
  color: #777e78;
}
.topbar h1 {
  color: var(--text);
}
.network-pill,.icon-button {
  border-color: #cec9bf;
  background: #f5f3ee;
  color: #555d57;
  box-shadow: inset 0 1px rgba(255,255,255,.82);
}
.network-pill i {
  background: var(--green);
}
.notice-dot {
  background: var(--red);
}
.wallet-button {
  border-color: #aaa499;
  background: #f8f7f3;
  color: #1f2a25;
  box-shadow: inset 0 1px rgba(255,255,255,.85),0 2px 5px rgba(45,48,43,.08);
}
.wallet-button:hover {
  border-color: #8f887d;
  background: #fffefb;
}
.market-ticker {
  border-color: #d1ccc2;
  background: #ebe8e1;
}
.ticker-source {
  border-color: #d1ccc2;
  color: #525b55;
}
.ticker-source i {
  background: #9b8765;
}
.ticker-item {
  border-color: #d4cfc5;
  color: #252a27;
}
.ticker-item b {
  color: #747b75;
}
.freshness {
  color: #7b827c;
}
.main {
  background: #f1efe9;
}
.page-head h2 {
  color: #171b19;
}
.page-head p {
  color: #626964;
}
.kicker {
  border-color: #bdb7ac;
  background: #ece8df;
  color: #4f574f;
  box-shadow: none;
}
.section-label {
  color: #767d77;
}
.section-label b {
  color: #4f5751;
}
.text-button {
  color: #4e665b;
}
.text-button:hover {
  color: #171b19;
}
.button,.button.secondary,.button.ghost {
  border-color: #bdb7ac;
  background: #f5f3ee;
  color: #26312b;
  box-shadow: inset 0 1px rgba(255,255,255,.86),0 2px 5px rgba(45,48,43,.06);
}
.button.primary {
  border-color: #24362f;
  background: #24362f;
  color: #f8f6f0;
  box-shadow: inset 0 1px rgba(255,255,255,.09),0 5px 12px rgba(36,54,47,.14);
}
.button.ghost {
  background: transparent;
  box-shadow: none;
}
.button:hover,.button.secondary:hover,.button.ghost:hover {
  border-color: #979085;
  background: #fffefb;
}
.button.primary:hover {
  border-color: #1c2c26;
  background: #1c2c26;
}
.status-chip {
  border-color: #c8c3ba;
  background: #eceae4;
  color: #5e655f;
}
.status-chip.demo {
  border-color: #cbc7be;
  background: #eeece6;
  color: #666d67;
}
.status-chip.success {
  border-color: #bdd4c5;
  background: #e7f0ea;
  color: var(--green);
}
.status-chip.warning {
  border-color: #ddcba6;
  background: #f3eddf;
  color: var(--orange);
}
.panel {
  border-color: #d2cec4;
  background: #f8f7f3;
  box-shadow: inset 0 1px rgba(255,255,255,.78);
  color: var(--text);
}
.panel::before {
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);
  opacity: 1;
}
.panel:hover {
  border-color: #bcb6aa;
}
.panel-head h3 {
  color: #202521;
}
.stats-grid {
  border-color: #d2cec4;
  background: #d2cec4;
  box-shadow: inset 0 1px rgba(255,255,255,.7);
}
.metric-card,.metric-card:nth-child(1),.metric-card:nth-child(2),.metric-card:nth-child(3),.metric-card:nth-child(4),.hero-metric,.settlement-card {
  border: 0 !important;
  border-radius: 0 !important;
  background: #f8f7f3;
  color: #171b19;
  box-shadow: none;
}
.metric-card:nth-child(1),.hero-metric {
  background: #fbfaf7;
}
.metric-card::after {
  background: #a59e91;
}
.metric-card>span {
  color: #737a74;
}
.metric-card small {
  color: #7b827c;
}
.spark-line {
  stroke: #59625d;
  filter: none;
}
.spark-area {
  opacity: .17;
}
.settlement-date em {
  border-color: #bbb5aa;
  color: #656c66;
  background: #efede7;
}
.settlement-foot>span {
  color: #777e78;
}
.day-progress {
  background: #d9d5cc;
}
.day-progress b {
  background: #9b8765;
}
.strategy-status {
  border-color: #d2cec4;
  background: #f4f2ed;
}
.strategy-status::after {
  display: none;
}
.order-row {
  border-color: #ddd8cf;
}
.order-row span,.order-row small {
  color: #747b75;
}
.asset-token {
  border-color: #bdb7ac;
  background: #e8e5de;
  color: #29322d;
  box-shadow: inset 0 1px rgba(255,255,255,.78);
}
.progress-cell>span {
  background: #dedad1;
}
.progress-cell i {
  background: #51655b;
}
.progress-cell em {
  color: #767d77;
}
.switch {
  color: #69706a;
}
.switch>i,.toggle {
  background: #cfcbc2;
  box-shadow: inset 0 0 0 1px #bbb5aa;
}
.switch>i::after,.toggle::before {
  background: #f8f7f3;
  box-shadow: 0 1px 2px rgba(40,44,40,.18);
}
.switch input:checked+i,.toggle:checked {
  background: #435a50;
}
.switch input:checked+i::after,.toggle:checked::before {
  background: #fffefb;
  box-shadow: none;
}
.market-snapshot {
  border-color: #d2cec4;
  background: #f4f2ed;
}
.market-reading span,.market-reading small,.market-scale,.market-source-row {
  color: #747b75;
}
.market-meter {
  border-color: #d4cfc5;
  background: #ddd9d0;
}
.market-meter i {
  background: #66766e;
}
.market-meter b {
  background: #24362f;
}
.market-snapshot .signal-pairs {
  border-color: #d4cfc5;
}
.signal-pairs span {
  color: #747b75;
}
.signal-pairs b {
  color: #28302c;
}
.market-source-row em {
  color: #59625d;
}
.route-card {
  border-color: #d2cec4;
  background: #f5f3ee;
}
.route-copy p {
  color: #69706a;
}
.route-flow>b {
  background: #bbb7ae;
}
.route-node i {
  border-color: #c6c0b6;
  background: #ebe8e1;
  color: #56635c;
}
.route-node.done i {
  border-color: #9fa9a2;
  background: #e0e7e2;
  color: #264638;
}
.route-node.active i {
  border-color: #24362f;
  background: #24362f;
  color: #f8f6f0;
}
.route-node span {
  color: #747b75;
}
.risk-banner {
  border-color: #d5c9b4;
  background: #f3eddf;
  box-shadow: inset 2px 0 #9b8765;
}
.risk-banner h3 {
  color: #332e25;
}
.risk-banner p {
  color: #766b58;
}
.risk-banner::after {
  background: repeating-linear-gradient(90deg,rgba(128,96,34,.045) 0 1px,transparent 1px 10px);
}
.product-card,.product-card:nth-child(1),.product-card:nth-child(2),.product-card:nth-child(3),.product-card:nth-child(4) {
  border-color: #d2cec4;
  background: #f8f7f3;
  box-shadow: inset 0 1px rgba(255,255,255,.78);
}
.product-card:hover {
  border-color: #aca599;
  background: #fbfaf7;
}
.product-card::before,.product-card:nth-child(2)::before,.product-card:nth-child(3)::before,.product-card:nth-child(4)::before {
  background: #9b8765;
}
.product-card::after {
  color: #888e88;
}
.product-card>span,.product-card .rate span {
  color: #767d77;
}
.product-card .rate {
  border-color: #d8d3ca;
}
.product-card button {
  border-color: #bdb7ac;
  background: #eeece6;
  color: #28322d;
  box-shadow: inset 0 1px rgba(255,255,255,.78);
}
.product-card button:hover {
  border-color: #8e887d;
  background: #f9f8f4;
}
.segmented {
  border-color: #c9c4ba;
  background: #ece9e2;
}
.segmented button {
  color: #737a74;
}
.segmented button.active {
  background: #f8f7f3;
  color: #24362f;
  box-shadow: 0 1px 3px rgba(42,46,42,.09);
}
.data-table th {
  color: #737a74;
}
.data-table td {
  border-color: #ddd8cf;
  color: #303632;
}
.data-table td span {
  color: #767d77;
}
.table-note {
  color: #747b75;
}
.pool-hero {
  border-color: #b9c2bc;
  background: #e7ece8;
  box-shadow: inset 0 1px rgba(255,255,255,.72);
}
.pool-hero::before {
  background-image: radial-gradient(rgba(57,78,67,.2) .55px,transparent .55px);
  opacity: .18;
}
.pool-globe {
  border-color: #aab4ae;
  background: radial-gradient(circle at 44% 38%,#fffefb 0,#e3e8e3 70%);
  box-shadow: inset 0 0 34px rgba(49,75,62,.08);
  animation: none;
}
.pool-globe::before,.pool-globe::after {
  border-color: rgba(65,87,75,.28);
}
.pool-globe>i {
  background: #315a49;
  box-shadow: none;
}
.pool-globe strong {
  color: #18231e;
}
.pool-globe span {
  color: #647169;
}
.pool-balance>span {
  color: #667169;
}
.pool-balance>strong,.pool-balance>div b {
  color: #18231e;
}
.pool-balance>div span {
  color: #6c766f;
}
.pool-rules>div {
  border-color: #cad2cd;
  background: #f2f4f0;
}
.pool-rules i {
  color: #577064;
}
.pool-rules span,.pool-rules small {
  color: #707a73;
}
.pool-rules b {
  color: #27312c;
}
.allocation-list>div,.activity-list>div {
  border-color: #ddd8cf;
}
.allocation-list em {
  background: #596c62;
}
.level-orbit,.team-stat,.upgrade-card,.ops-stats>div {
  border-color: #d2cec4;
  background: #f8f7f3;
  box-shadow: inset 0 1px rgba(255,255,255,.78);
}
.level-orbit {
  background: #f0eee8;
}
.level-orbit em {
  color: #806f51;
}
.team-stat em,.upgrade-card em,.ops-stats em {
  color: #7a817b;
}
.upgrade-card>i {
  background: #d9d5cc;
}
.upgrade-card>i b {
  background: #50655b;
}
.level-badge {
  border-color: #bdb7ac;
  background: #ebe8e1;
  color: #28322d !important;
}
.level-table .current {
  background: #f1ece2;
}
.reward-example,.token-visual,.payout-summary,.order-summary,.fee-breakdown,.auto-row {
  border-color: #d2cec4;
  background: #f0eee8;
  color: #202521;
}
.fee-breakdown strong,.fee-breakdown b,.order-summary b,.auto-row b {
  color: #202521;
}
.tree-root {
  border-color: #aeb7b1;
  background: #e1e7e3;
  color: #234136;
}
.tree-line,.tree-children::before,.tree-children span::before {
  background: #b6bdb8;
}
.tree-children span {
  border-color: #d2cec4;
  background: #f8f7f3;
  color: #3d4540;
}
.asset-card,.asset-card:nth-child(2),.asset-card:nth-child(3),.asset-card:nth-child(4),.asset-card.primary {
  border-color: #d2cec4;
  background: #f8f7f3;
  box-shadow: inset 0 1px rgba(255,255,255,.78);
}
.asset-card.primary {
  border-color: #b9c2bc;
  background: #f2f5f1;
}
.asset-card>span {
  color: #6f7771;
}
.asset-card em {
  border-color: #bdb7ac;
  color: #59615c;
  background: #ebe8e1;
}
.asset-card div span {
  color: #747b75;
}
.asset-card button {
  color: #33433b;
}
.token-coin {
  border-color: #9eadA4;
  background: #dfe7e2;
  color: #21382e;
  box-shadow: inset 0 1px rgba(255,255,255,.75);
}
.token-sources i {
  background: #596c62;
}
.withdraw-flow>div>i,.transaction-list>div>i,.activity-icon {
  border-color: #bdb7ac;
  background: #ebe8e1;
  color: #445149;
}
.withdraw-flow>div.done>i {
  border-color: #9eb3a6;
  background: #e3ede7;
  color: #246847;
}
.withdraw-flow>b {
  background: #c9c5bd;
}
.transaction-list>div {
  border-color: #ddd8cf;
}
.view[data-page="operations"] .panel {
  background: #f8f7f3;
}
.settings-list label,.config-list>div {
  border-color: #ddd8cf;
}
.compact-form label>div,.plain-input,.amount-input {
  border-color: #c6c0b6;
  background: #f4f2ed;
}
.compact-form input,.plain-input input,.amount-input input {
  color: #171b19;
}
.compact-form em {
  color: #767d77;
}
.amount-input button {
  border-color: #b9b3a8;
  background: #e8e5de;
  color: #28322d;
}
.payout-summary i {
  background: linear-gradient(90deg,#596c62 var(--w),#d9d5cc 0);
}
input::placeholder {
  color: #979c97;
}
.modal-layer {
  background: rgba(33,36,33,.36);
  backdrop-filter: blur(10px);
}
.modal {
  border-color: #bdb7ac;
  background: #f8f7f3;
  box-shadow: 0 28px 70px rgba(39,42,38,.18),inset 0 1px rgba(255,255,255,.85);
  color: #171b19;
}
.modal-close,.wallet-choice,.answer-list button,.cycle-picker button {
  border-color: #d0cbc1;
  background: #efede7;
  color: #303731;
}
.wallet-choice:hover {
  border-color: #aaa499;
  background: #f8f7f3;
}
.answer-list button.selected,.cycle-picker button.active {
  border-color: #79877f;
  background: #e1e8e3;
  color: #1f352b;
}
.answer-list button.selected i {
  border-color: #64786d;
  background: #cedbd3;
}
.risk-progress {
  background: #d9d5cc;
}
.risk-progress i {
  background: #9b8765;
}
.toast {
  border-color: #bdb7ac;
  background: rgba(248,247,243,.98);
  box-shadow: 0 18px 42px rgba(42,45,41,.16);
  color: #222824;
}
.toast i {
  border-color: #bdb7ac;
  color: #33413a;
  background: #ece9e2;
}
.up {
  color: var(--green) !important;
}
.down {
  color: var(--red) !important;
}
.warning-text {
  color: var(--orange) !important;
}
button:focus-visible,a:focus-visible,input:focus-visible {
  outline-color: #52665c;
}
.nav-item:focus-visible,.admin-entry:focus-visible {
  outline-color: rgba(89,108,98,.45);
}
@keyframes poolBreath {
  0%,100% {
    box-shadow: inset 0 0 34px rgba(49,75,62,.07);
  }
  50% {
    box-shadow: inset 0 0 38px rgba(49,75,62,.10);
  }
}
@media (max-width:1200px) {
  .pool-hero {
    background: #e7ece8;
  }
}
@media (max-width:640px) {
  body {
    background: #ddd9d0;
  }
  .app-shell {
    background: #eeece6;
  }
  .workspace {
    padding-bottom: calc(72px + env(safe-area-inset-bottom));
  }
  .topbar {
    background: rgba(248,247,243,.96);
  }
  .market-ticker {
    background: #ebe8e1;
  }
  .main {
    background: #f1efe9;
  }
  .mobile-nav {
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(64px + env(safe-area-inset-bottom));
    padding: 5px 8px env(safe-area-inset-bottom);
    border: 0;
    border-top: 1px solid #cec9bf;
    border-radius: 0;
    background: rgba(249,248,244,.97);
    box-shadow: 0 -8px 24px rgba(30,36,32,.055);
    backdrop-filter: blur(16px);
  }
  .mobile-nav button {
    color: #7b817d;
    background: transparent;
  }
  .mobile-nav button::before {
    height: 2px;
    background: #9b8765;
  }
  .mobile-nav button.active {
    color: #24362f;
    background: transparent;
  }
  .modal-layer {
    background: rgba(33,36,33,.32);
  }
}
:root {
  --bg: #02050b;
  --deep: #050815;
  --panel: rgba(10,16,31,.72);
  --panel2: rgba(14,23,42,.78);
  --panel3: #101a30;
  --line: rgba(129,157,215,.16);
  --line2: rgba(125,177,255,.30);
  --text: #f3f7ff;
  --muted: #97a6bd;
  --faint: #5f6d84;
  --accent: #2de2c2;
  --accent2: #536dff;
  --accent3: #0a2334;
  --green: #33d69f;
  --red: #ff6078;
  --orange: #f2c66d;
  --gold: #f2c66d;
  --radius-control: 8px;
  --radius-card: 14px;
  --radius-feature: 20px;
  --radius-modal: 18px
;
}
html {
  color-scheme: dark;
  background: #02050b;
}
body {
  background: #02050b;
  font-family: Inter,Geist,"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.app-noise {
  display: block;
  opacity: .22;
  mix-blend-mode: screen;
  background-image: radial-gradient(circle,rgba(90,224,240,.55) 0 1px,transparent 1.25px),radial-gradient(circle,rgba(118,130,255,.45) 0 .8px,transparent 1.1px);
  background-size: 53px 53px,89px 89px;
  background-position: 0 0,24px 31px;
  animation: starDrift 52s linear infinite;
}
.app-progress {
  height: 2px;
  background: linear-gradient(90deg,#2de2c2,#42cbf5,#536dff);
  box-shadow: 0 0 14px rgba(66,203,245,.7);
}
.app-shell {
  width: 100%;
  min-height: 100vh;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: rgba(2,5,11,.84);
  box-shadow: none;
}
.sidebar {
  height: 100vh;
  border-color: rgba(129,157,215,.14);
  background: linear-gradient(180deg,rgba(7,11,22,.96),rgba(2,5,11,.99));
  box-shadow: inset -1px 0 rgba(83,109,255,.05);
}
.brand-mark::before {
  border-color: #2de2c2;
  box-shadow: 0 0 12px rgba(45,226,194,.24);
}
.brand-mark::after {
  border-color: #536dff;
  box-shadow: 0 0 12px rgba(83,109,255,.2);
}
.brand-mark i {
  background: #eaffff;
  box-shadow: 0 0 8px #2de2c2;
}
.nav-item,.admin-entry {
  color: #718098;
}
.nav-item:hover,.admin-entry:hover {
  color: #dfeaff;
  background: rgba(18,30,54,.55);
}
.nav-item.active {
  color: #f2fbff;
  border: 1px solid rgba(91,205,239,.16);
  background: linear-gradient(90deg,rgba(45,226,194,.10),rgba(83,109,255,.08));
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.nav-item::before,.admin-entry::before {
  width: 2px;
  background: linear-gradient(180deg,#2de2c2,#536dff);
  box-shadow: 0 0 9px rgba(45,226,194,.45);
}
.live-dot {
  background: #33d69f;
  animation: sysPulse 1.8s ease-in-out infinite;
}
.admin-entry {
  border-color: rgba(129,157,215,.18);
  background: rgba(10,16,31,.48);
}
.admin-entry em {
  border-color: rgba(125,177,255,.24);
  background: rgba(83,109,255,.08);
  color: #9eb2d0;
}
.biometric-mini {
  border-color: rgba(129,157,215,.18);
  background: rgba(10,16,31,.58);
  backdrop-filter: blur(14px);
}
.fingerprint-mini,.fingerprint-wide {
  border-color: rgba(66,203,245,.34);
  background: linear-gradient(180deg,rgba(17,46,66,.8),rgba(11,18,39,.92));
  box-shadow: inset 0 1px rgba(255,255,255,.05),0 0 18px rgba(66,203,245,.08);
}
.fingerprint-mini svg,.fingerprint-wide svg {
  stroke: #8ef4ea;
}
.fingerprint-mini i,.fingerprint-wide i {
  background: #62e7f0;
  box-shadow: 0 0 10px 2px rgba(66,203,245,.45);
}
.topbar {
  height: 68px;
  border-color: rgba(129,157,215,.14);
  background: rgba(4,8,18,.86);
  box-shadow: inset 0 -1px rgba(83,109,255,.04);
  backdrop-filter: blur(20px) saturate(140%);
}
.eyebrow {
  color: #45dcca;
}
.sys-strip {
  height: 28px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  gap: 0;
  border-bottom: 1px solid rgba(129,157,215,.14);
  background: rgba(6,11,23,.88);
  overflow: auto;
  color: #718098;
  font: 600 9px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
  letter-spacing: .065em;
  white-space: nowrap;
  scrollbar-width: none;
}
.sys-strip::-webkit-scrollbar {
  display: none;
}
.sys-item {
  height: 100%;
  padding: 0 12px;
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(129,157,215,.12);
}
.sys-item:first-child {
  padding-left: 0;
  color: #33d69f;
}
.sys-item[data-state="live"] {
  color: #33d69f;
}
.sys-item[data-state="demo"] {
  color: #f2c66d;
}
.sys-dot {
  width: 5px;
  height: 5px;
  margin-right: 6px;
  border-radius: 50%;
  background: #33d69f;
  animation: sysPulse 1.8s ease-in-out infinite;
}
.network-pill,.icon-button {
  border-color: rgba(129,157,215,.20);
  background: rgba(12,20,38,.68);
  color: #a7b8cf;
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}
.wallet-button {
  border-color: rgba(205,244,255,.28);
  background: linear-gradient(105deg,#25d8b7 0,#38bfea 48%,#536dff 100%);
  color: #041019;
  box-shadow: 0 10px 28px rgba(61,100,255,.24),inset 0 1px rgba(255,255,255,.24);
  font-weight: 650;
}
.wallet-button:hover {
  border-color: rgba(225,251,255,.46);
  background: linear-gradient(105deg,#31e6c5 0,#43cbf3 48%,#6179ff 100%);
  filter: brightness(1.04);
}
.market-ticker {
  position: relative;
  border-color: rgba(129,157,215,.14);
  background: rgba(3,7,15,.92);
}
.market-ticker::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg,transparent,#2de2c2,#536dff,transparent);
  opacity: .42;
  transform: translateX(-100%);
  animation: sysScan 7s linear infinite;
  pointer-events: none;
}
.ticker-source,.ticker-item {
  border-color: rgba(129,157,215,.13);
}
.ticker-source {
  color: #8ea0ba;
}
.ticker-source i {
  background: #f2c66d;
  box-shadow: 0 0 8px rgba(242,198,109,.35);
}
.ticker-source[data-state="live"] i {
  background: #33d69f;
  box-shadow: 0 0 8px rgba(51,214,159,.35);
  animation: sysPulse 1.8s ease-in-out infinite;
}
.ticker-item {
  color: #dce8f6;
}
.ticker-item strong {
  color: #e7f0fb;
}
.ticker-item b,.freshness {
  color: #718098;
}
.ticker-track {
  animation-duration: 28s;
}
.main {
  position: relative;
  isolation: isolate;
  min-height: calc(100vh - 134px);
  background: radial-gradient(circle at 8% -4%,rgba(28,203,184,.14),transparent 28%),radial-gradient(circle at 92% -8%,rgba(83,109,255,.17),transparent 31%),#02050b;
}
.main::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image: radial-gradient(circle,rgba(103,218,241,.30) 0 .7px,transparent 1px),radial-gradient(circle,rgba(126,140,255,.26) 0 .7px,transparent 1px);
  background-size: 53px 53px,89px 89px;
  background-position: 0 0,24px 31px;
  opacity: .22;
  animation: starDrift 58s linear infinite;
}
.main::after {
  display: none;
}
.meteor-field {
  position: absolute;
  inset: 0 0 auto;
  z-index: 0;
  height: min(720px,100vh);
  overflow: hidden;
  pointer-events: none;
  mix-blend-mode: screen;
  mask-image: linear-gradient(180deg,#000 0,#000 72%,transparent 100%);
}
.meteor-field i {
  position: absolute;
  left: 8%;
  top: 5%;
  width: 220px;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg,transparent 0,rgba(110,235,255,.10) 28%,rgba(110,235,255,.28) 72%,rgba(156,178,255,.62) 100%);
  filter: drop-shadow(0 0 5px rgba(104,226,255,.28));
  opacity: 0;
  transform-origin: right center;
  will-change: transform,opacity;
  animation: meteorFlight 16s linear infinite;
}
.meteor-field i::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #eaffff;
  box-shadow: 0 0 9px 2px rgba(111,235,255,.48);
  transform: translateY(-50%);
}
.meteor-field i:nth-child(2) {
  left: 54%;
  top: 2%;
  width: 155px;
  filter: drop-shadow(0 0 4px rgba(128,154,255,.22));
  animation-duration: 23s;
  animation-delay: 8s;
}
.view {
  position: relative;
  z-index: 1;
}
.eyebrow,.kicker,.section-label,.ticker-source,.freshness,.status-chip,.product-card>span,.product-card::after,.pool-rules i,.route-node i,.admin-entry em,.data-table th {
  font-family: "Geist Mono","SFMono-Regular",Consolas,monospace;
  font-variant-numeric: tabular-nums lining-nums;
}
.kicker {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #45dcca;
  box-shadow: none;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .08em;
}
.section-label {
  color: #718098;
  font-size: 9px;
}
.section-label::before {
  content: "// ";
  color: #45dcca;
}
.section-label b {
  color: #a2b3cc;
}
.page-head h2,.panel-head h3 {
  color: #f3f7ff;
}
.page-head p,.route-copy p,.market-source-row em,.activity-list small,.reward-example small,.transaction-list small,.asset-card>span,.legal-note,.wallet-choice em,.auto-row small,.payout-summary em,.config-list em {
  color: #91a3bc;
}
.text-button {
  color: #65dce9;
}
.text-button:hover {
  color: #d5fbff;
}
.button,.button.secondary,.button.ghost {
  border-color: rgba(125,177,255,.30);
  border-radius: 8px;
  background: rgba(12,20,38,.74);
  color: #dce8f6;
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.button.primary {
  min-height: 42px;
  border-color: rgba(205,244,255,.34);
  background: linear-gradient(105deg,#2de2c2 0,#42cbf5 48%,#7388ff 100%);
  color: #041019;
  box-shadow: inset 0 1px rgba(255,255,255,.28),0 10px 28px rgba(61,100,255,.25);
  font-weight: 650;
}
.button.primary::after {
  display: block;
  left: -150%;
  top: 0;
  width: 70%;
  height: 100%;
  background: linear-gradient(105deg,transparent,rgba(255,255,255,.34),transparent);
  transform: skewX(-18deg);
  transition: transform .45s ease;
}
.button.primary:hover::after {
  transform: translateX(430%) skewX(-18deg);
}
.button:hover,.button.secondary:hover,.button.ghost:hover {
  border-color: rgba(105,221,244,.42);
  background: rgba(18,29,52,.82);
}
.button.primary:hover {
  border-color: rgba(225,251,255,.46);
  background: linear-gradient(105deg,#2de2c2 0,#42cbf5 48%,#7388ff 100%);
  filter: brightness(1.06);
  transform: translateY(-1px);
}
.button.primary:active {
  transform: translateY(1px);
}
.status-chip {
  min-height: 22px;
  border-color: rgba(147,164,189,.18);
  border-radius: 4px;
  background: rgba(147,164,189,.08);
  color: #aab8cc;
}
.status-chip.demo {
  border-color: rgba(242,198,109,.28);
  background: rgba(242,198,109,.10);
  color: #f2c66d;
}
.status-chip.success {
  border-color: rgba(51,214,159,.28);
  background: rgba(51,214,159,.10);
  color: #45dfa9;
}
.status-chip.warning {
  border-color: rgba(242,198,109,.30);
  background: rgba(242,198,109,.10);
  color: #f2c66d;
}
.panel {
  border-color: rgba(129,157,215,.16);
  border-radius: 14px;
  background: linear-gradient(145deg,rgba(15,24,44,.80),rgba(7,12,25,.68));
  box-shadow: inset 0 1px rgba(255,255,255,.055),0 18px 42px rgba(0,0,0,.28);
  backdrop-filter: blur(18px) saturate(125%);
}
.panel::before {
  background: linear-gradient(90deg,transparent,rgba(84,220,237,.11),transparent);
}
.panel:hover {
  border-color: rgba(125,177,255,.30);
}
.stats-grid {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  gap: 12px;
  overflow: visible;
}
.metric-card,.metric-card:nth-child(1),.metric-card:nth-child(2),.metric-card:nth-child(3),.metric-card:nth-child(4),.hero-metric,.settlement-card {
  border: 1px solid rgba(129,157,215,.16) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg,rgba(15,24,44,.80),rgba(7,12,25,.68));
  box-shadow: inset 0 1px rgba(255,255,255,.055),0 18px 42px rgba(0,0,0,.26);
  backdrop-filter: blur(18px) saturate(125%);
}
.metric-card:nth-child(1),.hero-metric {
  background: radial-gradient(circle at 12% 20%,rgba(45,226,194,.10),transparent 38%),linear-gradient(145deg,rgba(15,24,44,.84),rgba(7,12,25,.72));
}
.metric-card::after {
  background: #42cbf5;
  box-shadow: 0 0 10px rgba(66,203,245,.42);
}
.metric-card>span,.metric-card small {
  color: #97a6bd;
}
.metric-card>strong {
  color: #f3f7ff;
}
.metric-card>strong,.pool-balance>strong,.asset-card>strong,.team-stat strong,.ops-stats strong {
  font-variant-numeric: tabular-nums lining-nums;
}
.metric-card:nth-child(3)>strong {
  color: #62e5e6;
}
.settlement-date strong {
  color: #f2c66d;
}
.spark-line {
  stroke: #42cbf5;
  filter: drop-shadow(0 0 5px rgba(66,203,245,.42));
  animation-duration: 1.1s;
}
.spark-area {
  opacity: .16;
}
.settlement-date em {
  border-color: rgba(125,177,255,.22);
  background: rgba(83,109,255,.08);
  color: #a9b9d1;
}
.day-progress {
  background: rgba(129,157,215,.13);
}
.day-progress b {
  background: linear-gradient(90deg,#2de2c2,#536dff);
}
.strategy-status,.market-snapshot,.route-card {
  border-color: rgba(129,157,215,.16);
  background: linear-gradient(145deg,rgba(15,24,44,.76),rgba(7,12,25,.66));
}
.order-row {
  border-color: rgba(129,157,215,.11);
}
.asset-token {
  border-color: rgba(66,203,245,.26);
  background: rgba(66,203,245,.08);
  color: #82e8f0;
}
.progress-cell>span {
  background: rgba(129,157,215,.13);
}
.progress-cell i {
  background: linear-gradient(90deg,#2de2c2,#536dff);
  box-shadow: 0 0 8px rgba(66,203,245,.28);
}
.switch>i,.toggle {
  background: #172238;
  box-shadow: inset 0 0 0 1px rgba(129,157,215,.24);
}
.switch>i::after,.toggle::before {
  background: #7d8ba1;
}
.switch input:checked+i,.toggle:checked {
  background: linear-gradient(90deg,#25c9b0,#3c78ed);
}
.switch input:checked+i::after,.toggle:checked::before {
  background: #ecffff;
  box-shadow: 0 0 7px rgba(45,226,194,.34);
}
.market-meter {
  border-color: rgba(129,157,215,.15);
  background: rgba(5,10,21,.72);
}
.market-meter i {
  background: linear-gradient(90deg,#2de2c2,#42cbf5);
}
.market-meter b {
  background: #eafcff;
  box-shadow: 0 0 8px rgba(66,203,245,.55);
}
.market-snapshot .signal-pairs {
  border-color: rgba(129,157,215,.11);
}
.signal-pairs b {
  color: #e4ecfa;
}
.route-flow>b {
  position: relative;
  overflow: hidden;
  background: rgba(129,157,215,.16);
}
.route-flow>b::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,transparent,#2de2c2,#536dff,transparent);
  transform: translateX(-100%);
  animation: routeSignal 3.2s ease-in-out infinite;
}
.route-node i {
  border-color: rgba(129,157,215,.22);
  background: rgba(12,20,38,.72);
  color: #8fa4c0;
}
.route-node.done i {
  border-color: rgba(51,214,159,.30);
  background: rgba(51,214,159,.10);
  color: #45dfa9;
}
.route-node.active i {
  border-color: rgba(66,203,245,.42);
  background: linear-gradient(135deg,#25c9b0,#536dff);
  color: #fff;
  box-shadow: 0 0 20px rgba(66,203,245,.20);
}
.risk-banner {
  border-color: rgba(242,198,109,.25);
  background: linear-gradient(90deg,rgba(242,198,109,.08),rgba(12,20,38,.72));
  box-shadow: inset 2px 0 #f2c66d;
}
.risk-banner h3 {
  color: #f3f7ff;
}
.risk-banner p {
  color: #97a6bd;
}
.risk-banner::after {
  background: repeating-linear-gradient(90deg,rgba(242,198,109,.045) 0 1px,transparent 1px 10px);
}
.product-card,.product-card:nth-child(1),.product-card:nth-child(2),.product-card:nth-child(3),.product-card:nth-child(4) {
  min-height: 250px;
  display: flex;
  flex-direction: column;
  border-color: rgba(129,157,215,.16);
  background: linear-gradient(145deg,rgba(15,24,44,.78),rgba(7,12,25,.66));
  box-shadow: inset 0 1px rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.22);
  backdrop-filter: blur(16px) saturate(125%);
}
.product-card:hover {
  border-color: rgba(66,203,245,.34);
  background: linear-gradient(145deg,rgba(18,29,52,.86),rgba(8,14,29,.76));
}
.product-card::before,.product-card:nth-child(2)::before,.product-card:nth-child(3)::before,.product-card:nth-child(4)::before {
  background: rgba(129,157,215,.28);
}
.product-card:hover::before {
  background: linear-gradient(180deg,#2de2c2,#536dff);
  box-shadow: 0 0 12px rgba(66,203,245,.32);
}
.product-card::after {
  color: #5f6d84;
}
.product-card .rate {
  margin-bottom: 16px;
  border-color: rgba(129,157,215,.12);
}
.product-card .rate span {
  margin-top: 9px;
}
.product-card .rate span:first-child {
  margin-top: 0;
}
.product-card button {
  position: static;
  width: 100%;
  min-height: 38px;
  margin-top: auto;
  flex: none;
  border-color: rgba(125,177,255,.26);
  background: rgba(12,20,38,.72);
  color: #c8d9ed;
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.product-card button:hover {
  border-color: rgba(66,203,245,.44);
  background: linear-gradient(90deg,rgba(45,226,194,.12),rgba(83,109,255,.13));
  color: #eaffff;
}
.segmented {
  border-color: rgba(129,157,215,.16);
  background: rgba(5,10,21,.72);
}
.segmented button {
  color: #718098;
  transition: color .18s ease,background .18s ease;
}
.segmented button.active {
  background: linear-gradient(135deg,rgba(45,226,194,.12),rgba(83,109,255,.12));
  color: #eafcff;
  box-shadow: inset 0 1px rgba(255,255,255,.045);
}
.data-table th {
  background: rgba(12,20,38,.78);
  color: #8193ad;
}
.data-table td {
  border-color: rgba(129,157,215,.11);
  color: #dbe5f4;
}
.data-table td span {
  color: #718098;
}
.allocation-list>div,.activity-list>div,.transaction-list>div,.settings-list label,.config-list>div {
  border-color: rgba(129,157,215,.11);
}
.data-table tbody tr:nth-child(even) {
  background: rgba(83,109,255,.035);
}
.pool-hero {
  border-color: rgba(91,205,239,.30);
  border-radius: 20px;
  background: radial-gradient(circle at 15% 25%,rgba(45,226,194,.17),transparent 34%),radial-gradient(circle at 88% 20%,rgba(83,109,255,.23),transparent 38%),rgba(7,13,28,.84);
  box-shadow: inset 0 1px rgba(255,255,255,.065),0 22px 55px rgba(0,0,0,.34),0 0 55px rgba(61,100,255,.09);
  backdrop-filter: blur(18px) saturate(130%);
}
.pool-hero::before {
  background-image: radial-gradient(rgba(96,226,231,.42) .65px,transparent .65px);
  opacity: .24;
}
.pool-globe {
  border-color: rgba(95,221,229,.42);
  background: radial-gradient(circle at 42% 38%,rgba(67,231,210,.22),rgba(7,13,29,.96) 66%);
  box-shadow: inset 0 0 50px rgba(45,215,194,.12),0 0 50px rgba(83,109,255,.16);
  animation: poolBreath 7.5s ease-in-out infinite;
}
.pool-globe::before {
  border-color: rgba(45,226,194,.34);
  animation: poolRingX 9.2s linear infinite;
}
.pool-globe::after {
  border-color: rgba(83,109,255,.34);
  animation: poolRingY 12.4s linear infinite;
}
.pool-globe>i {
  background: #67edf1;
  box-shadow: 0 0 8px rgba(103,237,241,.55);
  animation: sysPulse 1.8s ease-in-out infinite;
}
.pool-globe strong,.pool-balance>strong {
  color: #eafcff;
  text-shadow: 0 0 18px rgba(66,203,245,.22);
}
.pool-globe span,.pool-balance>span,.pool-balance>div span {
  color: #91a3bc;
}
.pool-balance>div b {
  color: #dce8f6;
}
.pool-rules>div {
  border-color: rgba(129,157,215,.18);
  background: rgba(7,13,28,.62);
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.pool-rules i {
  color: #55dfe0;
}
.pool-rules span,.pool-rules small {
  color: #91a3bc;
}
.pool-rules b {
  color: #dce8f6;
}
.allocation-list em {
  background: linear-gradient(90deg,#2de2c2,#536dff);
}
.level-orbit,.team-stat,.upgrade-card,.ops-stats>div,.asset-card,.asset-card:nth-child(2),.asset-card:nth-child(3),.asset-card:nth-child(4),.asset-card.primary {
  border-color: rgba(129,157,215,.16);
  background: linear-gradient(145deg,rgba(15,24,44,.78),rgba(7,12,25,.66));
  box-shadow: inset 0 1px rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.22);
  backdrop-filter: blur(16px) saturate(125%);
}
.level-orbit,.asset-card.primary {
  border-color: rgba(66,203,245,.25);
  background: radial-gradient(circle at 86% 12%,rgba(83,109,255,.13),transparent 38%),linear-gradient(145deg,rgba(15,24,44,.84),rgba(7,12,25,.70));
}
.level-orbit em {
  color: #66e7df;
}
.upgrade-card>i {
  background: rgba(129,157,215,.13);
}
.upgrade-card>i b {
  background: linear-gradient(90deg,#2de2c2,#536dff);
}
.level-badge {
  border-color: rgba(125,177,255,.24);
  background: rgba(83,109,255,.09);
  color: #dce8fa !important;
}
.level-table .current {
  background: rgba(242,198,109,.055);
}
.reward-example,.token-visual,.payout-summary,.order-summary,.fee-breakdown,.auto-row {
  border-color: rgba(129,157,215,.15);
  background: rgba(5,10,21,.64);
  color: #dfe8f5;
}
.reward-example b,.order-summary b,.fee-breakdown b,.fee-breakdown strong,.auto-row b {
  color: #eef5ff;
}
.tree-root {
  border-color: rgba(51,214,159,.28);
  background: rgba(51,214,159,.10);
  color: #45dfa9;
}
.tree-line,.tree-children::before,.tree-children span::before {
  background: rgba(129,157,215,.22);
}
.tree-children span {
  border-color: rgba(129,157,215,.16);
  background: rgba(8,14,27,.74);
  color: #c8d7ea;
}
.asset-card em {
  border-color: rgba(129,157,215,.20);
  background: rgba(12,20,38,.72);
  color: #99abc3;
}
.asset-card button {
  color: #63dce8;
}
.token-coin {
  border-color: rgba(205,244,255,.28);
  background: linear-gradient(145deg,#2de2c2,#536dff);
  color: #fff;
  box-shadow: 0 0 24px rgba(66,203,245,.18);
}
.token-sources i {
  background: linear-gradient(90deg,#2de2c2,#536dff);
}
.withdraw-flow>div>i,.transaction-list>div>i,.activity-icon {
  border-color: rgba(129,157,215,.20);
  background: rgba(12,20,38,.72);
  color: #9fb4ce;
}
.withdraw-flow>div.done>i {
  border-color: rgba(51,214,159,.28);
  background: rgba(51,214,159,.10);
  color: #45dfa9;
}
.withdraw-flow>b {
  background: rgba(129,157,215,.18);
}
.view[data-page="operations"] .panel {
  background: linear-gradient(145deg,rgba(15,24,44,.80),rgba(7,12,25,.68));
}
.compact-form label>div,.plain-input,.amount-input {
  border-color: rgba(129,157,215,.18);
  background: rgba(5,10,21,.72);
}
.compact-form input,.plain-input input,.amount-input input {
  color: #f3f7ff;
}
.amount-input button {
  border-color: rgba(125,177,255,.22);
  background: rgba(83,109,255,.09);
  color: #a9c1e0;
}
.payout-summary i {
  background: linear-gradient(90deg,#2de2c2 var(--w),rgba(129,157,215,.14) 0);
}
.modal-layer {
  background: rgba(0,2,7,.74);
  backdrop-filter: blur(16px);
}
.modal {
  border-color: rgba(125,177,255,.28);
  border-radius: 18px;
  background: linear-gradient(145deg,rgba(16,26,48,.94),rgba(6,11,23,.96));
  color: #f3f7ff;
  box-shadow: inset 0 1px rgba(255,255,255,.06),0 30px 90px rgba(0,0,0,.62);
  backdrop-filter: blur(24px) saturate(140%);
}
.modal-close,.wallet-choice,.answer-list button,.cycle-picker button {
  border-color: rgba(129,157,215,.20);
  background: rgba(12,20,38,.76);
  color: #dce8f6;
}
.wallet-choice:hover {
  border-color: rgba(66,203,245,.38);
  background: rgba(18,31,55,.88);
}
.answer-list button.selected,.cycle-picker button.active {
  border-color: rgba(66,203,245,.42);
  background: linear-gradient(90deg,rgba(45,226,194,.12),rgba(83,109,255,.14));
  color: #eaffff;
}
.answer-list button.selected i {
  border-color: #42cbf5;
  background: #17677d;
  color: #fff;
}
.risk-progress {
  background: rgba(129,157,215,.13);
}
.risk-progress i {
  background: linear-gradient(90deg,#2de2c2,#536dff);
}
.toast {
  border-color: rgba(125,177,255,.28);
  background: rgba(8,14,28,.94);
  color: #e8f1fc;
  box-shadow: 0 20px 50px rgba(0,0,0,.52),0 0 24px rgba(83,109,255,.08);
  animation: rowPop .22s ease-out;
  backdrop-filter: blur(18px);
}
.toast span {
  color: #a8bad1;
}
.toast i {
  border-color: rgba(51,214,159,.28);
  background: rgba(51,214,159,.10);
  color: #45dfa9;
}
.ticker-item strong.value-updated {
  animation: dataFlash .7s ease-out;
}
.overview-market {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
}
.overview-market-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: .55fr 1.15fr .7fr;
  border-top: 1px solid rgba(129,157,215,.12);
}
.overview-market-grid>div {
  min-width: 0;
  min-height: 132px;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid rgba(129,157,215,.12);
}
.overview-market-grid>div:first-child {
  padding-left: 0;
  border-left: 0;
}
.overview-market-grid>div:last-child {
  padding-right: 0;
}
.overview-market .market-reading {
  margin-top: 0;
}
.overview-market .market-reading strong {
  color: #eafcff;
}
.overview-market-depth .market-meter {
  margin-top: 0;
}
.overview-market-depth .signal-pairs {
  margin: 18px 0 0;
  padding-top: 14px;
}
.overview-feed-state>span {
  display: block;
  color: #718098;
  font: 600 9px/1.2 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.overview-feed-state>strong {
  display: block;
  margin: 6px 0 17px;
  color: #dce8f6;
  font-size: 12px;
  font-weight: 550;
}
.overview-feed-state .market-source-row {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(129,157,215,.11);
}
.order-center {
  margin-top: 12px;
}
.order-center-summary {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  border: 1px solid rgba(129,157,215,.13);
  border-radius: 10px;
  background: rgba(5,10,21,.48);
  overflow: hidden;
}
.order-center-summary>div {
  min-height: 76px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid rgba(129,157,215,.12);
}
.order-center-summary>div:first-child {
  border-left: 0;
}
.order-center-summary span {
  color: #718098;
  font: 600 9px/1.2 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.order-center-summary strong {
  margin-top: 8px;
  color: #eafcff;
  font-size: 17px;
  font-weight: 520;
  font-variant-numeric: tabular-nums lining-nums;
}
.order-center .data-table {
  min-width: 920px;
}
.table-progress {
  min-width: 112px;
}
.table-progress>i {
  height: 3px;
  display: block;
  border-radius: 3px;
  background: rgba(129,157,215,.13);
  overflow: hidden;
}
.table-progress>i>b {
  height: 100%;
  display: block;
  border-radius: 3px;
  background: linear-gradient(90deg,#2de2c2,#536dff);
}
.table-progress>span {
  margin-top: 6px !important;
  color: #91a3bc !important;
  font-size: 8px !important;
}
.order-empty {
  padding: 28px 10px 16px;
  text-align: center;
  color: #718098;
  font-size: 10px;
}
.strategy-route {
  margin-top: 12px;
}
.up {
  color: #33d69f !important;
}
.down {
  color: #ff6078 !important;
}
.warning-text {
  color: #f2c66d !important;
}
button:focus-visible,a:focus-visible,input:focus-visible {
  outline-color: #42cbf5;
}
.nav-item:focus-visible,.admin-entry:focus-visible {
  outline-color: rgba(66,203,245,.42);
}
@keyframes sysPulse {
  0%,100% {
    opacity: 1;
  }
  50% {
    opacity: .38;
  }
}
@keyframes sysScan {
  0%,74% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes routeSignal {
  0%,20% {
    transform: translateX(-100%);
  }
  70%,100% {
    transform: translateX(100%);
  }
}
@keyframes rowPop {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes dataFlash {
  0% {
    color: #75f2df;
    background: rgba(45,226,194,.10);
  }
  100% {
    color: inherit;
    background: transparent;
  }
}
@keyframes starDrift {
  to {
    background-position: 6px 8px,22px 25px;
  }
}
@keyframes meteorFlight {
  0% {
    opacity: 0;
    transform: translate3d(-310px,-150px,0) rotate(32deg);
  }
  1.5% {
    opacity: .44;
  }
  8% {
    opacity: .50;
  }
  13.5% {
    opacity: 0;
    transform: translate3d(980px,610px,0) rotate(32deg);
  }
  14%,100% {
    opacity: 0;
    transform: translate3d(980px,610px,0) rotate(32deg);
  }
}
@keyframes poolBreath {
  0%,100% {
    box-shadow: inset 0 0 50px rgba(45,215,194,.10),0 0 44px rgba(83,109,255,.13);
  }
  50% {
    box-shadow: inset 0 0 56px rgba(45,215,194,.15),0 0 54px rgba(83,109,255,.19);
  }
}
@media (max-width:1200px) {
  .pool-hero {
    background: radial-gradient(circle at 15% 25%,rgba(45,226,194,.17),transparent 34%),radial-gradient(circle at 88% 20%,rgba(83,109,255,.23),transparent 38%),rgba(7,13,28,.84);
  }
}
@media (max-width:900px) {
  .overview-market-grid {
    grid-template-columns: 1fr;
  }
  .overview-market-grid>div,.overview-market-grid>div:first-child,.overview-market-grid>div:last-child {
    min-height: 112px;
    padding: 18px 0;
    border-left: 0;
    border-top: 1px solid rgba(129,157,215,.12);
  }
  .overview-market-grid>div:first-child {
    border-top: 0;
  }
  .overview-feed-state {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
  }
  .overview-feed-state .market-source-row {
    grid-column: 1/-1;
  }
  .order-center-summary {
    grid-template-columns: repeat(2,1fr);
  }
  .order-center-summary>div:nth-child(3) {
    border-left: 0;
    border-top: 1px solid rgba(129,157,215,.12);
  }
  .order-center-summary>div:nth-child(4) {
    border-top: 1px solid rgba(129,157,215,.12);
  }
}
@media (max-width:640px) {
  body {
    background: #02050b;
  }
  .app-shell {
    background: #02050b;
  }
  .workspace {
    padding-bottom: 0;
  }
  .topbar {
    position: sticky;
    top: 0;
    z-index: 70;
    height: 61px;
    background: rgba(4,8,18,.94);
  }
  .sys-strip {
    position: sticky;
    top: 61px;
    z-index: 69;
    height: 27px;
    padding: 0 12px;
    background: rgba(6,11,23,.94);
  }
  .sys-item {
    padding: 0 9px;
  }
  .market-ticker {
    position: sticky;
    top: 88px;
    z-index: 68;
    height: 34px;
    background: rgba(3,7,15,.96);
  }
  .main {
    min-height: calc(100vh - 122px);
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
    background: radial-gradient(circle at 15% -5%,rgba(28,203,184,.12),transparent 31%),radial-gradient(circle at 90% -6%,rgba(83,109,255,.15),transparent 34%),#02050b;
  }
  .mobile-nav {
    left: 8px;
    right: 8px;
    bottom: max(8px,env(safe-area-inset-bottom));
    height: 64px;
    padding: 5px 7px;
    border: 1px solid rgba(129,157,215,.20);
    border-radius: 18px;
    background: rgba(7,12,24,.84);
    box-shadow: inset 0 1px rgba(255,255,255,.05),0 18px 42px rgba(0,0,0,.40);
    backdrop-filter: blur(24px) saturate(140%);
  }
  .mobile-nav::after {
    display: none;
  }
  .meteor-field i {
    left: -8%;
    top: 4%;
    width: 135px;
    animation-duration: 26s;
  }
  .meteor-field i:nth-child(2) {
    display: none;
  }
  .mobile-nav button {
    min-height: 48px;
    color: #718098;
  }
  .mobile-nav button::before {
    background: linear-gradient(90deg,#2de2c2,#536dff);
  }
  .mobile-nav button::after {
    display: block;
    border-color: transparent;
    background: transparent;
  }
  .mobile-nav button.active {
    color: #eafcff;
  }
  .mobile-nav button.active::after {
    border-color: rgba(125,177,255,.16);
    background: linear-gradient(135deg,rgba(45,226,194,.14),rgba(83,109,255,.14));
    box-shadow: inset 0 1px rgba(255,255,255,.04);
  }
  .mobile-nav button.active svg {
    transform: translateY(-1px);
  }
  .overview-market {
    margin-top: 10px;
  }
  .overview-market-grid {
    margin-top: 14px;
  }
  .overview-market-grid>div,.overview-market-grid>div:first-child,.overview-market-grid>div:last-child {
    padding: 16px 0;
  }
  .overview-feed-state {
    grid-template-columns: 1fr;
  }
  .overview-feed-state .market-source-row {
    grid-column: auto;
  }
  .order-center .panel-head {
    display: block;
  }
  .order-center .segmented {
    margin-top: 14px;
  }
  .order-center-summary {
    margin-top: 14px;
  }
  .order-center-summary>div {
    min-height: 70px;
    padding: 12px;
  }
  .order-center-summary strong {
    font-size: 14px;
  }
  .order-center .data-table {
    min-width: 0;
  }
  .table-progress {
    min-width: 0;
  }
  .table-progress>span {
    font-size: 7px !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  .meteor-field {
    display: none;
  }
  *,*::before,*::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}
.workspace {
  min-height: 100vh;
}
.topbar {
  position: sticky;
  top: 0;
  z-index: 80;
  padding: 0 24px;
}
.topbar-context {
  flex: 0 0 auto;
}
.topbar-context h1 {
  color: #f3f7ff;
}
.topbar-status {
  min-width: 0;
  margin-left: 34px;
  display: flex;
  align-items: center;
  gap: 0;
  color: #718098;
  font: 600 9px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
  white-space: nowrap;
}
.topbar-status>span {
  height: 28px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  border-left: 1px solid rgba(129,157,215,.12);
}
.topbar-status>span:first-child {
  border-left: 0;
  color: #33d69f;
}
.topbar-status [data-state="live"] {
  color: #33d69f;
}
.topbar-status [data-state="demo"] {
  color: #f2c66d;
}
.workspace[data-active-view="pool"] .market-ticker,
.workspace[data-active-view="team"] .market-ticker,
.workspace[data-active-view="assets"] .market-ticker,
.workspace[data-active-view="operations"] .market-ticker {
  display: none;
}
.main {
  min-height: calc(100vh - 105px);
  padding: 30px clamp(22px,2.2vw,38px) 48px;
}
.workspace[data-active-view="pool"] .main,
.workspace[data-active-view="team"] .main,
.workspace[data-active-view="assets"] .main,
.workspace[data-active-view="operations"] .main {
  min-height: calc(100vh - 68px);
}
.main,.view,.page-head>div:first-child {
  min-width: 0;
}
.view {
  width: min(100%,1440px);
  margin: 0 auto;
}
.page-head {
  min-height: 82px;
  align-items: flex-end;
}
.page-head h2 {
  font-size: clamp(27px,2.15vw,34px);
}
.page-head p {
  max-width: 760px;
  font-size: 12px;
}
.risk-banner,.pool-hero,.team-hero,.asset-cards {
  margin-top: 22px;
}
.order-center,.strategy-route,.two-columns,.asset-detail-grid,.team-kpis,.team-detail-layout {
  margin-top: 14px;
}
.stats-grid {
  grid-template-columns: minmax(380px,2.15fr) repeat(2,minmax(180px,1fr));
}
.hero-metric {
  min-height: 176px;
}
.hero-metric .hero-metric-change {
  margin-top: 7px;
}
.hero-metric .hero-quick-actions {
  position: relative;
  z-index: 4;
  margin-top: 22px;
  display: flex;
  gap: 7px;
}
.hero-quick-actions button {
  height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(125,177,255,.22);
  border-radius: 6px;
  background: rgba(7,13,28,.74);
  color: #b9cbe0;
  font-size: 9px;
  transition: .2s ease;
}
.hero-quick-actions button:first-child {
  border-color: rgba(45,226,194,.30);
  background: rgba(45,226,194,.09);
  color: #8ef4ea;
}
.hero-quick-actions button:hover {
  border-color: rgba(66,203,245,.42);
  color: #eaffff;
}
.hero-metric .spark {
  width: 48%;
  opacity: .72;
}
.strategy-builder-layout {
  margin-top: 14px;
  display: grid;
  grid-template-columns: minmax(0,1.7fr) minmax(320px,.72fr);
  align-items: start;
  gap: 14px;
}
.strategy-products {
  min-width: 0;
}
.section-intro {
  min-height: 46px;
  display: flex;
  align-items: flex-end;
  gap: 14px;
}
.section-intro h3 {
  color: #f3f7ff;
  font-size: 16px;
  font-weight: 500;
}
.section-intro p {
  margin-left: auto;
  color: #91a3bc;
  font-size: 10px;
}
.strategy-products .product-grid {
  margin-top: 12px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
.strategy-products .product-card {
  min-height: 218px;
}
.product-card.selected {
  border-color: rgba(66,203,245,.48) !important;
  background: linear-gradient(145deg,rgba(21,39,59,.91),rgba(8,15,31,.80)) !important;
  box-shadow: inset 2px 0 #2de2c2,0 18px 38px rgba(0,0,0,.24);
}
.product-card.selected::before {
  background: linear-gradient(180deg,#2de2c2,#536dff) !important;
  box-shadow: 0 0 12px rgba(66,203,245,.28) !important;
}
.product-card.selected button {
  border-color: rgba(66,203,245,.40);
  background: rgba(45,226,194,.10);
  color: #eaffff;
}
.strategy-builder {
  position: sticky;
  top: 121px;
  min-height: 480px;
  padding: 22px;
}
.builder-cycle {
  margin-top: 20px;
  padding: 17px;
  border: 1px solid rgba(129,157,215,.14);
  border-radius: 10px;
  background: linear-gradient(135deg,rgba(45,226,194,.08),rgba(83,109,255,.07));
}
.builder-cycle span,.builder-cycle strong,.builder-cycle small {
  display: block;
}
.builder-cycle span,.builder-field>span {
  color: #8192aa;
  font-size: 10px;
}
.builder-cycle strong {
  margin-top: 8px;
  color: #eafcff;
  font-size: 28px;
  font-weight: 520;
}
.builder-cycle small {
  margin-top: 5px;
  color: #8fa2ba;
  font-size: 10px;
}
.builder-field {
  display: block;
  margin-top: 18px;
}
.builder-field>span {
  display: block;
  margin-bottom: 8px;
}
.builder-shortcuts {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 6px;
}
.builder-shortcuts button {
  height: 30px;
  border: 1px solid rgba(129,157,215,.16);
  border-radius: 6px;
  background: rgba(5,10,21,.64);
  color: #91a3bc;
  font-size: 9px;
}
.builder-shortcuts button:hover {
  border-color: rgba(66,203,245,.35);
  color: #eaffff;
}
.builder-reinvest {
  margin-top: 16px;
  padding: 13px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(129,157,215,.11);
  border-bottom: 1px solid rgba(129,157,215,.11);
}
.builder-reinvest span,.builder-reinvest b,.builder-reinvest small {
  display: block;
}
.builder-reinvest b {
  color: #e4edf8;
  font-size: 11px;
}
.builder-reinvest small {
  margin-top: 4px;
  color: #718098;
  font-size: 9px;
}
.builder-facts {
  margin: 15px 0;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
  background: rgba(129,157,215,.12);
}
.builder-facts>span {
  min-width: 0;
  padding: 10px 8px;
  background: rgba(5,10,21,.92);
}
.builder-facts small,.builder-facts b {
  display: block;
}
.builder-facts small {
  color: #718098;
  font-size: 8px;
}
.builder-facts b {
  margin-top: 5px;
  overflow: hidden;
  color: #dce8f6;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.builder-note {
  margin-top: 9px;
  color: #718098;
  font-size: 9px;
  text-align: center;
}
.pool-hero {
  grid-template-columns: minmax(255px,1fr) 190px minmax(410px,1.35fr);
  gap: 24px;
}
.pool-balance {
  position: relative;
  z-index: 2;
}
.pool-balance>div {
  margin-top: 18px;
}
.pool-balance>.button {
  margin-top: 22px;
  min-width: 150px;
}
.pool-globe {
  width: 158px;
  height: 158px;
}
.pool-rules>div {
  min-height: 118px;
}
.team-hero {
  display: grid;
  grid-template-columns: 170px minmax(240px,.9fr) minmax(320px,1.25fr);
  gap: 12px;
}
.team-hero .level-orbit,.team-hero .upgrade-card,.team-invite {
  min-height: 148px;
}
.team-hero .upgrade-card {
  grid-column: auto;
}
.team-invite {
  padding: 18px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(129,157,215,.16);
  border-radius: 14px;
  background: linear-gradient(145deg,rgba(15,24,44,.78),rgba(7,12,25,.66));
  box-shadow: inset 0 1px rgba(255,255,255,.05);
}
.team-invite span,.team-invite strong,.team-invite small {
  display: block;
}
.team-invite span {
  color: #7d8da5;
  font-size: 9px;
}
.team-invite strong {
  margin-top: 16px;
  color: #eafcff;
  font-size: 14px;
  font-weight: 540;
}
.team-invite small {
  margin-top: 5px;
  color: #718098;
  font-size: 9px;
}
.team-invite .button {
  align-self: flex-start;
  margin-top: auto;
}
.team-kpis {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}
.team-kpis .team-stat {
  min-height: 112px;
}
.team-detail-layout {
  display: grid;
  grid-template-columns: minmax(0,2fr) minmax(280px,.76fr);
  align-items: start;
  gap: 12px;
}
.team-side-stack {
  display: grid;
  gap: 12px;
}
.team-level-panel {
  min-width: 0;
}
.team-level-panel .level-table {
  min-width: 720px;
}
.team-side-stack .tree {
  min-height: 160px;
}
.team-side-stack .tree-children span {
  min-width: 66px;
  padding: 8px 5px;
}
.asset-cards {
  grid-template-columns: minmax(330px,1.45fr) repeat(3,minmax(170px,1fr));
  gap: 12px;
}
.asset-card.asset-hero {
  min-height: 176px;
}
.asset-hero>p {
  margin-top: 8px;
  color: #91a3bc;
  font-size: 9px;
}
.asset-card.asset-hero>.asset-hero-actions {
  position: static;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.asset-hero-actions .button {
  min-width: 110px;
  color: #dce8f6;
  font-size: 10px;
}
.asset-hero-actions .button.primary {
  color: #041019;
}
.asset-detail-grid {
  display: grid;
  grid-template-columns: minmax(300px,.72fr) minmax(0,1.45fr);
  align-items: stretch;
  gap: 12px;
}
.asset-detail-grid>.panel {
  min-width: 0;
}
.asset-transactions .transaction-list {
  margin-top: 18px;
}
@media (max-width:1200px) {
  .topbar-status>span:nth-child(n+3) {
    display: none;
  }
  .stats-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .hero-metric {
    grid-column: span 2;
  }
  .pool-hero {
    grid-template-columns: minmax(260px,1fr) 190px;
  }
  .pool-rules {
    grid-column: 1/-1;
  }
  .asset-cards {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .asset-hero {
    grid-column: span 2;
  }
}
@media (max-width:900px) {
  .topbar-status {
    display: none;
  }
  .strategy-builder-layout {
    grid-template-columns: 1fr;
  }
  .strategy-builder {
    position: static;
    min-height: 0;
  }
  .team-hero {
    grid-template-columns: 170px 1fr;
  }
  .team-invite {
    grid-column: 1/-1;
  }
  .team-kpis {
    grid-template-columns: repeat(3,1fr);
  }
  .team-detail-layout,.asset-detail-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width:640px) {
  .topbar {
    height: 60px;
    padding: 0 14px;
  }
  .topbar-status {
    display: none;
  }
  .market-ticker {
    top: 60px;
    height: 32px;
  }
  .main {
    min-height: calc(100vh - 92px);
    padding: 18px 14px calc(94px + env(safe-area-inset-bottom));
  }
  .workspace[data-active-view="pool"] .main,
  .workspace[data-active-view="team"] .main,
  .workspace[data-active-view="assets"] .main,
  .workspace[data-active-view="operations"] .main {
    min-height: calc(100vh - 60px);
  }
  .page-head {
    min-height: 0;
  }
  .page-head h2 {
    font-size: 24px;
  }
  .page-head p {
    font-size: 11px;
  }
  .risk-banner,.pool-hero,.team-hero,.asset-cards {
    margin-top: 18px;
  }
  .stats-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
  }
  .hero-metric {
    grid-column: span 2;
    min-height: 184px;
  }
  .hero-metric .hero-quick-actions {
    margin-top: 18px;
    gap: 5px;
  }
  .hero-quick-actions button {
    flex: 1;
    padding: 0 6px;
  }
  .hero-metric .spark {
    width: 58%;
    opacity: .48;
  }
  .strategy-builder-layout {
    margin-top: 10px;
  }
  .section-intro {
    display: block;
  }
  .section-intro h3 {
    margin-top: 6px;
  }
  .section-intro p {
    margin-top: 7px;
    line-height: 16px;
  }
  .strategy-products .product-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
  }
  .strategy-products .product-card {
    min-height: 226px;
    padding: 14px;
  }
  .strategy-builder {
    padding: 17px;
  }
  .builder-cycle {
    padding: 14px;
  }
  .builder-cycle strong {
    font-size: 24px;
  }
  .pool-hero {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .pool-balance {
    order: 1;
  }
  .pool-globe {
    order: 2;
  }
  .pool-rules {
    order: 3;
    grid-column: auto;
  }
  .pool-balance>.button {
    width: 100%;
    margin-top: 18px;
  }
  .pool-globe {
    width: 168px;
    height: 168px;
  }
  .team-hero {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .team-hero .level-orbit,.team-hero .upgrade-card {
    min-height: 132px;
    padding: 15px;
  }
  .team-invite {
    grid-column: 1/-1;
    min-height: 150px;
    padding: 16px;
  }
  .team-invite .button {
    width: 100%;
  }
  .team-kpis {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .team-kpis .team-stat {
    min-height: 96px;
    padding: 15px;
  }
  .team-detail-layout {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .team-side-stack {
    gap: 10px;
  }
  .asset-cards {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
  }
  .asset-card.asset-hero {
    grid-column: span 2;
    min-height: 190px;
  }
  .asset-card.asset-hero>strong {
    font-size: 26px;
  }
  .asset-card.asset-hero>.asset-hero-actions {
    gap: 7px;
  }
  .asset-hero-actions .button {
    flex: 1;
    min-width: 0;
    padding: 0 10px;
  }
  .asset-cards .asset-card:last-child {
    grid-column: span 2;
    min-height: 125px;
  }
  .asset-detail-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .asset-transactions .panel-head {
    display: block;
  }
  .asset-transactions .segmented {
    margin-top: 14px;
  }
}
@media (max-width:374px) {
  .strategy-products .product-grid {
    grid-template-columns: 1fr;
  }
  .strategy-products .product-card {
    min-height: 210px;
  }
  .team-hero {
    grid-template-columns: 1fr;
  }
  .team-invite {
    grid-column: auto;
  }
  .asset-cards {
    grid-template-columns: 1fr;
  }
  .asset-card.asset-hero,.asset-cards .asset-card:last-child {
    grid-column: auto;
  }
  .asset-card {
    min-height: 145px;
  }
}
@media (min-width:641px) and (max-width:1024px) {
  html,body,.app-shell,.workspace,.main {
    max-width: 100%;
    overflow-x: hidden;
  }
  .app-shell {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    display: block;
    border: 0;
    border-radius: 0;
  }
  .sidebar {
    display: none;
  }
  .workspace {
    width: 100%;
    padding-bottom: 0;
  }
  .topbar {
    position: sticky;
    top: 0;
    z-index: 80;
    height: 60px;
    padding: 0 20px;
  }
  .mobile-brand {
    display: flex;
    align-items: center;
    gap: 9px;
  }
  .mobile-brand .brand-mark {
    width: 24px;
    height: 24px;
  }
  .mobile-brand b {
    font-size: 14px;
    font-weight: 550;
  }
  .topbar-context,.topbar-status,.network-pill,.icon-button {
    display: none;
  }
  .wallet-button {
    height: 36px;
    min-width: 112px;
    padding: 0 12px;
    font-size: 10px;
  }
  .market-ticker {
    position: sticky;
    top: 60px;
    z-index: 69;
    height: 32px;
  }
  .ticker-source {
    padding: 0 12px;
  }
  .freshness {
    display: none;
  }
  .main {
    min-height: calc(100vh - 92px);
    padding: 24px 22px calc(96px + env(safe-area-inset-bottom));
  }
  .workspace[data-active-view="pool"] .main,
  .workspace[data-active-view="team"] .main,
  .workspace[data-active-view="assets"] .main,
  .workspace[data-active-view="operations"] .main {
    min-height: calc(100vh - 60px);
  }
  .view {
    width: 100%;
    max-width: none;
    margin: 0;
  }
  .page-head {
    min-height: 72px;
  }
  .page-head h2 {
    font-size: 28px;
  }
  .page-head p {
    font-size: 11px;
  }
  .stats-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
  }
  .hero-metric {
    grid-column: 1/-1;
    min-height: 176px;
  }
  .metric-card {
    min-height: 142px;
  }
  .strategy-builder-layout {
    grid-template-columns: 1fr;
  }
  .strategy-builder {
    position: static;
    min-height: 0;
  }
  .team-hero {
    grid-template-columns: 170px 1fr;
  }
  .team-invite {
    grid-column: 1/-1;
  }
  .team-kpis {
    grid-template-columns: repeat(3,1fr);
  }
  .team-detail-layout,.asset-detail-grid {
    grid-template-columns: 1fr;
  }
  .asset-cards {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
  }
  .asset-card.asset-hero {
    grid-column: 1/-1;
  }
  .asset-cards .asset-card:last-child {
    grid-column: auto;
  }
  .mobile-nav {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: max(10px,env(safe-area-inset-bottom));
    z-index: 100;
    height: 64px;
    padding: 5px 8px;
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    border: 1px solid rgba(129,157,215,.20);
    border-radius: 18px;
    background: rgba(7,12,24,.90);
    box-shadow: inset 0 1px rgba(255,255,255,.05),0 18px 42px rgba(0,0,0,.42);
    backdrop-filter: blur(24px) saturate(140%);
  }
  .mobile-nav::after {
    display: none;
  }
  .mobile-nav button {
    position: relative;
    min-width: 0;
    min-height: 48px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #718098;
  }
  .mobile-nav button::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -5px;
    width: 20px;
    height: 2px;
    border-radius: 0;
    background: linear-gradient(90deg,#2de2c2,#536dff);
    opacity: 0;
    transform: translateX(-50%);
  }
  .mobile-nav button::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 3px;
    width: 36px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 8px;
    transform: translateX(-50%);
  }
  .mobile-nav button.active {
    color: #eafcff;
  }
  .mobile-nav button.active::before {
    opacity: 1;
  }
  .mobile-nav button.active::after {
    border-color: rgba(125,177,255,.16);
    background: linear-gradient(135deg,rgba(45,226,194,.14),rgba(83,109,255,.14));
    box-shadow: inset 0 1px rgba(255,255,255,.04);
  }
  .mobile-nav svg {
    position: relative;
    z-index: 2;
    width: 21px;
    height: 21px;
    margin: 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .mobile-nav span {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: 9px;
    line-height: 11px;
  }
}
@media (min-width:1025px) and (max-width:1200px) {
  :root {
    --side: 74px;
  }
  .brand {
    justify-content: center;
    padding: 0;
  }
  .brand-word,.nav-item span:not(.nav-icon),.admin-entry span:not(.nav-icon),.admin-entry em,.biometric-mini>div:last-child {
    display: none;
  }
  .nav-item,.admin-entry {
    justify-content: center;
    padding: 0;
  }
  .nav-item::before,.admin-entry::before {
    left: -17px;
  }
  .biometric-mini {
    padding: 9px;
    justify-content: center;
  }
}
.metric-link-card {
  width: 100%;
  appearance: none;
  text-align: left;
  color: inherit;
  cursor: pointer;
  transition: border-color .2s ease,background .2s ease,transform .2s ease;
}
.metric-link-card:hover {
  border-color: rgba(66,203,245,.42) !important;
  background: linear-gradient(145deg,rgba(18,31,55,.88),rgba(8,14,29,.78));
  transform: translateY(-2px);
}
.metric-link-card:active {
  transform: translateY(0);
}
.metric-link-card:focus-visible {
  outline: 2px solid rgba(66,203,245,.66);
  outline-offset: 2px;
}
.metric-link-card .metric-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.metric-link-card .metric-link>span {
  color: #65dce9;
  font-size: 13px;
  line-height: 1;
  transition: transform .2s ease;
}
.metric-link-card:hover .metric-link>span {
  transform: translate(2px,-2px);
}
.settlement-clock {
  margin-top: 20px !important;
  display: block !important;
}
.settlement-clock strong {
  color: #f2c66d;
  font: 600 28px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
  letter-spacing: .035em;
  font-variant-numeric: tabular-nums lining-nums;
}
@media (max-width:640px) {
  .settlement-clock {
    margin-top: 16px !important;
  }
  .settlement-clock strong {
    font-size: 25px;
  }
}
.strategy-builder {
  scroll-margin-top: 132px;
}
.strategy-builder.builder-attention {
  animation: builderAttention .85s ease-out;
}
@keyframes builderAttention {
  0% {
    border-color: rgba(66,203,245,.62);
    box-shadow: inset 0 1px rgba(255,255,255,.06),0 0 0 3px rgba(66,203,245,.10),0 18px 46px rgba(0,0,0,.30);
  }
  100% {
    border-color: rgba(129,157,215,.16);
    box-shadow: inset 0 1px rgba(255,255,255,.055),0 18px 42px rgba(0,0,0,.26);
  }
}
.quantum-settlement {
  position: relative;
  min-height: 132px;
  margin-top: 22px;
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  border: 1px solid rgba(129,157,215,.18);
  border-radius: 14px;
  background: radial-gradient(circle at 24% 50%,rgba(45,226,194,.11),transparent 27%),radial-gradient(circle at 58% 30%,rgba(83,109,255,.12),transparent 32%),linear-gradient(145deg,rgba(12,21,40,.88),rgba(5,10,21,.78));
  box-shadow: inset 0 1px rgba(255,255,255,.055),0 18px 42px rgba(0,0,0,.24);
}
.quantum-settlement::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(114,224,225,.32) .55px,transparent .55px);
  background-size: 14px 14px;
  opacity: .16;
  mask-image: linear-gradient(90deg,#000,transparent 72%);
}
.quantum-settlement::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg,transparent,#2de2c2 34%,#536dff 68%,transparent);
  opacity: .48;
}
.quantum-entanglement {
  position: absolute;
  left: 2%;
  top: 50%;
  width: 59%;
  height: 118px;
  transform: translateY(-50%);
  pointer-events: none;
}
.quantum-loop {
  position: absolute;
  top: 50%;
  width: 190px;
  height: 72px;
  margin-top: -36px;
  border: 1px solid rgba(95,221,229,.30);
  border-radius: 50%;
  filter: drop-shadow(0 0 8px rgba(45,226,194,.10));
  will-change: transform;
}
.quantum-loop::after {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(113,142,255,.16);
  border-radius: 50%;
}
.loop-a {
  left: calc(50% - 175px);
  animation: quantumLoopA 8s linear infinite;
}
.loop-b {
  left: calc(50% - 15px);
  border-color: rgba(111,140,255,.30);
  animation: quantumLoopB 9.5s linear infinite reverse;
}
.quantum-link {
  position: absolute;
  left: 31%;
  right: 31%;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg,transparent,#42cbf5 22%,#eafcff 50%,#536dff 78%,transparent);
  box-shadow: 0 0 10px rgba(66,203,245,.30);
  transform-origin: center;
  animation: quantumLink 2.8s ease-in-out infinite;
}
.quantum-core {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border: 2px solid #dffeff;
  border-radius: 50%;
  background: #2de2c2;
  box-shadow: 0 0 0 5px rgba(45,226,194,.08),0 0 18px rgba(45,226,194,.58);
  z-index: 2;
}
.core-a {
  left: 32%;
  animation: quantumCoreA 4.8s ease-in-out infinite;
}
.core-b {
  right: 32%;
  background: #6f8cff;
  box-shadow: 0 0 0 5px rgba(83,109,255,.08),0 0 18px rgba(83,109,255,.58);
  animation: quantumCoreB 4.8s ease-in-out infinite;
}
.quantum-entanglement>i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #bffcff;
  box-shadow: 0 0 7px rgba(99,235,232,.60);
  transform-origin: 0 0;
}
.quantum-entanglement>i:nth-of-type(1) {
  animation: quantumParticle 5.6s linear infinite;
}
.quantum-entanglement>i:nth-of-type(2) {
  animation: quantumParticle 7.4s -2.1s linear infinite reverse;
}
.quantum-entanglement>i:nth-of-type(3) {
  animation: quantumParticleWide 8.8s -5.3s linear infinite;
}
.quantum-entanglement>i:nth-of-type(4) {
  animation: quantumParticleWide 10.2s -1.7s linear infinite reverse;
}
.quantum-copy {
  position: relative;
  z-index: 3;
  min-width: 270px;
  text-align: right;
}
.quantum-copy span,.quantum-copy strong,.quantum-copy small {
  display: block;
}
.quantum-copy span {
  color: #65dce9;
  font: 650 9px/1.2 "Geist Mono","SFMono-Regular",Consolas,monospace;
  letter-spacing: .14em;
}
.quantum-copy strong {
  margin-top: 12px;
  color: #f2c66d;
  font: 600 38px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
  letter-spacing: .04em;
  font-variant-numeric: tabular-nums lining-nums;
  text-shadow: 0 0 18px rgba(242,198,109,.10);
}
.quantum-copy small {
  margin-top: 9px;
  color: #91a3bc;
  font-size: 10px;
}
.quantum-progress {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 13px;
  z-index: 3;
  margin: 0;
}
.quantum-settlement+.stats-grid {
  margin-top: 12px;
}
.hero-metric .spark {
  top: 39px;
  right: 18px;
  bottom: auto;
  width: 45%;
  height: 82px;
  z-index: 1;
  opacity: .65;
}
@keyframes quantumLoopA {
  from {
    transform: rotate(18deg) scaleX(1);
  }
  50% {
    transform: rotate(198deg) scaleX(.82);
  }
  to {
    transform: rotate(378deg) scaleX(1);
  }
}
@keyframes quantumLoopB {
  from {
    transform: rotate(-18deg) scaleX(.86);
  }
  50% {
    transform: rotate(162deg) scaleX(1);
  }
  to {
    transform: rotate(342deg) scaleX(.86);
  }
}
@keyframes quantumLink {
  0%,100% {
    opacity: .30;
    transform: scaleX(.74);
  }
  50% {
    opacity: .92;
    transform: scaleX(1);
  }
}
@keyframes quantumCoreA {
  0%,100% {
    transform: translate3d(-9px,-7px,0);
    opacity: .72;
  }
  50% {
    transform: translate3d(9px,7px,0);
    opacity: 1;
  }
}
@keyframes quantumCoreB {
  0%,100% {
    transform: translate3d(9px,7px,0);
    opacity: 1;
  }
  50% {
    transform: translate3d(-9px,-7px,0);
    opacity: .72;
  }
}
@keyframes quantumParticle {
  from {
    transform: rotate(0) translateX(96px) rotate(0);
    opacity: .18;
  }
  50% {
    opacity: .9;
  }
  to {
    transform: rotate(360deg) translateX(96px) rotate(-360deg);
    opacity: .18;
  }
}
@keyframes quantumParticleWide {
  from {
    transform: rotate(0) translateX(155px) rotate(0);
    opacity: .12;
  }
  50% {
    opacity: .72;
  }
  to {
    transform: rotate(360deg) translateX(155px) rotate(-360deg);
    opacity: .12;
  }
}
@media (max-width:640px) {
  .quantum-settlement {
    min-height: 146px;
    margin-top: 18px;
    padding: 18px 17px;
    align-items: flex-start;
  }
  .quantum-entanglement {
    left: -18%;
    top: 59%;
    width: 100%;
    height: 112px;
    opacity: .70;
  }
  .quantum-loop {
    width: 142px;
    height: 58px;
    margin-top: -29px;
  }
  .loop-a {
    left: calc(50% - 126px);
  }
  .loop-b {
    left: calc(50% - 10px);
  }
  .quantum-copy {
    min-width: 205px;
    margin-left: auto;
  }
  .quantum-copy strong {
    margin-top: 10px;
    font-size: 31px;
  }
  .quantum-copy small {
    font-size: 9px;
  }
  .quantum-progress {
    left: 17px;
    right: 17px;
    bottom: 12px;
  }
  .hero-metric .spark {
    top: 50px;
    right: 13px;
    bottom: auto;
    width: 43%;
    height: 58px;
    opacity: .46;
  }
}
.pool-rules {
  gap: 0;
  border: 1px solid rgba(129,157,215,.18);
  border-radius: 12px;
  background: rgba(6,12,25,.58);
  overflow: hidden;
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}
.pool-rules>.pool-rules-head {
  grid-column: 1/-1;
  min-height: 42px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  border-bottom: 1px solid rgba(129,157,215,.14);
  border-radius: 0;
  background: rgba(14,23,42,.72);
  box-shadow: none;
}
.pool-rules>.pool-rules-head span {
  margin: 0;
  color: #dce8f6;
  font-size: 10px;
  font-weight: 560;
}
.pool-rules>.pool-rules-head small {
  margin: 0;
  color: #718098;
  font: 600 8px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
  letter-spacing: .10em;
}
.pool-rules>.pool-rule {
  min-height: 94px;
  padding: 15px 14px;
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  grid-template-rows: auto auto auto;
  align-content: center;
  column-gap: 10px;
  border: 0;
  border-left: 1px solid rgba(129,157,215,.12);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.pool-rules>.pool-rules-head+.pool-rule {
  border-left: 0;
}
.pool-rules>.pool-rule i {
  grid-row: 1/4;
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(66,203,245,.22);
  border-radius: 6px;
  background: rgba(45,226,194,.06);
  color: #55dfe0;
  font: 600 9px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.pool-rules>.pool-rule span,.pool-rules>.pool-rule b,.pool-rules>.pool-rule small {
  grid-column: 2;
  margin: 0;
}
.pool-rules>.pool-rule span {
  color: #91a3bc;
  font-size: 9px;
}
.pool-rules>.pool-rule b {
  margin-top: 6px;
  color: #e4edf8;
  font-size: 11px;
  font-weight: 560;
}
.pool-rules>.pool-rule small {
  margin-top: 4px;
  color: #718098;
  font-size: 8px;
}
@media (max-width:640px) {
  .pool-rules {
    grid-template-columns: 1fr !important;
  }
  .pool-rules>.pool-rules-head {
    min-height: 44px;
  }
  .pool-rules>.pool-rule {
    min-height: 76px;
    padding: 13px 14px;
    grid-template-columns: 30px minmax(0,1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    border-left: 0;
    border-top: 1px solid rgba(129,157,215,.11);
  }
  .pool-rules>.pool-rules-head+.pool-rule {
    border-top: 0;
  }
  .pool-rules>.pool-rule i {
    grid-row: 1/3;
  }
  .pool-rules>.pool-rule span {
    grid-column: 2;
    grid-row: 1;
  }
  .pool-rules>.pool-rule b {
    grid-column: 3;
    grid-row: 1;
    margin: 0;
    text-align: right;
  }
  .pool-rules>.pool-rule small {
    grid-column: 2/4;
    grid-row: 2;
    margin-top: 5px;
  }
}
html,body,.app-shell {
  background: #010204;
}
body {
  background: #010204;
}
.app-noise {
  display: none;
}
.main {
  background: #010204;
}
.main::before {
  background-color: #010204;
  background-image: radial-gradient(circle,rgba(149,191,211,.36) 0 .55px,transparent .8px),radial-gradient(circle,rgba(127,140,180,.28) 0 .45px,transparent .72px);
  background-size: 61px 61px,97px 97px;
  background-position: 5px 11px,31px 43px;
  opacity: .28;
}
.lumen-float {
  position: fixed;
  right: 26px;
  bottom: 26px;
  z-index: 180;
  width: 60px;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  pointer-events: none;
}
.lumen-float-toggle,.lumen-float-menu {
  pointer-events: auto;
}
.lumen-float-toggle {
  position: relative;
  width: 60px;
  height: 60px;
  padding: 0;
  border: 0;
  background: transparent;
  filter: drop-shadow(0 9px 15px rgba(0,0,0,.44));
  animation: lumenFloat 4.8s ease-in-out infinite;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.lumen-float-toggle::before {
  display: none;
}
.lumen-float-toggle::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 14px;
  z-index: 0;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: linear-gradient(145deg,#2a998f,#356dcc);
  opacity: .64;
  transform: rotate(45deg);
  box-shadow: 0 6px 12px rgba(0,0,0,.24);
  animation: lumenWobble 4.8s ease-in-out infinite;
  will-change: transform;
}
.lumen-float-gem {
  position: absolute;
  right: 11px;
  top: 11px;
  z-index: 1;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(235,255,255,.76);
  border-radius: 10px;
  background: linear-gradient(145deg,#41e3cf 0%,#38cef0 50%,#6981ff 100%);
  transform: rotate(45deg);
  box-shadow: inset 1px 1px rgba(255,255,255,.42),inset -4px -5px 9px rgba(24,45,118,.13),0 6px 13px rgba(0,0,0,.28),0 0 0 1px rgba(70,213,235,.12);
  animation: lumenWobble 4.8s ease-in-out infinite;
  will-change: transform;
}
.lumen-float-gem::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 8px;
  background: linear-gradient(145deg,rgba(255,255,255,.28),transparent 45%);
  pointer-events: none;
}
.lumen-float-gem::after {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  top: 4px;
  height: 1px;
  background: rgba(255,255,255,.26);
  transform: rotate(-2deg);
  pointer-events: none;
}
.lumen-float-face {
  position: relative;
  z-index: 1;
  width: 25px;
  height: 25px;
  overflow: visible;
  transform: rotate(-45deg);
}
.lumen-face-eye {
  fill: #061117;
  transform-box: fill-box;
  transform-origin: center;
  animation: lumenFaceBlink 12.8s ease-in-out infinite;
}
.lumen-face-mouth {
  transform-box: fill-box;
  transform-origin: center;
  stroke: #061117;
  stroke-width: 1.45;
  stroke-linecap: round;
  fill: none;
}
.lumen-mouth-smile {
  animation: lumenMouthSmile 12.8s steps(1,end) infinite;
}
.lumen-mouth-oh {
  fill: #061117;
  stroke: none;
  opacity: 0;
  animation: lumenMouthOh 12.8s steps(1,end) infinite;
}
.lumen-mouth-soft {
  opacity: 0;
  animation: lumenMouthSoft 12.8s steps(1,end) infinite;
}
.lumen-float.open .lumen-float-toggle {
  animation-play-state: paused;
}
.lumen-float.open .lumen-float-gem,.lumen-float.open .lumen-float-toggle::after {
  animation-play-state: paused;
  transform: translateX(0) rotate(45deg) scale(1.04);
}
.lumen-float.dragging {
  z-index: 260;
}
.lumen-float.dragging .lumen-float-toggle {
  cursor: grabbing;
  animation-play-state: paused;
}
.lumen-float.dragging .lumen-float-gem,.lumen-float.dragging .lumen-float-toggle::after,.lumen-float.settling .lumen-float-gem,.lumen-float.settling .lumen-float-toggle::after {
  animation-play-state: paused !important;
  transform: rotate(45deg) scale(1.04) !important;
}
.lumen-float.settling {
  transition: left .28s cubic-bezier(.22,.76,.3,1),top .22s cubic-bezier(.22,.76,.3,1);
  will-change: left,top;
}
.lumen-float.dock-left {
  align-items: flex-start;
}
.lumen-float.dock-left .lumen-float-toggle::after {
  right: auto;
  left: 10px;
}
.lumen-float.dock-left .lumen-float-gem {
  right: auto;
  left: 11px;
}
.lumen-float.dock-left .lumen-float-menu {
  right: auto;
  left: 8px;
  transform-origin: bottom left;
}
.lumen-float-toggle:focus-visible {
  outline: 2px solid #65dce9;
  outline-offset: 4px;
  border-radius: 18px;
}
.lumen-float-menu {
  position: absolute;
  right: 8px;
  bottom: calc(100% + 8px);
  width: 148px;
  padding: 4px;
  display: block;
  border: 1px solid #44533e;
  border-radius: 10px;
  background: #121b14;
  box-shadow: 0 8px 22px rgba(0,0,0,.36);
  opacity: 0;
  visibility: hidden;
  transform: translateY(5px) scale(.97);
  transform-origin: bottom right;
  transition: opacity .16s ease,transform .18s ease,visibility .16s;
}
.lumen-float.menu-below .lumen-float-menu {
  top: calc(100% + 8px);
  bottom: auto;
  transform-origin: top right;
}
.lumen-float.dock-left.menu-below .lumen-float-menu {
  transform-origin: top left;
}
.lumen-float.open .lumen-float-menu {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.lumen-float-menu button {
  width: 100%;
  min-height: 44px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #e4efdb;
  text-align: left;
  white-space: nowrap;
}
.lumen-float-menu button::before {
  content: "";
  display: block;
  flex: none;
  width: 16px;
  height: 16px;
  background: currentColor;
  color: #b9d39f;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='3'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='3'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  pointer-events: none;
}
.lumen-float-menu button::after {
  content: "";
  width: 5px;
  height: 5px;
  margin-left: auto;
  border-top: 1px solid #8ea47b;
  border-right: 1px solid #8ea47b;
  transform: rotate(45deg);
}
.lumen-float-menu button:hover,.lumen-float-menu button.active {
  background: #20301e;
  color: #f4faed;
}
.lumen-float-menu button:focus-visible {
  outline: 2px solid #c8e5aa;
  outline-offset: -2px;
  background: #20301e;
}
.lumen-float-menu b {
  font-size: 13px;
  font-weight: 550;
  line-height: 1.4;
}
@keyframes lumenFloat {
  0%,100% {
    transform: translate3d(0,0,0);
  }
  50% {
    transform: translate3d(0,-9px,0);
  }
}
@keyframes lumenWobble {
  0%,100% {
    transform: rotate(42deg);
  }
  50% {
    transform: rotate(48deg);
  }
}
@keyframes lumenFaceBlink {
  0%,35.5%,36.8%,87%,88.3%,100% {
    transform: scaleY(1);
  }
  36%,87.5% {
    transform: scaleY(.08);
  }
  36.35%,87.85% {
    transform: scaleY(.22);
  }
}
@keyframes lumenMouthSmile {
  0%,22%,31%,59%,70%,79%,90%,100% {
    opacity: 1;
  }
  23%,30%,60%,69%,80%,89% {
    opacity: 0;
  }
}
@keyframes lumenMouthOh {
  0%,22%,31%,59%,70%,100% {
    opacity: 0;
  }
  23%,30%,60%,69% {
    opacity: 1;
  }
}
@keyframes lumenMouthSoft {
  0%,79%,90%,100% {
    opacity: 0;
  }
  80%,89% {
    opacity: 1;
  }
}
@media (max-width:640px) {
  .lumen-float {
    right: 0;
    top: clamp(300px,56dvh,560px);
    bottom: auto;
    width: 58px;
    height: 58px;
    gap: 0;
  }
  .lumen-float-toggle {
    width: 58px;
    height: 58px;
    filter: drop-shadow(0 7px 11px rgba(0,0,0,.36));
    animation: none;
  }
  .lumen-float-toggle::after {
    right: 8px;
    top: 16px;
    width: 31px;
    height: 31px;
    border-radius: 8px;
    animation: lumenBinancePatrol 12.8s linear infinite;
  }
  .lumen-float-gem {
    right: 9px;
    top: 13px;
    width: 31px;
    height: 31px;
    border-radius: 8px;
    animation: lumenBinancePatrol 12.8s linear infinite;
  }
  .lumen-float-face {
    width: 22px;
    height: 22px;
  }
  .lumen-face-mouth {
    stroke-width: 1.35;
  }
  .lumen-float.dock-left .lumen-float-toggle::after {
    right: auto;
    left: 8px;
    animation-name: lumenBinancePatrolLeft;
  }
  .lumen-float.dock-left .lumen-float-gem {
    right: auto;
    left: 9px;
    animation-name: lumenBinancePatrolLeft;
  }
  .lumen-float.open .lumen-float-gem,.lumen-float.open .lumen-float-toggle::after,.lumen-float-toggle:hover .lumen-float-gem,.lumen-float-toggle:hover::after,.lumen-float-toggle:focus-visible .lumen-float-gem,.lumen-float-toggle:focus-visible::after {
    animation-play-state: paused;
    transform: translateX(0) rotate(45deg) scale(1.04);
  }
}
@keyframes lumenBinancePatrol {
  0%,6% {
    transform: translateX(32px) rotate(45deg) scale(.96);
  }
  8% {
    transform: translateX(4px) translateY(5px) rotate(42deg);
  }
  10%,12% {
    transform: translateX(-46px) translateY(-6px) rotate(47deg);
  }
  14% {
    transform: translateX(-42px) translateY(48px) rotate(42deg);
  }
  16%,22% {
    transform: translateX(0) translateY(56px) rotate(45deg);
  }
  23.5% {
    transform: translateX(-22px) translateY(0) rotate(43deg);
  }
  25.5% {
    transform: translateX(0) translateY(0) rotate(45deg);
  }
  35% {
    transform: translateX(0) translateY(-2px) rotate(44deg);
  }
  45% {
    transform: translateX(0) translateY(2px) rotate(46deg);
  }
  55% {
    transform: translateX(0) translateY(-1px) rotate(44deg);
  }
  64.5% {
    transform: translateX(0) translateY(0) rotate(45deg);
  }
  66.8%,80% {
    transform: translateX(32px) rotate(45deg) scale(.96);
  }
  82.5% {
    transform: translateX(-43px) translateY(8px) rotate(42deg);
  }
  84.5%,100% {
    transform: translateX(0) translateY(8px) rotate(45deg);
  }
}
@keyframes lumenBinancePatrolLeft {
  0%,6% {
    transform: translateX(-32px) rotate(45deg) scale(.96);
  }
  8% {
    transform: translateX(-4px) translateY(5px) rotate(48deg);
  }
  10%,12% {
    transform: translateX(46px) translateY(-6px) rotate(43deg);
  }
  14% {
    transform: translateX(42px) translateY(48px) rotate(48deg);
  }
  16%,22% {
    transform: translateX(0) translateY(56px) rotate(45deg);
  }
  23.5% {
    transform: translateX(22px) translateY(0) rotate(47deg);
  }
  25.5% {
    transform: translateX(0) translateY(0) rotate(45deg);
  }
  35% {
    transform: translateX(0) translateY(-2px) rotate(46deg);
  }
  45% {
    transform: translateX(0) translateY(2px) rotate(44deg);
  }
  55% {
    transform: translateX(0) translateY(-1px) rotate(46deg);
  }
  64.5% {
    transform: translateX(0) translateY(0) rotate(45deg);
  }
  66.8%,80% {
    transform: translateX(-32px) rotate(45deg) scale(.96);
  }
  82.5% {
    transform: translateX(43px) translateY(8px) rotate(48deg);
  }
  84.5%,100% {
    transform: translateX(0) translateY(8px) rotate(45deg);
  }
}
@media (prefers-reduced-motion:reduce) {
  .lumen-float-toggle,.lumen-float-toggle::after,.lumen-float-gem,.lumen-face-eye,.lumen-face-mouth {
    animation: none;
  }
  .lumen-mouth-oh,.lumen-mouth-soft {
    display: none;
  }
  .lumen-float-menu {
    transition: none;
  }
}
@media (max-width:640px) and (prefers-reduced-motion:reduce) {
  .lumen-float-gem {
    transform: translateX(0) rotate(45deg);
  }
}
.lumen-float-toggle {
  filter: drop-shadow(0 9px 15px rgba(0,0,0,.54)) drop-shadow(0 0 10px rgba(108,255,50,.12));
}
.lumen-float-toggle::after {
  background: linear-gradient(145deg,#5e791e,#8a6820);
  opacity: .65;
  box-shadow: 0 6px 12px rgba(0,0,0,.28);
}
.lumen-float-gem {
  border-color: rgba(240,255,230,.78);
  background: linear-gradient(145deg,var(--fm-accent-soft) 0,var(--fm-accent) 48%,var(--fm-gold) 100%);
  box-shadow: inset 1px 1px rgba(255,255,255,.46),inset -4px -5px 9px rgba(50,68,12,.14),0 7px 14px rgba(0,0,0,.34),0 0 0 1px rgba(108,255,50,.14);
}
.lumen-face-eye,.lumen-mouth-oh {
  fill: #0b1008;
}
.lumen-face-mouth {
  stroke: #0b1008;
}
.lumen-float-toggle:focus-visible {
  outline-color: var(--fm-accent) !important;
}
.pool-detail-panel {
  margin-top: 12px;
}
.pool-detail-grid {
  margin-top: 17px;
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr);
  border-top: 1px solid rgba(129,157,215,.12);
}
.pool-detail-grid>.allocation-list {
  margin: 0;
  padding: 9px 24px 0 0;
}
.pool-inline-ledger {
  min-width: 0;
  padding: 15px 0 0 24px;
  border-left: 1px solid rgba(129,157,215,.12);
}
.pool-inline-ledger-head {
  min-height: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.pool-inline-ledger-head span {
  color: #91a3bc;
  font-size: 9px;
}
.pool-inline-ledger-head small {
  color: #718098;
  font-size: 8px;
}
.pool-inline-ledger .activity-list {
  margin-top: 1px;
}
.pool-inline-ledger .activity-list>div {
  min-height: 49px;
}
@media (max-width:640px) {
  .pool-detail-grid {
    grid-template-columns: 1fr;
  }
  .pool-detail-grid>.allocation-list {
    padding: 8px 0 12px;
  }
  .pool-inline-ledger {
    padding: 13px 0 0;
    border-left: 0;
    border-top: 1px solid rgba(129,157,215,.12);
  }
}
.pool-hero {
  grid-template-columns: minmax(250px,1fr) minmax(250px,1fr);
}
.transfer-rule-summary {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  border: 1px solid rgba(129,157,215,.15);
  border-radius: 9px;
  background: rgba(5,10,21,.56);
  overflow: hidden;
}
.transfer-rule-summary>div {
  min-width: 0;
  padding: 11px 10px;
  border-left: 1px solid rgba(129,157,215,.12);
}
.transfer-rule-summary>div:first-child {
  border-left: 0;
}
.transfer-rule-summary span,.transfer-rule-summary b,.transfer-rule-summary small {
  display: block;
}
.transfer-rule-summary span {
  color: #718098;
  font-size: 8px;
}
.transfer-rule-summary b {
  margin-top: 6px;
  color: #e5eef9;
  font-size: 9px;
  font-weight: 560;
  white-space: nowrap;
}
.transfer-rule-summary small {
  margin-top: 4px;
  color: #718098;
  font-size: 7px;
  white-space: nowrap;
}
@media (max-width:900px) {
  .pool-hero {
    grid-template-columns: 1fr;
  }
}
@media (max-width:640px) {
  .transfer-rule-summary>div {
    padding: 10px 7px;
  }
  .transfer-rule-summary b {
    font-size: 8px;
  }
  .transfer-rule-summary small {
    font-size: 6.5px;
  }
}
.view[data-page="strategy"] .strategy-builder-layout {
  grid-template-columns: minmax(0,760px);
  justify-content: center;
}
.view[data-page="strategy"] .strategy-builder {
  position: static;
  width: 100%;
  min-height: 0;
}
.builder-cycle-picker {
  margin-top: 18px;
  padding: 3px;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 3px;
  border: 1px solid rgba(129,157,215,.16);
  border-radius: 8px;
  background: rgba(5,10,21,.66);
}
.builder-cycle-picker button {
  min-height: 36px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #8192aa;
  font-size: 10px;
  transition: color .18s ease,background .18s ease;
}
.builder-cycle-picker button:hover {
  color: #eafcff;
  background: rgba(18,30,52,.62);
}
.builder-cycle-picker button.active {
  color: #eaffff;
  background: linear-gradient(135deg,rgba(45,226,194,.14),rgba(83,109,255,.14));
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}
@media (max-width:640px) {
  .builder-cycle-picker {
    margin-top: 15px;
  }
  .builder-cycle-picker button {
    min-height: 34px;
    font-size: 9px;
  }
}
:root {
  --ledger: #101315;
  --ledger-raised: #14181a;
  --ledger-inset: #0b0d0f;
  --ledger-line: rgba(235,240,237,.10);
  --ledger-line-soft: rgba(235,240,237,.065);
  --glass-surface: rgba(15,18,19,.76);
  --glass-raised: rgba(19,23,24,.82);
}
.panel,
.metric-card,.metric-card:nth-child(1),.metric-card:nth-child(2),.metric-card:nth-child(3),.metric-card:nth-child(4),.hero-metric,
.asset-card,.asset-card:nth-child(2),.asset-card:nth-child(3),.asset-card:nth-child(4),.asset-card.primary,
.team-stat,.upgrade-card,.ops-stats>div,.team-invite,.view[data-page="operations"] .panel,
.risk-banner,.pool-hero,.strategy-builder,.order-center,.team-overview-panel {
  border-color: var(--ledger-line) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.035),transparent 36%),var(--glass-surface) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.038),0 18px 42px rgba(0,0,0,.30) !important;
  backdrop-filter: blur(18px) saturate(108%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(108%) !important;
}
.asset-card.asset-hero,.hero-metric,.pool-hero,.team-overview-panel {
  background: radial-gradient(circle at 86% -12%,rgba(220,226,222,.045),transparent 42%),var(--glass-raised) !important;
  border-color: rgba(235,240,237,.14) !important;
}
.panel::before {
  display: none;
}
.metric-card::after {
  width: 22px;
  height: 1px;
  background: #6e8995;
  box-shadow: none;
}
.asset-card,.metric-card,.panel,.team-stat,.upgrade-card,.ops-stats>div {
  border-radius: 9px !important;
}
.asset-card em {
  border-color: rgba(235,240,237,.10);
  background: #171a1b;
  color: #9aa29e;
}
.asset-card button {
  color: #cbd1cd;
}
.asset-detail-grid,.asset-cards {
  gap: 10px;
}
.token-visual,.reward-example,.payout-summary,.order-summary,.fee-breakdown,.auto-row,.transfer-rule-summary,.history-ledger,.order-center-summary,.builder-cycle,.builder-cycle-picker,.segmented {
  border-color: var(--ledger-line-soft) !important;
  background: var(--ledger-inset) !important;
  box-shadow: none !important;
}
.quantum-settlement {
  background: linear-gradient(180deg,rgba(255,255,255,.035),transparent 36%),var(--glass-raised);
  border-color: rgba(235,240,237,.14);
  box-shadow: inset 0 1px rgba(255,255,255,.038),0 18px 42px rgba(0,0,0,.30);
  backdrop-filter: blur(18px) saturate(108%);
  -webkit-backdrop-filter: blur(18px) saturate(108%);
}
.quantum-settlement::before {
  background-image: radial-gradient(rgba(149,191,211,.24) 0 .5px,transparent .72px);
  background-size: 18px 18px;
  opacity: .18;
  mask-image: linear-gradient(90deg,#000,transparent 66%);
}
@media (max-width:640px) {
  .workspace {
    padding-bottom: 70px;
  }
  .mobile-nav {
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(68px + env(safe-area-inset-bottom));
    padding: 6px 9px env(safe-area-inset-bottom);
    border: 0;
    border-top: 1px solid rgba(235,240,237,.085);
    border-radius: 0;
    background: #080a0b;
    box-shadow: inset 0 1px rgba(255,255,255,.018),0 -12px 28px rgba(0,0,0,.48);
    backdrop-filter: none;
  }
  .mobile-nav button {
    min-height: 54px;
    border-radius: 0;
    background: transparent !important;
    color: #6d7470;
  }
  .mobile-nav button::after {
    display: none !important;
  }
  .mobile-nav button::before {
    top: -6px;
    width: 18px;
    height: 1px;
    background: #cbd1cd;
    box-shadow: none;
  }
  .mobile-nav button.active {
    color: #f0f2f0;
    background: transparent !important;
  }
  .mobile-nav svg {
    width: 20px;
    height: 20px;
    stroke-width: 1.45;
  }
  .mobile-nav span {
    font-size: 8px;
    letter-spacing: .02em;
  }
}
@media (min-width:641px) and (max-width:1024px) {
  .mobile-nav {
    left: 0;
    right: 0;
    bottom: 0;
    height: 68px;
    padding: 6px 18px;
    border: 0;
    border-top: 1px solid rgba(235,240,237,.085);
    border-radius: 0;
    background: #080a0b;
    box-shadow: inset 0 1px rgba(255,255,255,.018),0 -12px 28px rgba(0,0,0,.48);
    backdrop-filter: none;
  }
  .mobile-nav button {
    min-height: 54px;
    border-radius: 0;
    background: transparent !important;
    color: #6d7470;
  }
  .mobile-nav button::after {
    display: none !important;
  }
  .mobile-nav button::before {
    top: -6px;
    width: 18px;
    height: 1px;
    background: #cbd1cd;
    box-shadow: none;
  }
  .mobile-nav button.active {
    color: #f0f2f0;
    background: transparent !important;
  }
  .mobile-nav svg {
    width: 20px;
    height: 20px;
    stroke-width: 1.45;
  }
  .mobile-nav span {
    font-size: 8px;
    letter-spacing: .02em;
  }
}
@media (prefers-reduced-motion:reduce) {
  .quantum-loop,.quantum-link,.quantum-core,.quantum-entanglement>i {
    animation: none;
  }
}
html,body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar,body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
* {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
*::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.view[data-page="team"] .team-overview-panel {
  grid-template-columns: 170px minmax(0,1fr);
  gap: 0;
  padding: 0;
  border: 1px solid var(--ledger-line);
  border-radius: 14px !important;
  overflow: hidden;
}
.team-overview-panel .level-orbit {
  min-height: 164px;
  padding: 26px;
  align-items: flex-start;
  border: 0 !important;
  border-right: 1px solid var(--ledger-line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.team-overview-panel .upgrade-card {
  min-height: 164px;
  padding: 26px 30px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.team-overview-panel .upgrade-card strong {
  margin-top: 16px;
  font-size: 17px;
}
.team-overview-panel .upgrade-card>i {
  max-width: 520px;
  margin-top: 19px;
}
.team-overview-panel .upgrade-card em {
  margin-top: 10px;
}
.team-overview-panel .team-kpis {
  grid-column: 1/-1;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0;
  border-top: 1px solid var(--ledger-line-soft);
}
.team-overview-panel .team-stat {
  min-height: 116px;
  padding: 22px 26px;
  border: 0 !important;
  border-left: 1px solid var(--ledger-line-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.team-overview-panel .team-stat:first-child {
  border-left: 0 !important;
}
.team-overview-panel .team-stat strong {
  margin-top: 14px;
  font-size: 24px;
}
.team-overview-panel .team-stat em {
  margin-top: 7px;
}
.team-overview-panel .team-invite {
  grid-column: 1/-1;
  min-height: auto;
  padding: 18px 26px;
  display: grid;
  grid-template-columns: minmax(120px,.55fr) minmax(220px,1fr) minmax(190px,.8fr) auto;
  align-items: center;
  gap: 16px;
  border: 0 !important;
  border-top: 1px solid var(--ledger-line-soft) !important;
  border-radius: 0 !important;
  background: rgba(0,0,0,.10) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.team-overview-panel .team-invite strong,.team-overview-panel .team-invite small,.team-overview-panel .team-invite .button {
  margin: 0;
}
.team-overview-panel .team-invite .button {
  justify-self: end;
}
@media (max-width:900px) {
  .view[data-page="team"] .team-overview-panel {
    grid-template-columns: 150px minmax(0,1fr);
  }
  .team-overview-panel .team-invite {
    grid-template-columns: 1fr auto;
  }
  .team-overview-panel .team-invite small {
    grid-column: 1;
  }
  .team-overview-panel .team-invite .button {
    grid-column: 2;
    grid-row: 1/3;
  }
}
@media (max-width:640px) {
  .panel,.metric-card,.asset-card,.risk-banner,.pool-hero,.strategy-builder,.order-center,.team-overview-panel,.quantum-settlement {
    backdrop-filter: blur(14px) saturate(106%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(106%) !important;
  }
  .view[data-page="team"] .team-overview-panel {
    grid-template-columns: 112px minmax(0,1fr);
    gap: 0;
  }
  .team-overview-panel .level-orbit {
    min-height: 142px;
    padding: 18px 16px;
  }
  .team-overview-panel .upgrade-card {
    min-height: 142px;
    padding: 19px 17px;
  }
  .team-overview-panel .upgrade-card strong {
    font-size: 14px;
    line-height: 1.35;
  }
  .team-overview-panel .upgrade-card>i {
    margin-top: 15px;
  }
  .team-overview-panel .team-kpis {
    grid-template-columns: 1fr;
  }
  .team-overview-panel .team-stat {
    min-height: 78px;
    padding: 15px 17px;
    border-left: 0 !important;
    border-top: 1px solid var(--ledger-line-soft) !important;
  }
  .team-overview-panel .team-stat:first-child {
    border-top: 0 !important;
  }
  .team-overview-panel .team-stat strong {
    margin-top: 8px;
    font-size: 20px;
  }
  .team-overview-panel .team-invite {
    padding: 17px;
    grid-template-columns: 1fr;
  }
  .team-overview-panel .team-invite strong {
    margin-top: 3px;
    font-size: 12px;
    overflow-wrap: anywhere;
  }
  .team-overview-panel .team-invite small {
    grid-column: auto;
  }
  .team-overview-panel .team-invite .button {
    grid-column: auto;
    grid-row: auto;
    justify-self: stretch;
    width: 100%;
    margin-top: 3px;
  }
}
:root {
  --fm-bg: #03040b;
  --fm-aside: #05060e;
  --fm-surface: rgba(8,11,24,.96);
  --fm-surface-solid: #080b18;
  --fm-surface-raised: #0d1124;
  --fm-inset: #060815;
  --fm-border: rgba(113,106,167,.34);
  --fm-border-soft: rgba(113,106,167,.26);
  --fm-border-strong: rgba(137,110,211,.52);
  --fm-accent: #b88af4;
  --fm-accent-mid: #9e70de;
  --fm-accent-soft: #d1c1f1;
  --fm-gold: #b8a0e8;
  --fm-text: #f3f1fc;
  --fm-text-secondary: #a8a4ba;
  --fm-muted: #a29eb6;
  --fm-danger: #ff4a32;
  --fm-warning: #ffaf10;
  --bg: var(--fm-bg);
  --deep: var(--fm-bg);
  --panel: var(--fm-surface-solid);
  --panel2: var(--fm-surface-raised);
  --panel3: #20251f;
  --line: var(--fm-border);
  --line2: var(--fm-border-strong);
  --text: var(--fm-text);
  --muted: var(--fm-text-secondary);
  --faint: var(--fm-muted);
  --accent: var(--fm-accent);
  --accent2: var(--fm-accent-soft);
  --accent3: #376f24;
  --green: var(--fm-accent);
  --red: var(--fm-danger);
  --orange: var(--fm-warning);
  --ledger: var(--fm-surface-solid);
  --ledger-raised: var(--fm-surface-raised);
  --ledger-inset: var(--fm-inset);
  --ledger-line: var(--fm-border);
  --ledger-line-soft: var(--fm-border-soft);
  --glass-surface: var(--fm-surface);
  --glass-raised: rgba(23,26,23,.96)
;
}
html,body {
  color-scheme: dark;
  background: var(--fm-bg) !important;
}
body {
  color: var(--fm-text);
  font-family: "Nunito","PingFang SC","Microsoft YaHei",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.app-noise {
  display: none !important;
}
.app-progress {
  height: 2px;
  background: linear-gradient(90deg,var(--fm-accent-mid),var(--fm-accent),var(--fm-accent-soft));
  box-shadow: 0 0 16px rgba(108,255,50,.58);
}
.app-shell {
  border-color: var(--fm-border) !important;
  border-radius: 18px;
  background: #000 !important;
  box-shadow: 0 28px 100px rgba(0,0,0,.58);
}
.main {
  position: relative;
  background: #000 !important;
}
.main::before {
  inset: 0 !important;
  background-color: #000 !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: 100% 980px,100% 980px,clamp(980px,112vw,1680px) auto !important;
  opacity: .74 !important;
  filter: saturate(.94) contrast(1.06) !important;
  animation: fmArenaBreathe 14s ease-in-out infinite !important;
  transform: none !important;
  mask-image: linear-gradient(180deg,#000 0,#000 66%,transparent 96%);
}
.meteor-field {
  display: none !important;
}
@keyframes fmArenaBreathe {
  0%,100% {
    opacity: .68;
    filter: saturate(.90) contrast(1.04);
  }
  50% {
    opacity: .78;
    filter: saturate(1.02) contrast(1.08);
  }
}
.sidebar {
  border-right-color: var(--fm-border-soft);
  background: var(--fm-aside) !important;
}
.brand-word {
  color: #fff;
  font-weight: 650;
  letter-spacing: -.02em;
}
.brand-mark::before,.brand-mark::after {
  border-color: var(--fm-accent);
  box-shadow: 0 0 12px rgba(108,255,50,.30);
}
.brand-mark::after {
  border-color: var(--fm-gold);
  opacity: .68;
}
.brand-mark i {
  background: var(--fm-accent-soft);
  box-shadow: 0 0 8px rgba(196,255,173,.62);
}
.nav-item,.admin-entry {
  border-radius: 8px;
  color: #767d72;
}
.nav-item::before,.admin-entry::before {
  background: var(--fm-accent);
  box-shadow: 0 0 12px rgba(108,255,50,.56);
}
.nav-item:hover,.admin-entry:hover {
  color: var(--fm-text-secondary);
  background: rgba(255,255,255,.035);
}
.nav-item.active {
  color: var(--fm-accent);
  border-color: rgba(108,255,50,.14);
  background: rgba(108,255,50,.055);
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.nav-icon {
  color: inherit;
}
.admin-entry {
  border-color: var(--fm-border);
  background: #111;
}
.admin-entry em {
  border-color: rgba(108,255,50,.22);
  color: var(--fm-accent);
  background: rgba(108,255,50,.045);
}
.biometric-mini {
  border-color: var(--fm-border);
  border-radius: 12px;
  background: #111;
}
.fingerprint-mini,.fingerprint-wide {
  border-color: rgba(108,255,50,.34);
  background: linear-gradient(180deg,#182016,#0d100d);
  box-shadow: inset 0 1px rgba(255,255,255,.04),0 0 22px rgba(108,255,50,.08);
}
.fingerprint-mini svg,.fingerprint-wide svg {
  stroke: var(--fm-text-secondary);
}
.fingerprint-mini i,.fingerprint-wide i {
  background: var(--fm-accent);
  box-shadow: 0 0 10px 2px rgba(108,255,50,.42);
}
.topbar {
  border-bottom-color: var(--fm-border-soft);
  background: rgba(0,0,0,.70) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.topbar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg,transparent,rgba(108,255,50,.34),rgba(243,198,77,.22),transparent);
}
.eyebrow,.topbar-status,.freshness {
  color: var(--fm-muted);
}
.network-pill,.icon-button {
  border-color: var(--fm-border);
  background: #121212;
  color: var(--fm-text-secondary);
}
.network-pill i {
  background: var(--fm-accent);
  box-shadow: 0 0 9px rgba(108,255,50,.52);
}
.wallet-button {
  border-color: rgba(108,255,50,.54) !important;
  border-radius: 999px !important;
  background: rgba(10,14,10,.76) !important;
  color: var(--fm-accent) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.04),0 0 20px rgba(108,255,50,.08) !important;
  font-weight: 650;
}
.wallet-button::after,.button.primary::after {
  left: -80%;
  top: -80%;
  width: 46%;
  height: 260%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  transform: rotate(20deg);
  transition: transform .7s var(--ease);
}
.wallet-button:hover {
  color: #0b0f0a !important;
  background: linear-gradient(90deg,var(--fm-accent-mid),var(--fm-accent),var(--fm-accent-soft)) !important;
  box-shadow: 0 10px 26px -10px rgba(108,255,50,.60),0 0 22px -6px rgba(108,255,50,.72) !important;
}
.wallet-button:hover::after,.button.primary:hover::after {
  transform: translateX(520%) rotate(20deg);
}
.market-ticker {
  border-bottom-color: var(--fm-border-soft);
  background: #090a09;
}
.market-ticker::after {
  background: linear-gradient(90deg,transparent,rgba(108,255,50,.18),transparent) !important;
}
.ticker-source,.ticker-item {
  border-right-color: var(--fm-border-soft);
}
.ticker-source {
  color: var(--fm-text-secondary);
}
.ticker-source i {
  background: var(--fm-gold);
  box-shadow: 0 0 8px rgba(243,198,77,.46);
}
.ticker-item b {
  color: #777d74;
}
.kicker {
  border-color: rgba(108,255,50,.28);
  background: rgba(108,255,50,.045);
  color: var(--fm-accent);
  box-shadow: inset 0 1px rgba(255,255,255,.03);
}
.page-head h2 {
  color: #fff;
  font-weight: 650;
}
.page-head p {
  color: var(--fm-text-secondary);
}
.section-label {
  color: var(--fm-accent);
  font-weight: 650;
}
.section-label b {
  color: var(--fm-accent-soft);
}
.panel-head h3 {
  color: #fff;
  font-weight: 620;
}
.button {
  border-color: var(--fm-border-strong);
  border-radius: 999px;
  background: rgba(20,20,20,.94);
  color: var(--fm-text-secondary);
  font-weight: 650;
  box-shadow: inset 0 1px rgba(255,255,255,.045);
}
.button.secondary::after,.button.ghost::after {
  display: none;
}
.button:hover {
  border-color: rgba(108,255,50,.35);
  color: #fff;
  background: #191c18;
}
.button.primary {
  border-color: var(--fm-accent-soft);
  background: linear-gradient(90deg,var(--fm-accent-mid),var(--fm-accent),var(--fm-accent-soft));
  color: #0b0f0a;
  box-shadow: inset 0 1px rgba(255,255,255,.32),0 10px 26px -14px rgba(108,255,50,.58);
}
.button.primary:hover {
  color: #080b07;
  background: linear-gradient(90deg,var(--fm-accent-soft),var(--fm-accent),var(--fm-accent-mid));
  box-shadow: 0 12px 28px -10px rgba(108,255,50,.62),0 0 20px -8px rgba(108,255,50,.72);
}
.button.secondary {
  border-color: rgba(108,255,50,.30);
  background: rgba(13,17,12,.92);
  color: var(--fm-accent-soft);
}
.button.ghost {
  border-color: var(--fm-border);
  background: #0c0d0c;
  color: #a8afa2;
}
.text-button {
  color: var(--fm-accent);
}
.text-button:hover {
  color: var(--fm-accent-soft);
}
button:focus-visible,a:focus-visible,input:focus-visible {
  outline: 2px solid rgba(108,255,50,.68) !important;
  outline-offset: 2px;
}
.panel,
.metric-card,.metric-card:nth-child(1),.metric-card:nth-child(2),.metric-card:nth-child(3),.metric-card:nth-child(4),.hero-metric,
.asset-card,.asset-card:nth-child(2),.asset-card:nth-child(3),.asset-card:nth-child(4),.asset-card.primary,
.team-stat,.upgrade-card,.ops-stats>div,.team-invite,.view[data-page="operations"] .panel,
.risk-banner,.pool-hero,.strategy-builder,.order-center,.team-overview-panel,.quantum-settlement {
  border-color: var(--fm-border) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.035),transparent 28%),var(--fm-surface) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.048),0 18px 40px rgba(0,0,0,.30) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.panel:hover,.metric-card:hover,.asset-card:hover,.team-stat:hover,.ops-stats>div:hover {
  border-color: rgba(108,255,50,.34) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.055),0 12px 30px -18px rgba(108,255,50,.38) !important;
}
.asset-card.asset-hero,.hero-metric,.pool-hero,.team-overview-panel,.quantum-settlement {
  border-color: rgba(108,255,50,.17) !important;
  background: radial-gradient(circle at 88% -10%,rgba(108,255,50,.075),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 28%),rgba(20,20,20,.96) !important;
}
.panel::before {
  display: none !important;
}
.metric-card::after {
  width: 24px;
  height: 2px;
  background: var(--fm-accent);
  box-shadow: 0 0 9px rgba(108,255,50,.42);
}
.metric-card>span,.asset-card>span,.ops-stats span,.team-stat span,.pool-balance>span {
  color: #91988c;
}
.metric-card small,.asset-card p,.builder-note,.legal-note,.table-note {
  color: var(--fm-muted);
}
.metric-card>strong,.asset-card>strong,.ops-stats strong,.team-stat strong,.pool-balance>strong {
  color: #fff;
}
.metric-link-card strong,.metric-link-card .metric-link {
  color: var(--fm-accent);
}
.metric-orb,.metric-orb.purple,.metric-orb.pale {
  border-color: rgba(108,255,50,.18);
  background: radial-gradient(circle at 42% 40%,rgba(108,255,50,.14),transparent 58%);
  box-shadow: inset 0 0 35px rgba(108,255,50,.06);
}
.metric-orb::before {
  border-color: rgba(243,198,77,.20);
}
.spark-line {
  stroke: var(--fm-accent);
  filter: drop-shadow(0 0 5px rgba(108,255,50,.34));
}
.asset-card em {
  border-color: var(--fm-border);
  background: #191a19;
  color: #a7ada2;
}
.asset-card button {
  color: var(--fm-accent);
}
.token-visual,.reward-example,.payout-summary,.order-summary,.fee-breakdown,.auto-row,.transfer-rule-summary,.history-ledger,.order-center-summary,.builder-cycle,.builder-cycle-picker,.segmented,
.amount-input,.plain-input,.compact-form label>div,.wallet-choice,.answer-list button,.ai-explain {
  border-color: var(--fm-border) !important;
  background: var(--fm-inset) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.025) !important;
}
.builder-facts>div,.config-list>div,.settings-list label,.allocation-list>div,.activity-list>div,.transaction-list>div,.history-ledger-row,.data-table td {
  border-color: var(--fm-border-soft) !important;
}
.builder-cycle-picker button,.builder-shortcuts button,.segmented button,.cycle-picker button,.amount-input button {
  border-color: transparent;
  color: #81877d;
  background: transparent;
}
.builder-cycle-picker button:hover,.builder-shortcuts button:hover,.segmented button:hover,.cycle-picker button:hover,.amount-input button:hover {
  color: #fff;
  background: rgba(255,255,255,.045);
}
.builder-cycle-picker button.active,.segmented button.active,.cycle-picker button.active,.answer-list button.selected {
  border-color: rgba(108,255,50,.34) !important;
  background: rgba(108,255,50,.10) !important;
  color: var(--fm-accent) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.04) !important;
}
.builder-shortcuts button,.amount-input button {
  border: 1px solid var(--fm-border);
}
.answer-list button.selected i {
  border-color: var(--fm-accent);
  background: var(--fm-accent);
  color: #071006;
}
.amount-input input,.plain-input input,.compact-form input {
  color: #fff;
}
.amount-input em,.compact-form em {
  color: #7f867b;
}
.status-chip {
  border-color: var(--fm-border);
  background: #151615;
  color: #aeb5a7;
}
.status-chip.success {
  border-color: rgba(108,255,50,.28);
  background: rgba(108,255,50,.07);
  color: var(--fm-accent);
}
.status-chip.warning {
  border-color: rgba(255,175,16,.28);
  background: rgba(255,175,16,.07);
  color: var(--fm-warning);
}
.status-chip.demo {
  border-color: rgba(243,198,77,.28);
  background: rgba(243,198,77,.06);
  color: var(--fm-gold);
}
.up {
  color: var(--fm-accent) !important;
}
.down {
  color: var(--fm-danger) !important;
}
.warning-text {
  color: var(--fm-warning) !important;
}
.hero-quick-actions button {
  border-color: var(--fm-border);
  border-radius: 999px;
  background: #101210;
  color: var(--fm-text-secondary);
}
.hero-quick-actions button:first-child {
  border-color: rgba(108,255,50,.45);
  background: rgba(108,255,50,.08);
  color: var(--fm-accent);
}
.hero-quick-actions button:hover {
  border-color: rgba(108,255,50,.44);
  background: rgba(108,255,50,.10);
  color: #fff;
}
.day-progress,.table-progress>i,.upgrade-card>i {
  background: #242824;
}
.day-progress b,.table-progress>i>b,.upgrade-card>i b,.allocation-list em,.token-sources i {
  background: linear-gradient(90deg,var(--fm-accent-mid),var(--fm-accent));
  box-shadow: 0 0 8px rgba(108,255,50,.22);
}
.payout-summary i {
  background: linear-gradient(90deg,var(--fm-accent) var(--w),#242824 0);
}
.risk-progress {
  background: #242824;
}
.risk-progress i {
  background: linear-gradient(90deg,var(--fm-accent-mid),var(--fm-accent));
  box-shadow: 0 0 10px rgba(108,255,50,.28);
}
.switch>i,.toggle {
  background: #272b26;
  box-shadow: inset 0 0 0 1px var(--fm-border-strong);
}
.switch>i::after,.toggle::before {
  background: #858b81;
}
.switch input:checked+i,.toggle:checked {
  background: var(--fm-accent);
}
.switch input:checked+i::after,.toggle:checked::before {
  background: #081006;
  box-shadow: none;
}
.token-coin,.asset-token,.activity-icon {
  border-color: rgba(108,255,50,.26);
  background: #182016;
  color: var(--fm-accent);
}
.data-table th {
  color: #777e73;
}
.data-table td {
  color: var(--fm-text-secondary);
}
.data-table tbody tr:hover {
  background: rgba(108,255,50,.025);
}
.level-table .current {
  background: rgba(108,255,50,.06) !important;
}
.level-badge {
  border-color: rgba(108,255,50,.30) !important;
  color: var(--fm-accent) !important;
  background: rgba(108,255,50,.06) !important;
}
.team-overview-panel .level-orbit {
  border-right-color: var(--fm-border-soft) !important;
}
.team-overview-panel .team-kpis,.team-overview-panel .team-invite,.team-overview-panel .team-stat {
  border-color: var(--fm-border-soft) !important;
}
.team-overview-panel .team-invite {
  background: rgba(0,0,0,.18) !important;
}
.level-orbit::before,.level-orbit::after {
  border-color: rgba(108,255,50,.18) !important;
}
.level-orbit strong {
  color: var(--fm-accent);
}
.pool-hero::before {
  background-image: radial-gradient(rgba(108,255,50,.36) .65px,transparent .7px);
  opacity: .15;
}
.pool-globe {
  border-color: rgba(108,255,50,.38);
  background: radial-gradient(circle at 42% 38%,rgba(108,255,50,.15),#0c0f0b 66%);
  box-shadow: inset 0 0 48px rgba(108,255,50,.09),0 0 42px rgba(108,255,50,.08);
}
.pool-globe::before {
  border-color: rgba(108,255,50,.34);
}
.pool-globe::after {
  border-color: rgba(243,198,77,.34);
}
.pool-globe>i {
  background: var(--fm-gold);
  box-shadow: 0 0 8px rgba(243,198,77,.48);
}
.pool-globe strong,.pool-balance>strong {
  color: #fff;
  text-shadow: none;
}
.pool-globe span,.pool-balance>span,.pool-balance>div span {
  color: #8f968a;
}
.pool-balance>div b {
  color: var(--fm-text-secondary);
}
.pool-detail-grid {
  border-top-color: var(--fm-border-soft);
}
.pool-inline-ledger {
  border-left-color: var(--fm-border-soft);
}
.pool-inline-ledger-head span,.pool-inline-ledger-head small {
  color: #858c80;
}
.transfer-rule-summary>div {
  border-left-color: var(--fm-border-soft);
}
.transfer-rule-summary span,.transfer-rule-summary small {
  color: #7e857a;
}
.transfer-rule-summary b {
  color: var(--fm-text-secondary);
}
.quantum-settlement::before {
  background-image: radial-gradient(rgba(108,255,50,.28) 0 .5px,transparent .72px);
  opacity: .18;
}
.quantum-settlement::after {
  border-color: rgba(108,255,50,.18) !important;
}
.quantum-loop {
  border-color: rgba(108,255,50,.36);
  filter: drop-shadow(0 0 8px rgba(108,255,50,.12));
}
.quantum-loop::after {
  border-color: rgba(243,198,77,.24);
}
.loop-b {
  border-color: rgba(243,198,77,.38) !important;
  filter: drop-shadow(0 0 8px rgba(243,198,77,.10));
}
.quantum-link {
  background: linear-gradient(90deg,transparent,var(--fm-accent) 22%,#fff 50%,var(--fm-gold) 78%,transparent);
  box-shadow: 0 0 10px rgba(108,255,50,.25);
}
.quantum-core {
  border-color: #f1ffe9;
  background: var(--fm-accent);
  box-shadow: 0 0 0 5px rgba(108,255,50,.08),0 0 18px rgba(108,255,50,.50);
}
.core-b {
  background: var(--fm-gold);
  box-shadow: 0 0 0 5px rgba(243,198,77,.08),0 0 18px rgba(243,198,77,.46);
}
.quantum-entanglement>i {
  background: var(--fm-accent);
  box-shadow: 0 0 7px rgba(108,255,50,.52);
}
.quantum-copy span {
  color: var(--fm-accent);
}
.quantum-copy strong {
  color: var(--fm-gold);
  text-shadow: 0 0 20px rgba(243,198,77,.16);
}
.quantum-copy small {
  color: #9aa292;
}
.modal-layer {
  background: rgba(0,0,0,.78);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.modal {
  border-color: var(--fm-border-strong);
  border-radius: 20px;
  background: linear-gradient(180deg,rgba(108,255,50,.035),transparent 25%),#141414;
  color: #fff;
  box-shadow: inset 0 1px rgba(255,255,255,.05),0 30px 90px rgba(0,0,0,.72);
  backdrop-filter: none;
}
.modal-close {
  border-color: var(--fm-border);
  background: #0d0e0d;
  color: #aab1a5;
}
.modal-close:hover {
  border-color: rgba(108,255,50,.35);
  color: var(--fm-accent);
}
.wallet-choice:hover {
  border-color: rgba(108,255,50,.34) !important;
  background: #161a15 !important;
}
.toast {
  border-color: rgba(108,255,50,.24);
  background: rgba(16,18,16,.97);
  box-shadow: 0 18px 45px rgba(0,0,0,.52);
}
.toast i {
  border-color: rgba(108,255,50,.28);
  color: var(--fm-accent);
  background: rgba(108,255,50,.05);
}
@media (max-width:1024px) {
  .main::before {
    background-size: 100% 820px,100% 820px,clamp(820px,142vw,1320px) auto !important;
    opacity: .60 !important;
  }
  .mobile-nav {
    border: 0 !important;
    border-top: 1px solid var(--fm-border) !important;
    border-radius: 0 !important;
    background: rgba(9,10,9,.96) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.018),0 -14px 32px rgba(0,0,0,.54) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
  }
  .mobile-nav button {
    background: transparent !important;
    color: #747a70 !important;
  }
  .mobile-nav button::after {
    display: none !important;
  }
  .mobile-nav button::before {
    height: 2px !important;
    background: var(--fm-accent) !important;
    box-shadow: 0 0 8px rgba(108,255,50,.48) !important;
  }
  .mobile-nav button.active {
    background: rgba(108,255,50,.035) !important;
    color: var(--fm-accent) !important;
  }
}
@media (max-width:640px) {
  .main::before {
    background-position: center 16px !important;
    background-size: 100% 680px,100% 680px,780px auto !important;
    opacity: .52 !important;
  }
  .panel,.metric-card,.asset-card,.risk-banner,.pool-hero,.strategy-builder,.order-center,.team-overview-panel,.quantum-settlement {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .wallet-button {
    border-radius: 999px !important;
  }
  .pool-inline-ledger {
    border-left: 0;
    border-top-color: var(--fm-border-soft);
  }
}
@media (prefers-reduced-motion:reduce) {
  .main::before {
    animation: none !important;
  }
}
@media (max-width:640px) {
  .pool-hero {
    position: relative;
    display: block;
    min-height: 272px;
    padding: 22px 18px !important;
    overflow: hidden;
  }
  .pool-balance {
    position: relative;
    z-index: 2;
    min-height: 226px;
    padding-right: 116px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .pool-balance>strong {
    margin-top: 12px;
    font-size: 30px;
    white-space: nowrap;
  }
  .pool-balance>strong small {
    font-size: 9px;
  }
  .pool-balance>div {
    margin-top: 19px;
    gap: 17px;
  }
  .pool-balance>.button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
    margin: 0 !important;
    z-index: 3;
  }
  .pool-globe {
    position: absolute !important;
    right: 16px;
    top: 31px;
    z-index: 1;
    order: initial !important;
    width: 116px !important;
    height: 116px !important;
    margin: 0 !important;
    opacity: .82;
  }
  .pool-globe strong {
    font-size: 18px;
  }
  .pool-globe span {
    font-size: 7px;
  }
  .pool-globe::before,.pool-globe::after {
    inset: 18px;
  }
}
@media (max-width:374px) {
  .pool-hero {
    min-height: 258px;
    padding: 19px 15px !important;
  }
  .pool-balance {
    min-height: 218px;
    padding-right: 91px;
  }
  .pool-balance>strong {
    font-size: 27px;
  }
  .pool-balance>div {
    gap: 11px;
  }
  .pool-globe {
    right: 10px;
    top: 34px;
    width: 98px !important;
    height: 98px !important;
    opacity: .72;
  }
  .pool-globe strong {
    font-size: 16px;
  }
  .pool-globe::before,.pool-globe::after {
    inset: 15px;
  }
}
@media (min-width:641px) and (max-width:900px) {
  .pool-hero {
    position: relative;
    display: block;
    min-height: 286px;
    padding: 24px !important;
    overflow: hidden;
  }
  .pool-balance {
    position: relative;
    z-index: 2;
    min-height: 236px;
    padding-right: 180px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .pool-balance>strong {
    margin-top: 13px;
    white-space: nowrap;
  }
  .pool-balance>div {
    margin-top: 21px;
  }
  .pool-balance>.button {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 260px;
    min-height: 44px;
    margin: 0 !important;
    z-index: 3;
  }
  .pool-globe {
    position: absolute !important;
    right: 30px;
    top: 48px;
    z-index: 1;
    order: initial !important;
    width: 148px !important;
    height: 148px !important;
    margin: 0 !important;
    opacity: .84;
  }
  .pool-globe strong {
    font-size: 22px;
  }
  .pool-globe::before,.pool-globe::after {
    inset: 22px;
  }
}
.section-label::before {
  content: none !important;
}
.topbar-status>span {
  border-color: var(--fm-border);
  background: #111;
  color: #878e83;
}
.topbar-status>span:first-child,.topbar-status [data-state="live"] {
  color: var(--fm-accent);
}
.topbar-status [data-state="demo"] {
  color: var(--fm-gold);
}
.sys-strip {
  border-bottom-color: var(--fm-border-soft);
  background: #0b0c0b;
  color: #777e73;
}
.sys-item {
  border-right-color: var(--fm-border-soft);
}
.sys-item:first-child,.sys-item[data-state="live"] {
  color: var(--fm-accent);
}
.sys-item[data-state="demo"] {
  color: var(--fm-gold);
}
.sys-dot,.ticker-source[data-state="live"] i {
  background: var(--fm-accent);
  box-shadow: 0 0 8px rgba(108,255,50,.42);
}
.ticker-item,.ticker-item strong {
  color: var(--fm-text-secondary);
}
.metric-card:nth-child(3)>strong {
  color: var(--fm-accent);
}
.metric-link-card .metric-link>span {
  color: var(--fm-accent);
}
.level-orbit em {
  color: var(--fm-accent);
}
.order-center-summary>div {
  border-left-color: var(--fm-border-soft);
}
.order-center-summary span,.table-progress>span,.order-empty,.data-table td span {
  color: #7f867b !important;
}
.order-center-summary strong {
  color: #fff;
}
.data-table th,.history-ledger-head {
  background: #111411 !important;
  color: #7f867b !important;
}
.data-table tbody tr:nth-child(even) {
  background: rgba(108,255,50,.014);
}
.history-ledger-head {
  border-bottom: 1px solid var(--fm-border-soft);
}
.transaction-list>div>i,.withdraw-flow>div>i {
  border-color: rgba(108,255,50,.22);
  background: #121812;
  color: var(--fm-accent);
}
.transaction-list>div:nth-child(2)>i {
  border-color: rgba(243,198,77,.22);
  background: #18150d;
  color: var(--fm-gold);
}
.reward-example b,.order-summary b,.fee-breakdown b,.fee-breakdown strong,.auto-row b {
  color: #f3f7ef;
}
.progress-cell>span,.market-meter,.overview-market-grid,.overview-market-grid>div {
  border-color: var(--fm-border-soft);
  background-color: var(--fm-inset);
}
.progress-cell i,.market-meter i {
  background: linear-gradient(90deg,var(--fm-accent-mid),var(--fm-accent));
  box-shadow: 0 0 8px rgba(108,255,50,.24);
}
.market-meter b {
  background: var(--fm-gold);
  box-shadow: 0 0 8px rgba(243,198,77,.36);
}
@keyframes poolBreath {
  0%,100% {
    box-shadow: inset 0 0 48px rgba(108,255,50,.08),0 0 38px rgba(108,255,50,.06);
  }
  50% {
    box-shadow: inset 0 0 54px rgba(108,255,50,.13),0 0 48px rgba(243,198,77,.08);
  }
}
@keyframes dataFlash {
  0% {
    color: var(--fm-accent);
    background: rgba(108,255,50,.09);
  }
  100% {
    color: inherit;
    background: transparent;
  }
}
.sidebar,.topbar,.market-ticker,.ticker-source,.ticker-item {
  border-color: var(--fm-border-soft) !important;
}
.sidebar {
  box-shadow: inset -1px 0 rgba(255,255,255,.02) !important;
}
.topbar {
  box-shadow: inset 0 -1px rgba(108,255,50,.045) !important;
}
.token-coin {
  box-shadow: inset 0 1px rgba(255,255,255,.05),0 0 22px rgba(108,255,50,.10) !important;
}
.builder-reinvest {
  border-color: var(--fm-border-soft) !important;
}
.builder-facts {
  gap: 1px;
  background: var(--fm-border-soft) !important;
}
.builder-facts>span {
  background: var(--fm-inset) !important;
}
.builder-cycle span,.builder-field>span,.builder-reinvest small,.builder-facts small,.builder-note,
.team-invite span,.team-invite small,.asset-hero>p,.transaction-list small,.activity-list small,
.reward-example small,.wallet-choice em,.auto-row small,.payout-summary em,.config-list em,
.history-ledger-row b small,.pool-rules span,.pool-rules small,.transfer-rule-summary span,.transfer-rule-summary small,
.overview-feed-state>span,.market-source-row em {
  color: #858c80 !important;
}
small {
  color: #858c80 !important;
}
em:not(.up):not(.down):not(.warning-text) {
  color: #858c80 !important;
}
.builder-reinvest b,.builder-facts b,.team-invite strong,.overview-feed-state>strong {
  color: var(--fm-text-secondary) !important;
}
.history-ledger-row {
  color: var(--fm-text-secondary);
}
.history-ledger-row b {
  color: #fff;
}
.history-ledger-row strong {
  color: var(--fm-accent);
}
.withdraw-flow>b {
  background: linear-gradient(90deg,rgba(108,255,50,.34),var(--fm-border-soft));
}
.withdraw-flow>div.done>i {
  border-color: rgba(108,255,50,.30);
  background: rgba(108,255,50,.10);
  color: var(--fm-accent);
}
.workspace[data-active-view="levels"] .market-ticker,
.workspace[data-active-view="team-earnings"] .market-ticker {
  display: none;
}
.workspace[data-active-view="levels"] .main,
.workspace[data-active-view="team-earnings"] .main {
  min-height: calc(100vh - 68px);
}
.team-overview-panel .team-stat em {
  max-width: 100%;
  line-height: 1.45;
  white-space: normal;
}
.team-action-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
.team-action-card {
  position: relative;
  min-width: 0;
  min-height: 128px;
  padding: 22px 64px 22px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border: 1px solid var(--fm-border);
  border-radius: 14px;
  background: linear-gradient(180deg,rgba(255,255,255,.032),transparent 42%),rgba(18,19,18,.94);
  color: #fff;
  text-align: left;
  box-shadow: inset 0 1px rgba(255,255,255,.045),0 16px 34px rgba(0,0,0,.24);
  transition: border-color .2s ease,background .2s ease,transform .2s ease;
}
.team-action-card:hover {
  border-color: rgba(108,255,50,.34);
  background: linear-gradient(180deg,rgba(108,255,50,.045),transparent 48%),#151715;
  transform: translateY(-1px);
}
.team-action-card>span {
  color: var(--fm-accent);
  font: 650 10px/1.2 "Geist Mono","SFMono-Regular",Consolas,monospace;
  letter-spacing: .08em;
}
.team-action-card>strong {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 620;
}
.team-action-card>small {
  margin-top: 7px;
  color: #858c80 !important;
  font-size: 10px;
}
.team-action-card>i {
  position: absolute;
  right: 24px;
  top: 50%;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(108,255,50,.22);
  border-radius: 50%;
  color: var(--fm-accent);
  font-size: 17px;
  font-style: normal;
  transform: translateY(-50%);
}
.team-subpage {
  max-width: 1280px;
}
.subpage-head {
  min-height: 94px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: end;
  gap: 24px;
}
.subpage-head>div {
  min-width: 0;
}
.subpage-head h2 {
  margin-top: 10px;
  color: #fff;
  font-size: clamp(27px,2.15vw,34px);
  font-weight: 650;
}
.subpage-head p {
  margin-top: 7px;
  color: var(--fm-text-secondary);
  font-size: 11px;
}
.subpage-back {
  height: 42px;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--fm-border);
  border-radius: 999px;
  background: #111211;
  color: #aeb5a7;
  font-size: 11px;
  transition: .18s ease;
}
.subpage-back:hover {
  border-color: rgba(108,255,50,.34);
  color: var(--fm-accent);
  background: #151815;
}
.level-current-panel {
  margin-top: 22px;
  display: grid;
  grid-template-columns: 190px minmax(0,1fr);
  overflow: hidden;
  border: 1px solid rgba(108,255,50,.17);
  border-radius: 14px;
  background: radial-gradient(circle at 88% -10%,rgba(108,255,50,.075),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 28%),rgba(20,20,20,.96);
  box-shadow: inset 0 1px rgba(255,255,255,.048),0 18px 40px rgba(0,0,0,.30);
}
.level-current-mark,.level-current-progress {
  min-height: 150px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.level-current-mark {
  border-right: 1px solid var(--fm-border-soft);
}
.level-current-mark span,.level-current-progress span {
  color: #858c80;
  font-size: 10px;
}
.level-current-mark strong {
  margin-top: 7px;
  color: var(--fm-accent);
  font-size: 38px;
  font-weight: 610;
}
.level-current-mark em {
  margin-top: 4px;
  color: var(--fm-accent) !important;
  font-size: 10px;
  font-style: normal;
}
.level-current-progress strong {
  margin-top: 12px;
  color: #fff;
  font-size: 18px;
  font-weight: 620;
}
.level-current-progress>i {
  width: min(100%,560px);
  height: 5px;
  margin-top: 20px;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  background: #242824;
}
.level-current-progress>i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,var(--fm-accent-mid),var(--fm-accent));
  box-shadow: 0 0 8px rgba(108,255,50,.22);
}
.level-current-progress small {
  margin-top: 10px;
  color: #858c80 !important;
  font-size: 9px;
}
.level-section {
  margin-top: 28px;
}
.level-section-head {
  margin-bottom: 12px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}
.level-section-head h3 {
  margin-top: 7px;
  color: #fff;
  font-size: 20px;
  font-weight: 620;
}
.base-level-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
.base-level-card {
  min-width: 0;
  min-height: 102px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 17px;
  border: 1px solid var(--fm-border);
  border-radius: 14px;
  background: linear-gradient(180deg,rgba(255,255,255,.028),transparent 40%),rgba(18,19,18,.92);
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}
.base-level-card>div {
  min-width: 0;
}
.base-level-card span:not(.level-emblem),.base-level-card strong,.base-level-card small {
  display: block;
}
.base-level-card>div>span {
  color: #858c80;
  font-size: 9px;
}
.base-level-card strong {
  margin-top: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 620;
}
.base-level-card small {
  margin-top: 5px;
  color: #92998d !important;
  font-size: 10px;
  overflow-wrap: anywhere;
}
.level-card-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}
.level-rule-card {
  min-width: 0;
  min-height: 278px;
  padding: 20px;
  border: 1px solid var(--fm-border);
  border-radius: 14px;
  background: linear-gradient(180deg,rgba(255,255,255,.03),transparent 38%),rgba(18,19,18,.94);
  box-shadow: inset 0 1px rgba(255,255,255,.042),0 14px 32px rgba(0,0,0,.22);
}
.level-rule-card.current {
  border-color: rgba(108,255,50,.46);
  background: linear-gradient(180deg,rgba(108,255,50,.07),transparent 42%),#141714;
  box-shadow: inset 0 1px rgba(255,255,255,.05),0 16px 34px rgba(0,0,0,.28);
}
.level-rule-card.high-tier {
  border-color: rgba(243,198,77,.18);
}
.level-card-top {
  display: flex;
  align-items: center;
  gap: 13px;
}
.level-card-top>div {
  min-width: 0;
}
.level-card-top span:not(.level-emblem),.level-card-top strong {
  display: block;
}
.level-card-top>div>span {
  color: #858c80;
  font-size: 8px;
}
.level-card-top>div>strong {
  margin-top: 3px;
  color: #fff;
  font-size: 22px;
  font-weight: 640;
}
.level-card-top>em {
  margin-left: auto;
  padding: 5px 8px;
  border: 1px solid rgba(108,255,50,.28);
  border-radius: 999px;
  background: rgba(108,255,50,.07);
  color: var(--fm-accent) !important;
  font-size: 8px;
  font-style: normal;
}
.level-emblem {
  --tier-tone: var(--fm-accent-soft);
  width: 48px;
  aspect-ratio: 1;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid rgba(108,255,50,.24);
  border-radius: 14px;
  background: #101310;
  color: var(--tier-tone);
  box-shadow: inset 0 1px rgba(255,255,255,.05);
}
.level-emblem svg {
  width: 29px;
  height: 29px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.level-emblem.is-active,.level-emblem.tier-4 {
  border-color: rgba(108,255,50,.54);
  background: rgba(108,255,50,.075);
  box-shadow: inset 0 1px rgba(255,255,255,.06),0 0 18px rgba(108,255,50,.10);
}
.level-emblem.tier-8,.level-emblem.tier-9,.level-emblem.tier-10,.level-emblem.tier-11 {
  --tier-tone: var(--fm-gold);
  border-color: rgba(243,198,77,.29);
  background: rgba(243,198,77,.045);
}
.level-condition {
  min-height: 70px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--fm-border-soft);
}
.level-condition span,.level-condition b {
  display: block;
}
.level-condition span {
  color: #7f867b;
  font-size: 9px;
}
.level-condition b {
  margin-top: 7px;
  color: #eaf0e6;
  font-size: 11px;
  font-weight: 560;
  line-height: 1.55;
}
.level-values {
  margin: 15px 0 0;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1px;
  background: var(--fm-border-soft);
}
.level-values>div {
  min-width: 0;
  padding: 10px;
  background: #0e100e;
}
.level-values dt {
  color: #777e73;
  font-size: 8px;
}
.level-values dd {
  margin: 5px 0 0;
  color: #fff;
  font-size: 10px;
  font-weight: 580;
  overflow-wrap: anywhere;
}
.level-rule-notes {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
.level-note-card {
  min-height: 154px;
}
.level-note-card h3 {
  margin-top: 12px;
  color: #fff;
  font-size: 18px;
  font-weight: 620;
}
.level-note-card p {
  margin-top: 11px;
  color: #949b90;
  font-size: 10px;
  line-height: 1.7;
}
.level-reward-row {
  margin-top: 14px;
  padding-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--fm-border-soft);
  color: #9ba297;
  font-size: 10px;
}
.level-reward-row b {
  color: var(--fm-gold);
  font-size: 13px;
}
.earnings-total-grid {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}
.earnings-total-card {
  min-width: 0;
  min-height: 142px;
  padding: 22px;
  border: 1px solid var(--fm-border);
  border-radius: 14px;
  background: linear-gradient(180deg,rgba(255,255,255,.032),transparent 40%),rgba(18,19,18,.94);
  box-shadow: inset 0 1px rgba(255,255,255,.045),0 16px 34px rgba(0,0,0,.24);
}
.earnings-total-card span,.earnings-total-card strong,.earnings-total-card em {
  display: block;
}
.earnings-total-card span {
  color: #858c80;
  font-size: 10px;
}
.earnings-total-card strong {
  margin-top: 19px;
  color: #fff;
  font-size: clamp(20px,2vw,28px);
  font-weight: 610;
  font-variant-numeric: tabular-nums;
}
.earnings-total-card em {
  margin-top: 8px;
  color: var(--fm-accent) !important;
  font-size: 9px;
  font-style: normal;
  line-height: 1.45;
}
.earnings-query-panel {
  margin-top: 14px;
}
.earnings-filters {
  margin-top: 18px;
  display: grid;
  grid-template-columns: minmax(150px,1fr) minmax(150px,1fr) minmax(170px,1fr) auto;
  align-items: end;
  gap: 10px;
}
.earnings-filters label {
  min-width: 0;
}
.earnings-filters label>span {
  display: block;
  margin-bottom: 7px;
  color: #858c80;
  font-size: 9px;
}
.earnings-filters input,.earnings-filters select {
  width: 100%;
  min-width: 0;
  height: 42px;
  padding: 0 12px;
  border: 1px solid var(--fm-border);
  border-radius: 8px;
  background: #0c0e0c;
  color: #eef3ea;
  font: 500 11px/1 system-ui,sans-serif;
  color-scheme: dark;
  outline: 0;
}
.earnings-filters input:focus,.earnings-filters select:focus {
  border-color: rgba(108,255,50,.42);
}
.earnings-filters .button {
  min-width: 94px;
  height: 42px;
}
.earnings-range-summary {
  margin-top: 14px;
  padding: 13px 15px;
  display: flex;
  align-items: center;
  gap: 22px;
  border: 1px solid var(--fm-border-soft);
  border-radius: 9px;
  background: #0c0e0c;
  color: #7f867b;
  font-size: 9px;
}
.earnings-range-summary b {
  margin-left: 4px;
  color: #eaf0e6;
  font-size: 10px;
  font-weight: 600;
}
.earnings-ledger-row>b small {
  display: block;
}
.earnings-ledger {
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid var(--fm-border);
  border-radius: 11px;
  background: #0b0d0b;
}
.earnings-ledger-head,.earnings-ledger-row {
  display: grid;
  grid-template-columns: minmax(120px,.55fr) minmax(220px,1.4fr) minmax(120px,.55fr);
  align-items: center;
  gap: 16px;
}
.earnings-ledger-head {
  min-height: 44px;
  padding: 0 18px;
  border-bottom: 1px solid var(--fm-border-soft);
  background: #111411;
  color: #7f867b;
  font-size: 9px;
}
.earnings-ledger-head span:last-child {
  text-align: right;
}
.earnings-ledger-row {
  min-height: 72px;
  padding: 12px 18px;
  border-bottom: 1px solid var(--fm-border-soft);
}
.earnings-ledger-row:last-child {
  border-bottom: 0;
}
.earnings-ledger-row>b,.earnings-ledger-row>span>strong,.earnings-ledger-row>span>small {
  display: block;
}
.earnings-ledger-row>b {
  color: #fff;
  font-size: 11px;
  font-weight: 580;
  font-variant-numeric: tabular-nums;
}
.earnings-ledger-row>b small,.earnings-ledger-row>span>small {
  margin-top: 5px;
  color: #7f867b !important;
  font-size: 8px;
  font-weight: 450;
}
.earnings-ledger-row>span>strong {
  color: #dbe2d7;
  font-size: 11px;
  font-weight: 580;
}
.earnings-ledger-row>em {
  color: var(--fm-accent) !important;
  font-size: 12px;
  font-weight: 650;
  font-style: normal;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.earnings-empty {
  padding: 32px;
  text-align: center;
  color: #7f867b;
  font-size: 10px;
}
.order-center [data-order-filters] {
  width: max-content;
  max-width: 100%;
  flex: 0 0 auto;
}
.order-center [data-order-filters] button {
  min-width: 84px;
}
@media (max-width:1024px) {
  .workspace[data-active-view="levels"] .main,.workspace[data-active-view="team-earnings"] .main {
    min-height: calc(100vh - 60px);
  }
  .level-card-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .earnings-total-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .earnings-total-card:first-child {
    grid-column: 1/-1;
  }
  .earnings-filters {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .earnings-filters .button {
    width: max-content;
    min-width: 120px;
  }
}
@media (max-width:640px) {
  .team-action-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .team-action-card {
    min-height: 106px;
    padding: 18px 58px 18px 18px;
  }
  .team-action-card>strong {
    font-size: 15px;
  }
  .team-action-card>i {
    right: 18px;
  }
  .subpage-head {
    min-height: 0;
    grid-template-columns: 1fr;
    align-items: start;
    gap: 18px;
  }
  .subpage-head>div {
    order: 1;
  }
  .subpage-back {
    order: 0;
    width: max-content;
    height: 38px;
  }
  .subpage-head h2 {
    font-size: 24px;
  }
  .level-current-panel {
    margin-top: 18px;
    grid-template-columns: 112px minmax(0,1fr);
  }
  .level-current-mark,.level-current-progress {
    min-height: 138px;
    padding: 17px;
  }
  .level-current-mark strong {
    font-size: 31px;
  }
  .level-current-progress strong {
    font-size: 14px;
    line-height: 1.4;
  }
  .level-current-progress>i {
    margin-top: 16px;
  }
  .level-section {
    margin-top: 23px;
  }
  .level-section-head h3 {
    font-size: 17px;
  }
  .base-level-grid,.level-card-grid,.level-rule-notes {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .base-level-card {
    min-height: 92px;
    padding: 16px;
  }
  .level-rule-card {
    min-height: 0;
    padding: 17px;
  }
  .level-emblem {
    width: 42px;
    border-radius: 12px;
  }
  .level-emblem svg {
    width: 25px;
    height: 25px;
    stroke-width: 1.9;
  }
  .level-condition {
    min-height: 0;
  }
  .level-values>div {
    padding: 9px;
  }
  .earnings-total-grid {
    margin-top: 18px;
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .earnings-total-card:first-child {
    grid-column: auto;
  }
  .earnings-total-card {
    min-height: 115px;
    padding: 18px;
  }
  .earnings-total-card strong {
    margin-top: 13px;
    font-size: 23px;
  }
  .earnings-query-panel {
    padding: 16px !important;
  }
  .earnings-filters {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px;
  }
  .earnings-filters label:nth-child(3) {
    grid-column: 1/-1;
  }
  .earnings-filters .button {
    width: 100%;
    min-width: 0;
  }
  .earnings-range-summary {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .earnings-ledger-head,.earnings-ledger-row {
    grid-template-columns: 82px minmax(0,1fr) auto;
    gap: 9px;
  }
  .earnings-ledger-head {
    padding: 0 11px;
  }
  .earnings-ledger-row {
    min-height: 68px;
    padding: 11px;
  }
  .earnings-ledger-row>em {
    font-size: 10px;
    white-space: nowrap;
  }
  .order-center .segmented[data-order-filters] {
    width: max-content;
    display: inline-flex;
    margin-top: 14px;
  }
}
@media (max-width:374px) {
  .earnings-filters {
    grid-template-columns: 1fr;
  }
  .earnings-filters label:nth-child(3) {
    grid-column: auto;
  }
  .earnings-ledger-head,.earnings-ledger-row {
    grid-template-columns: 72px minmax(0,1fr) auto;
    gap: 7px;
  }
  .earnings-ledger-row>em {
    font-size: 9px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .team-action-card {
    transition: none;
  }
}
.asset-card>div.asset-card-end {
  justify-content: flex-end;
}
.asset-card>.asset-subscribe-actions {
  gap: 12px;
  justify-content: space-between;
}
.asset-card>.asset-subscribe-actions>span {
  color: #91988c;
  font-size: 8px;
}
.asset-card .asset-subscribe-actions>button {
  min-width: 76px;
  min-height: 32px;
  padding: 0 17px;
  border: 1px solid rgba(108,255,50,.58);
  border-radius: 999px;
  background: var(--fm-accent);
  color: #081006;
  font-size: 9px;
  font-weight: 650;
  box-shadow: 0 8px 22px -14px rgba(108,255,50,.9);
}
.asset-card .asset-subscribe-actions>button:hover {
  background: var(--fm-accent-soft);
  transform: translateY(-1px);
}
.token-supply-grid {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
}
.token-supply-grid>div {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--fm-border);
  border-radius: 9px;
  background: var(--fm-inset);
}
.token-supply-grid span,.token-supply-grid strong,.token-supply-grid small {
  display: block;
}
.token-supply-grid span {
  color: #91988c;
  font-size: 8px;
}
.token-supply-grid strong {
  margin-top: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: 520;
  letter-spacing: -.02em;
}
.token-supply-grid small {
  margin-top: 3px;
  color: var(--fm-accent);
  font-size: 8px;
}
@media (max-width:640px) {
  .asset-card>.asset-subscribe-actions {
    left: 15px;
    right: 15px;
    bottom: 14px;
  }
  .asset-card .asset-subscribe-actions>button {
    min-width: 82px;
    min-height: 34px;
  }
}
@media (max-width:374px) {
  .token-supply-grid {
    grid-template-columns: 1fr;
  }
}
.asset-card.asset-subscribe-card {
  display: flex;
  flex-direction: column;
  min-height: 150px;
}
.asset-card.asset-subscribe-card>.asset-subscribe-actions {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  width: auto;
  margin-top: auto;
  padding-top: 14px;
}
@media (max-width:640px) {
  .asset-cards .asset-card.asset-subscribe-card {
    min-height: 150px;
  }
  .view[data-page="strategy"] .data-table,
  .view[data-page="strategy"] .data-table thead,
  .view[data-page="strategy"] .data-table tbody {
    display: block;
    width: 100%;
  }
  .view[data-page="strategy"] .data-table thead tr,
  .view[data-page="strategy"] .data-table tbody tr {
    display: grid;
    grid-template-columns: 35% 17% 25% 23%;
    width: 100%;
  }
  .view[data-page="strategy"] .data-table th:nth-child(-n+4) {
    width: auto !important;
  }
  .view[data-page="strategy"] .data-table td:nth-child(-n+4) {
    height: auto;
    min-height: 62px;
    padding: 14px 6px 10px;
    overflow: visible;
    text-overflow: clip;
  }
  .view[data-page="strategy"] .data-table td:nth-child(7) {
    display: flex !important;
    grid-column: 1/-1;
    min-height: 43px;
    padding: 8px 6px;
    border-top: 1px solid var(--fm-border-soft);
    align-items: center;
    justify-content: flex-end;
    overflow: visible;
  }
  .view[data-page="strategy"] .data-table td:nth-child(7)::before {
    content: var(--i18n-auto-reinvest, "到期自动复投");
    margin-right: auto;
    color: #7f867b;
    font-size: 8px;
  }
  .view[data-page="strategy"] .data-table td:nth-child(7) .switch {
    gap: 7px;
  }
  .view[data-page="strategy"] .data-table td:nth-child(7) .switch>span {
    margin: 0;
    color: #cdd4c9 !important;
    font-size: 8px !important;
  }
  .view[data-page="team"] .team-overview-panel .team-kpis {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 0;
  }
  .view[data-page="team"] .team-overview-panel .team-stat {
    min-width: 0;
    min-height: 118px;
    padding: 14px 12px;
    border-top: 0 !important;
    border-left: 1px solid var(--fm-border-soft) !important;
  }
  .view[data-page="team"] .team-overview-panel .team-stat:first-child {
    border-left: 0 !important;
  }
  .view[data-page="team"] .team-overview-panel .team-stat span {
    font-size: 8px;
    line-height: 1.35;
  }
  .view[data-page="team"] .team-overview-panel .team-stat strong {
    margin-top: 10px;
    font-size: clamp(14px,4vw,18px);
    white-space: nowrap;
  }
  .view[data-page="team"] .team-overview-panel .team-stat em {
    margin-top: 8px;
    font-size: 7px;
    line-height: 1.45;
  }
  .view:is([data-page="levels"], [data-page="team"]) .level-card-grid {
    width: calc(100% + 28px);
    margin-left: -14px;
    padding: 0 14px 10px;
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: min(84vw,330px);
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 14px;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .view:is([data-page="levels"], [data-page="team"]) .level-card-grid::-webkit-scrollbar {
    display: none;
  }
  .view:is([data-page="levels"], [data-page="team"]) .level-rule-card {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}
@media (max-width:374px) {
  .view[data-page="team"] .team-overview-panel .team-stat {
    padding: 12px 8px;
  }
  .view[data-page="team"] .team-overview-panel .team-stat strong {
    font-size: 13px;
  }
  .view[data-page="team"] .team-overview-panel .team-stat em {
    font-size: 6.5px;
  }
  .view:is([data-page="levels"], [data-page="team"]) .level-card-grid {
    grid-auto-columns: 86vw;
  }
}
@media (max-width:640px) {
  .view[data-page="strategy"] .order-table-wrap {
    margin-top: 14px;
  }
  .view[data-page="strategy"] .data-table thead {
    display: none;
  }
  .view[data-page="strategy"] .data-table tbody {
    display: grid;
    gap: 10px;
  }
  .view[data-page="strategy"] .data-table tbody tr {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 0;
    padding: 15px;
    border: 1px solid var(--fm-border);
    border-radius: 12px;
    background: linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%),#101210 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.035);
  }
  .view[data-page="strategy"] .data-table tbody td {
    border: 0 !important;
    white-space: normal;
  }
  .view[data-page="strategy"] .data-table td:nth-child(1) {
    grid-column: 1/-1;
    min-height: 0;
    padding: 0 0 12px;
    border-bottom: 1px solid var(--fm-border-soft) !important;
  }
  .view[data-page="strategy"] .data-table td:nth-child(1) b {
    font-size: 12px;
  }
  .view[data-page="strategy"] .data-table td:nth-child(1) span {
    margin-top: 5px !important;
    font-size: 8px !important;
  }
  .view[data-page="strategy"] .data-table td:nth-child(2),
  .view[data-page="strategy"] .data-table td:nth-child(3) {
    min-height: 61px;
    padding: 13px 0 8px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: #e8eee4;
    font-size: 11px;
  }
  .view[data-page="strategy"] .data-table td:nth-child(2)::before {
    content: var(--i18n-period, "周期");
  }
  .view[data-page="strategy"] .data-table td:nth-child(3)::before {
    content: var(--i18n-principal, "本金");
  }
  .view[data-page="strategy"] .data-table td:nth-child(2)::before,
  .view[data-page="strategy"] .data-table td:nth-child(3)::before,
  .view[data-page="strategy"] .data-table td:nth-child(4)::before {
    color: #7f867b;
    font-size: 8px;
  }
  .view[data-page="strategy"] .data-table td:nth-child(4) {
    grid-column: 1/-1;
    min-height: 0;
    padding: 8px 0 14px;
    border-bottom: 1px solid var(--fm-border-soft) !important;
  }
  .view[data-page="strategy"] .data-table td:nth-child(4)::before {
    content: var(--i18n-progress, "运行进度");
    display: block;
    margin-bottom: 9px;
  }
  .view[data-page="strategy"] .data-table td:nth-child(7) {
    min-height: 42px;
    padding: 10px 0 0;
    border-top: 0 !important;
  }
}
.workspace[data-active-view="subscription"] .market-ticker {
  display: none;
}
.workspace[data-active-view="subscription"] .main {
  min-height: calc(100vh - 68px);
}
.asset-subpage {
  max-width: 1280px;
}
.subscription-summary-grid {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}
.subscription-summary-card {
  position: relative;
  min-width: 0;
  min-height: 142px;
  padding: 20px;
  overflow: hidden;
  border: 1px solid var(--fm-border);
  border-radius: 14px;
  background: linear-gradient(180deg,rgba(255,255,255,.032),transparent 44%),rgba(18,19,18,.94);
  box-shadow: inset 0 1px rgba(255,255,255,.045),0 16px 34px rgba(0,0,0,.24);
}
.subscription-summary-card.primary {
  border-color: rgba(108,255,50,.42);
  background: radial-gradient(circle at 90% 0,rgba(108,255,50,.11),transparent 48%),linear-gradient(180deg,rgba(108,255,50,.05),transparent 55%),#121512;
}
.subscription-summary-card>span,.subscription-summary-card>strong,.subscription-summary-card>em {
  display: block;
}
.subscription-summary-card>span {
  color: #858c80;
  font-size: 10px;
}
.subscription-summary-card>strong {
  margin-top: 19px;
  color: #fff;
  font-size: clamp(20px,2vw,28px);
  font-weight: 610;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.subscription-summary-card>strong small {
  color: #a4aa9f !important;
  font-size: .42em;
  font-weight: 520;
}
.subscription-summary-card>em {
  margin-top: 8px;
  color: #8f978a !important;
  font-size: 9px;
  font-style: normal;
  line-height: 1.45;
}
.subscription-summary-card.primary>strong,.subscription-summary-card.primary>em {
  color: var(--fm-accent) !important;
}
.subscription-summary-card>i {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 16px;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: #252925;
}
.subscription-summary-card>i>b {
  display: block;
  width: var(--subscription-progress,0);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,var(--fm-accent-mid),var(--fm-accent-soft));
  box-shadow: 0 0 10px rgba(108,255,50,.44);
  transition: width .35s ease;
}
.subscription-main-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: minmax(300px,.72fr) minmax(0,1.45fr);
  gap: 14px;
  align-items: start;
}
.subscription-form-panel,.subscription-record-panel {
  min-width: 0;
}
.subscription-field {
  margin-top: 20px;
  display: block;
}
.subscription-field>span {
  display: block;
  margin-bottom: 8px;
  color: #858c80;
  font-size: 9px;
}
.subscription-field>div {
  height: 50px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--fm-border);
  border-radius: 10px;
  background: #0b0d0b;
  transition: border-color .18s ease,box-shadow .18s ease;
}
.subscription-field>div:focus-within {
  border-color: rgba(108,255,50,.48);
  box-shadow: 0 0 0 3px rgba(108,255,50,.06);
}
.subscription-field input {
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 0 8px 0 14px;
  border: 0;
  background: transparent;
  color: #fff;
  font: 600 18px/1 system-ui,sans-serif;
  font-variant-numeric: tabular-nums;
  outline: 0;
}
.subscription-field em {
  color: #8e9689;
  font-size: 10px;
  font-style: normal;
}
.subscription-field button {
  height: 32px;
  margin: 0 8px;
  padding: 0 11px;
  border: 1px solid rgba(108,255,50,.27);
  border-radius: 999px;
  background: rgba(108,255,50,.055);
  color: var(--fm-accent);
  font-size: 9px;
}
.subscription-shortcuts {
  margin-top: 9px;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 7px;
}
.subscription-shortcuts button {
  min-width: 0;
  height: 35px;
  border: 1px solid var(--fm-border);
  border-radius: 8px;
  background: #111311;
  color: #8f978b;
  font-size: 9px;
  transition: .18s ease;
}
.subscription-shortcuts button:hover,.subscription-shortcuts button.active {
  border-color: rgba(108,255,50,.36);
  background: rgba(108,255,50,.07);
  color: var(--fm-accent);
}
.subscription-shortcuts button:disabled {
  opacity: .35;
  cursor: not-allowed;
}
.subscription-quote {
  margin: 18px 0;
  overflow: hidden;
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: #0b0d0b;
}
.subscription-quote>div {
  min-height: 48px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--fm-border-soft);
}
.subscription-quote>div:last-child {
  border-bottom: 0;
}
.subscription-quote span {
  color: #81887c;
  font-size: 9px;
}
.subscription-quote b,.subscription-quote strong {
  color: #dce3d8;
  font-size: 10px;
  font-weight: 580;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.subscription-quote strong {
  color: var(--fm-accent);
}
#confirmSubscription {
  min-height: 46px;
}
#confirmSubscription:disabled {
  opacity: .4;
  filter: saturate(.4);
  cursor: not-allowed;
}
.subscription-note {
  margin-top: 12px;
  color: #72796f;
  font-size: 8px;
  line-height: 1.65;
}
.subscription-ledger {
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid var(--fm-border);
  border-radius: 11px;
  background: #0b0d0b;
}
.subscription-ledger-head,.subscription-record {
  display: grid;
  grid-template-columns: minmax(122px,1.1fr) minmax(112px,.92fr) minmax(92px,.76fr) minmax(138px,1.1fr) 70px;
  align-items: center;
  gap: 12px;
}
.subscription-ledger-head {
  min-height: 44px;
  padding: 0 15px;
  border-bottom: 1px solid var(--fm-border-soft);
  background: #111411;
  color: #7f867b;
  font-size: 8px;
}
.subscription-record {
  min-height: 76px;
  padding: 12px 15px;
  border-bottom: 1px solid var(--fm-border-soft);
  font-variant-numeric: tabular-nums;
}
.subscription-record:last-child {
  border-bottom: 0;
}
.subscription-record.is-new {
  animation: subscriptionRecordIn .42s ease both;
}
.subscription-record>b,.subscription-record>span,.subscription-record>strong,.subscription-record>em {
  min-width: 0;
  color: #dfe6dc;
  font-size: 10px;
  font-weight: 560;
  font-style: normal;
}
.subscription-record>b small,.subscription-record>span small {
  display: block;
  margin-top: 5px;
  color: #747b71 !important;
  font-size: 8px;
  font-weight: 450;
  overflow-wrap: anywhere;
}
.subscription-record>strong {
  color: #fff;
  font-size: 10px;
}
.subscription-record>em {
  color: #99a092 !important;
}
.subscription-record>em.success {
  color: var(--fm-accent) !important;
}
@keyframes subscriptionRecordIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
    background: rgba(108,255,50,.11);
  }
  to {
    opacity: 1;
    transform: none;
    background: transparent;
  }
}
@media (max-width:1280px) {
  .subscription-main-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width:1024px) {
  .workspace[data-active-view="subscription"] .main {
    min-height: calc(100vh - 60px);
  }
  .subscription-summary-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .subscription-main-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width:820px) {
  .subscription-summary-grid {
    margin-top: 18px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px;
  }
  .subscription-summary-card {
    min-height: 116px;
    padding: 17px;
  }
  .subscription-summary-card.primary,.subscription-summary-card:last-child {
    grid-column: 1/-1;
  }
  .subscription-summary-card>strong {
    margin-top: 12px;
    font-size: 22px;
  }
  .subscription-summary-card>i {
    left: 17px;
    right: 17px;
    bottom: 13px;
  }
  .subscription-main-grid {
    gap: 10px;
  }
  .subscription-form-panel,.subscription-record-panel {
    padding: 16px !important;
  }
  .subscription-field>div {
    height: 48px;
  }
  .subscription-shortcuts button {
    height: 38px;
  }
  .subscription-ledger {
    border: 0;
    background: transparent;
  }
  .subscription-ledger-head {
    display: none;
  }
  #subscriptionRecords {
    display: grid;
    gap: 9px;
  }
  .subscription-record {
    min-height: 0;
    padding: 14px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 13px 10px;
    border: 1px solid var(--fm-border);
    border-radius: 10px;
    background: #0b0d0b;
  }
  .subscription-record>b,.subscription-record>span,.subscription-record>strong,.subscription-record>em {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    font-size: 10px;
  }
  .subscription-record>b small,.subscription-record>span small {
    margin-top: 0;
  }
  .subscription-record>em {
    align-items: flex-end;
    text-align: right;
  }
  .subscription-record>b::before,.subscription-record>span::before,.subscription-record>strong::before,.subscription-record>em::before {
    color: #70776d;
    font-size: 7px;
    font-weight: 450;
  }
  .subscription-record>b::before {
    content: var(--i18n-time-id, "时间");
  }
  .subscription-record>span:nth-child(2)::before {
    content: var(--i18n-quota-used, "使用额度");
  }
  .subscription-record>span:nth-child(3)::before {
    content: var(--i18n-subscription-price, "认购价格");
  }
  .subscription-record>strong::before {
    content: var(--i18n-nova-received, "获得 NOVA");
  }
  .subscription-record>em::before {
    content: var(--i18n-status, "状态");
  }
  .subscription-record>em {
    grid-column: 2;
    grid-row: 3;
  }
  .subscription-record>strong {
    grid-column: 1;
    grid-row: 3;
  }
}
@media (max-width:374px) {
  .subscription-summary-grid {
    grid-template-columns: 1fr;
  }
  .subscription-summary-card.primary,.subscription-summary-card:last-child {
    grid-column: auto;
  }
  .subscription-shortcuts {
    grid-template-columns: 1fr;
  }
  .subscription-shortcuts button {
    height: 36px;
  }
}
.radar-page-head,.live-page-head {
  align-items: flex-start;
}
.radar-console,.live-query-panel,.live-ledger-panel {
  margin-top: 24px;
}
.radar-toolbar {
  display: grid;
  grid-template-columns: auto minmax(130px,1fr) auto auto;
  align-items: end;
  gap: 12px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--fm-border-soft);
}
.radar-symbols,.radar-periods,.live-scope-tabs {
  display: flex;
  align-items: center;
  padding: 3px;
  border: 1px solid var(--fm-border);
  border-radius: 10px;
  background: #090b09;
}
.radar-symbols button,.radar-periods button,.live-scope-tabs button {
  height: 32px;
  padding: 0 14px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #7f867b;
  font-size: 10px;
  font-weight: 650;
  transition: .2s ease;
}
.radar-symbols button:hover,.radar-periods button:hover,.live-scope-tabs button:hover {
  color: #fff;
  background: rgba(255,255,255,.035);
}
.radar-symbols button.active,.radar-periods button.active,.live-scope-tabs button.active {
  color: var(--fm-accent);
  background: rgba(108,255,50,.09);
  box-shadow: inset 0 0 0 1px rgba(108,255,50,.18);
}
.radar-select {
  display: grid;
  grid-template-columns: auto minmax(100px,1fr);
  align-items: center;
  gap: 9px;
  justify-self: start;
  color: #777e73;
  font-size: 9px;
}
.radar-select select,.live-query-fields select,.live-query-fields input {
  height: 40px;
  border: 1px solid var(--fm-border);
  border-radius: 9px;
  outline: 0;
  background: #0a0c0a;
  color: #e6ece2;
  font: 600 10px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.radar-select select {
  min-width: 120px;
  padding: 0 30px 0 12px;
}
.radar-refresh {
  height: 40px;
  padding: 0 15px;
  border: 1px solid rgba(108,255,50,.26);
  border-radius: 9px;
  background: rgba(108,255,50,.06);
  color: var(--fm-accent);
  font-size: 10px;
  font-weight: 650;
}
.radar-refresh:hover {
  background: rgba(108,255,50,.11);
}
.radar-refresh.loading span {
  display: inline-block;
  animation: radarRotate .8s linear infinite;
}
.radar-stage {
  display: grid;
  grid-template-columns: 150px minmax(0,1fr) 220px;
  gap: 12px;
  margin-top: 18px;
}
.radar-score-card,.radar-chart-card,.radar-depth-card,.radar-metric,.live-summary-grid>article {
  position: relative;
  border: 1px solid var(--fm-border-soft);
  border-radius: 11px;
  background: #0a0c0a;
  overflow: hidden;
}
.radar-score-card::before,.radar-depth-card::before,.live-summary-grid>article::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(108,255,50,.35),transparent);
}
.radar-score-card {
  min-height: 236px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.radar-score-card>span,.radar-depth-card header>span {
  color: #858d81;
  font-size: 9px;
}
.radar-score-card>strong {
  margin-top: 12px;
  color: #fff;
  font: 500 56px/.9 "Geist Mono","SFMono-Regular",Consolas,monospace;
  letter-spacing: -.07em;
}
.radar-score-card>em {
  margin-top: 12px;
  color: var(--fm-accent);
  font-size: 11px;
  font-style: normal;
  font-weight: 650;
}
.radar-score-scale {
  position: relative;
  height: 3px;
  margin-top: 20px;
  border-radius: 4px;
  background: linear-gradient(90deg,#ff5d76 0,#f3c64d 48%,#6cff32 100%);
}
.radar-score-scale::after {
  content: "";
  position: absolute;
  inset: -3px 0;
  background: repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#0a0c0a calc(25% - 1px),#0a0c0a 25%);
}
.radar-score-scale i {
  position: absolute;
  z-index: 1;
  left: var(--score);
  top: 50%;
  width: 8px;
  height: 8px;
  border: 2px solid #0a0c0a;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(108,255,50,.55),0 0 10px rgba(108,255,50,.55);
  transform: translate(-50%,-50%);
  transition: left .45s var(--ease);
}
.radar-score-card>small {
  margin-top: 13px;
  color: #70776c;
  font-size: 8px;
}
.radar-score-card>small b {
  color: #b8c0b3;
  font-weight: 600;
}
.radar-chart-card {
  min-height: 236px;
  padding: 16px 16px 12px;
  background: radial-gradient(circle at 60% 0,rgba(108,255,50,.055),transparent 45%),#090b09;
}
.radar-chart-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.radar-chart-card header span,.radar-chart-card header strong {
  display: block;
}
.radar-chart-card header span {
  color: #8b9287;
  font: 600 9px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.radar-chart-card header strong {
  margin-top: 7px;
  color: #fff;
  font-size: 23px;
  font-weight: 540;
  letter-spacing: -.035em;
}
.radar-chart-card header em {
  font: 650 10px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
  font-style: normal;
}
#radarChart {
  width: 100%;
  height: 130px;
  margin-top: 7px;
  overflow: visible;
}
.radar-chart-grid {
  fill: none;
  stroke: rgba(160,175,151,.085);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.radar-chart-area {
  fill: url(#radarAreaGradient);
  transition: d .45s var(--ease);
}
.radar-chart-line {
  fill: none;
  stroke: var(--fm-accent);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 5px rgba(108,255,50,.34));
  transition: d .45s var(--ease);
}
.radar-chart-card footer {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #6f766b;
  font-size: 7.5px;
}
.radar-chart-card footer b {
  margin-left: 4px;
  color: #aeb6aa;
  font-weight: 560;
  font-variant-numeric: tabular-nums;
}
.radar-depth-card {
  min-height: 236px;
  padding: 18px;
}
.radar-depth-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.radar-depth-card header code {
  color: #667061;
  font-size: 7px;
}
.radar-depth-ratio {
  height: 7px;
  margin-top: 27px;
  display: flex;
  overflow: hidden;
  border-radius: 8px;
  background: #292121;
}
.radar-depth-ratio i {
  display: block;
  height: 100%;
}
.radar-depth-ratio .bid {
  width: var(--depth);
  background: var(--fm-accent);
  box-shadow: 0 0 13px rgba(108,255,50,.30);
}
.radar-depth-ratio .ask {
  flex: 1;
  background: #ff5d76;
}
.radar-depth-values {
  margin-top: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #7e857a;
  font-size: 8px;
}
.radar-depth-values span:first-child b {
  color: var(--fm-accent);
}
.radar-depth-values span:last-child b {
  color: #ff7186;
}
.radar-depth-card dl {
  margin: 24px 0 0;
}
.radar-depth-card dl>div {
  min-height: 31px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--fm-border-soft);
}
.radar-depth-card dt {
  color: #72796f;
  font-size: 8px;
}
.radar-depth-card dd {
  margin: 0;
  color: #dce3d8;
  font: 550 8px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
  text-align: right;
}
.radar-metric-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
}
.radar-metric {
  min-height: 122px;
  padding: 16px;
}
.radar-metric>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.radar-metric span {
  color: #8a9186;
  font-size: 9px;
}
.radar-metric code {
  color: #5f685b;
  font-size: 7px;
}
.radar-metric>strong {
  display: block;
  margin-top: 18px;
  color: #f1f5ee;
  font: 560 19px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.radar-metric>small {
  display: block;
  margin-top: 7px;
  color: #6e756a;
  font-size: 8px;
}
.radar-metric>strong,.radar-metric>small {
  min-width: 0;
  overflow-wrap: anywhere;
}
.radar-metric>i {
  height: 2px;
  margin-top: 15px;
  display: block;
  border-radius: 3px;
  background: #232720;
}
.radar-metric>i>b {
  width: var(--metric);
  height: 100%;
  display: block;
  border-radius: 3px;
  background: linear-gradient(90deg,var(--fm-accent),var(--fm-gold));
  transition: width .45s var(--ease);
}
.radar-intelligence-panel {
  margin-top: 12px;
  padding: 20px;
  overflow: hidden;
}
.radar-intelligence-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.radar-intelligence-head h3 {
  margin: 7px 0 0;
  font-size: 18px;
}
.radar-intelligence-head p {
  margin: 7px 0 0;
  color: #70776c;
  font-size: 8px;
}
.radar-plan-strip {
  margin-top: 17px;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: #090b09;
}
.radar-plan-strip>span {
  min-height: 66px;
  padding: 13px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid var(--fm-border-soft);
}
.radar-plan-strip>span:last-child {
  border-right: 0;
}
.radar-plan-strip small,.radar-plan-strip b {
  display: block;
}
.radar-plan-strip small {
  color: #697065;
  font-size: 7px;
}
.radar-plan-strip b {
  margin-top: 8px;
  color: #e9eee6;
  font: 560 13px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.radar-intel-tabs {
  margin-top: 14px;
  padding: 3px;
  display: flex;
  gap: 3px;
  border: 1px solid var(--fm-border);
  border-radius: 10px;
  background: #090b09;
  overflow-x: auto;
  scrollbar-width: none;
}
.radar-intel-tabs::-webkit-scrollbar {
  display: none;
}
.radar-intel-tabs button {
  min-width: max-content;
  height: 34px;
  padding: 0 15px;
  flex: 1;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #747c71;
  font-size: 8px;
  font-weight: 650;
  transition: .2s ease;
}
.radar-intel-tabs button:hover {
  color: #fff;
  background: rgba(255,255,255,.035);
}
.radar-intel-tabs button.active {
  color: var(--fm-accent);
  background: rgba(108,255,50,.085);
  box-shadow: inset 0 0 0 1px rgba(108,255,50,.16);
}
.radar-intel-summary {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: linear-gradient(110deg,rgba(108,255,50,.035),transparent 42%),#0a0c0a;
  overflow: hidden;
}
.radar-intel-summary article {
  min-height: 92px;
  padding: 17px;
  border-right: 1px solid var(--fm-border-soft);
}
.radar-intel-summary article:last-child {
  border-right: 0;
}
.radar-intel-summary span,.radar-intel-summary strong,.radar-intel-summary small {
  display: block;
}
.radar-intel-summary span {
  color: #788075;
  font-size: 8px;
}
.radar-intel-summary strong {
  margin-top: 13px;
  color: #eef3eb;
  font: 560 18px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
  overflow-wrap: anywhere;
}
.radar-intel-summary small {
  margin-top: 8px;
  color: #626a5f;
  font-size: 7px;
}
.radar-intel-ledger {
  margin-top: 10px;
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: #090b09;
  overflow: hidden;
}
.radar-intel-ledger-head,.radar-intel-list>div {
  display: grid;
  grid-template-columns: minmax(105px,.9fr) minmax(135px,1.2fr) minmax(110px,.9fr) minmax(130px,1.1fr) minmax(160px,1.4fr);
  align-items: center;
  gap: 14px;
}
.radar-intel-ledger-head {
  min-height: 38px;
  padding: 0 14px;
  border-bottom: 1px solid var(--fm-border-soft);
  background: #0d0f0d;
  color: #626a5f;
  font: 600 7px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.radar-intel-list>div {
  min-height: 53px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--fm-border-soft);
}
.radar-intel-list>div:last-child {
  border-bottom: 0;
}
.radar-intel-list>div>* {
  min-width: 0;
  overflow-wrap: anywhere;
}
.radar-intel-list span {
  color: #8b9387;
  font-size: 8px;
}
.radar-intel-list b {
  color: #e6ece3;
  font-size: 9px;
  font-weight: 560;
}
.radar-intel-list em {
  color: #9ea69a;
  font-size: 8px;
  font-style: normal;
}
.radar-intel-list code {
  color: #7e9e74;
  font-size: 7px;
}
.radar-intel-list small {
  color: #656d62;
  font-size: 7px;
  line-height: 1.45;
}
.radar-intel-empty {
  grid-column: 1/-1 !important;
  min-height: 100px !important;
  display: grid !important;
  place-items: center;
  color: #72796f;
  font-size: 9px;
}
.radar-intel-note {
  margin: 13px 2px 0;
  color: #697065;
  font-size: 8px;
  line-height: 1.7;
}
.radar-signal-panel {
  margin-top: 12px;
}
.radar-signal-panel.is-preview {
  border-color: rgba(243,198,77,.18);
}
.radar-signal-panel .panel-head>span {
  color: #737a6f;
  font: 500 8px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.radar-signal-head,.radar-signal-list>div {
  display: grid;
  grid-template-columns: 70px minmax(110px,1fr) minmax(120px,1fr) minmax(100px,.8fr) 100px;
  align-items: center;
  gap: 14px;
}
.radar-signal-head {
  min-height: 38px;
  margin-top: 17px;
  padding: 0 13px;
  border-bottom: 1px solid var(--fm-border-soft);
  color: #666e62;
  font: 600 7px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.radar-signal-list>div {
  min-height: 48px;
  padding: 0 13px;
  border-bottom: 1px solid var(--fm-border-soft);
  color: #cbd2c7;
  font-size: 9px;
}
.radar-signal-list>div>* {
  min-width: 0;
  overflow-wrap: anywhere;
}
.radar-signal-list>div:last-child {
  border-bottom: 0;
}
.radar-signal-list time,.radar-signal-list code {
  color: #697065;
  font: 500 8px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.radar-signal-list b {
  font-weight: 550;
}
.radar-signal-list em {
  font-size: 8px;
  font-style: normal;
}
.radar-disclaimer,.live-source-note {
  margin: 15px 2px 0;
  color: #70776d;
  font-size: 8px;
  line-height: 1.7;
}
.live-query-panel {
  padding: 14px;
}
.live-scope-tabs {
  width: max-content;
}
.live-query-fields {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 150px minmax(270px,1fr) 100px;
  align-items: end;
  gap: 10px;
}
.live-query-fields label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: #777e73;
  font-size: 8px;
}
.live-query-fields select,.live-query-fields input {
  width: 100%;
  padding: 0 12px;
}
.live-query-fields input::placeholder {
  color: #555c52;
}
.live-query-fields input:disabled {
  opacity: .45;
}
.live-query-fields .button {
  height: 40px;
  min-height: 40px;
  border-radius: 9px;
}
.live-query-note {
  min-height: 34px;
  margin-top: 12px;
  padding-top: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border-top: 1px solid var(--fm-border-soft);
}
.live-query-note>span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #b9c1b5;
  font-size: 8px;
}
.live-query-note i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--fm-gold);
  box-shadow: 0 0 8px rgba(243,198,77,.4);
}
.live-query-note.is-live i {
  background: var(--fm-accent);
  box-shadow: 0 0 9px rgba(108,255,50,.45);
  animation: sysPulse 1.8s ease-in-out infinite;
}
.live-query-note.is-preview i {
  background: var(--fm-gold);
  box-shadow: 0 0 8px rgba(243,198,77,.4);
  animation: none;
}
.live-query-note small {
  color: #697065;
  font-size: 8px;
  text-align: right;
}
.live-summary-grid {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
}
.live-summary-grid>article {
  min-height: 93px;
  padding: 15px;
}
.live-summary-grid span,.live-summary-grid strong,.live-summary-grid small {
  display: block;
}
.live-summary-grid span {
  color: #7d8479;
  font-size: 8px;
}
.live-summary-grid strong {
  margin-top: 12px;
  color: #f4f7f2;
  font: 550 18px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
  white-space: nowrap;
}
.live-summary-grid small {
  margin-top: 8px;
  color: #61695e;
  font-size: 7px;
}
.live-ledger-panel {
  margin-top: 24px;
}
.live-ledger {
  margin-top: 16px;
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: #090b09;
  overflow: hidden;
}
.live-ledger-head,.live-record-row {
  display: grid;
  grid-template-columns: minmax(105px,.8fr) minmax(105px,.8fr) minmax(125px,.95fr) minmax(210px,1.55fr) minmax(150px,1.05fr);
  align-items: center;
  column-gap: 14px;
}
.live-ledger-head {
  min-height: 39px;
  padding: 0 14px;
  border-bottom: 1px solid var(--fm-border-soft);
  background: #0d0f0d;
  color: #656d62;
  font: 600 7px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.live-record-row {
  min-height: 72px;
  padding: 11px 14px;
  border-bottom: 1px solid var(--fm-border-soft);
  transition: background .2s ease;
}
.live-record-row.is-preview {
  position: relative;
  background: linear-gradient(90deg,rgba(243,198,77,.025),transparent 26%);
}
.live-record-row.is-preview::before {
  content: "";
  position: absolute;
  inset: 9px auto 9px 0;
  width: 2px;
  border-radius: 2px;
  background: rgba(243,198,77,.55);
}
.live-record-row:last-child {
  border-bottom: 0;
}
.live-record-row:hover {
  background: rgba(108,255,50,.025);
}
.live-record-row>span,.live-record-row>div {
  min-width: 0;
}
.live-record-row b,.live-record-row small,.live-record-row em,.live-record-row a {
  display: block;
}
.live-record-row b {
  color: #e8ede5;
  font-size: 9px;
  font-weight: 560;
}
.live-record-row small {
  margin-top: 6px;
  color: #666e62;
  font: 500 7px/1.25 "Geist Mono","SFMono-Regular",Consolas,monospace;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-record-row em {
  color: #aab2a6;
  font-size: 8px;
  font-style: normal;
}
.live-record-row .live-action {
  color: #e8ede5;
}
.live-record-row a {
  color: #55dec9;
  font: 550 8px/1.3 "Geist Mono","SFMono-Regular",Consolas,monospace;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-record-row a:hover {
  text-decoration: underline;
}
.live-status {
  display: inline-flex !important;
  width: max-content;
  max-width: 100%;
  min-height: 18px;
  margin-top: 6px;
  padding: 0 6px;
  align-items: center;
  border: 1px solid rgba(108,255,50,.16);
  border-radius: 5px;
  background: rgba(108,255,50,.055);
  color: #aee99b !important;
  font-size: 7px !important;
}
.live-status-preview {
  border-color: rgba(243,198,77,.22);
  background: rgba(243,198,77,.055);
  color: var(--fm-gold) !important;
}
.live-explorer-button {
  width: max-content;
  max-width: 100%;
  min-height: 32px;
  padding: 0 12px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(85,222,201,.28);
  border-radius: 8px;
  background: rgba(85,222,201,.07);
  color: #72e6d4 !important;
  font: 650 8px/1 "Geist Mono","SFMono-Regular",Consolas,monospace !important;
  text-decoration: none !important;
  transition: .2s ease;
}
.live-explorer-button:hover {
  border-color: rgba(108,255,50,.45);
  background: rgba(108,255,50,.1);
  color: var(--fm-accent) !important;
  transform: translateY(-1px);
}
.live-loading,.live-empty {
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #7a8176;
  font-size: 9px;
}
.live-loading i {
  width: 15px;
  height: 15px;
  border: 1px solid rgba(108,255,50,.18);
  border-top-color: var(--fm-accent);
  border-radius: 50%;
  animation: radarRotate .8s linear infinite;
}
.live-error {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255,93,118,.18);
  border-radius: 9px;
  background: rgba(255,93,118,.045);
  color: #d9a2aa;
  font-size: 9px;
  line-height: 1.6;
}
.live-error b {
  color: #ff7186;
}
.live-ledger-panel .text-button.loading {
  opacity: .6;
  pointer-events: none;
}
@keyframes radarRotate {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width:1100px) {
  .radar-toolbar {
    grid-template-columns: auto minmax(120px,1fr) auto auto;
  }
  .radar-stage {
    grid-template-columns: 140px minmax(0,1fr);
  }
  .radar-depth-card {
    grid-column: 1/-1;
    min-height: 0;
  }
  .radar-depth-card dl {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
    margin-top: 16px;
  }
  .radar-depth-card dl>div {
    display: block;
    padding-top: 10px;
  }
  .radar-depth-card dd {
    margin-top: 6px;
    text-align: left;
  }
  .radar-intel-ledger {
    overflow-x: auto;
  }
  .radar-intel-ledger-head,.radar-intel-list>div {
    min-width: 760px;
  }
  .live-ledger {
    overflow-x: auto;
  }
  .live-ledger-head,.live-record-row {
    min-width: 850px;
  }
}
@media (max-width:900px) {
  .live-summary-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width:760px) {
  .radar-console,.live-query-panel,.live-ledger-panel {
    margin-top: 18px;
  }
  .radar-toolbar {
    grid-template-columns: minmax(92px,1fr) auto auto;
    gap: 9px;
  }
  .radar-symbols {
    grid-column: 1/-1;
    width: 100%;
  }
  .radar-symbols button {
    flex: 1;
    padding: 0 9px;
  }
  .radar-select {
    grid-column: 1;
    grid-template-columns: 1fr;
    min-width: 0;
  }
  .radar-select>span {
    display: none;
  }
  .radar-select select {
    width: 100%;
    min-width: 0;
  }
  .radar-periods {
    grid-column: 2;
  }
  .radar-periods button {
    padding: 0 11px;
  }
  .radar-refresh {
    grid-column: 3;
  }
  .radar-stage {
    grid-template-columns: 112px minmax(0,1fr);
    gap: 9px;
  }
  .radar-score-card {
    min-height: 210px;
    padding: 15px;
  }
  .radar-score-card>strong {
    font-size: 44px;
  }
  .radar-chart-card {
    min-height: 210px;
    padding: 14px 12px 10px;
  }
  .radar-chart-card header strong {
    font-size: 18px;
  }
  #radarChart {
    height: 112px;
  }
  .radar-chart-card footer {
    gap: 9px;
    flex-wrap: wrap;
  }
  .radar-depth-card {
    min-height: 0;
    padding: 15px;
  }
  .radar-depth-card dl {
    gap: 8px;
  }
  .radar-metric-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .radar-metric {
    min-height: 116px;
    padding: 14px;
  }
  .radar-metric code {
    max-width: 82px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .radar-signal-head {
    display: none;
  }
  .radar-signal-list {
    margin-top: 13px;
    display: grid;
    gap: 8px;
  }
  .radar-signal-list>div {
    min-height: 0;
    padding: 12px;
    display: grid;
    grid-template-columns: minmax(0,.8fr) minmax(130px,1.2fr);
    grid-template-rows: auto auto;
    gap: 8px 12px;
    align-items: start;
    border: 1px solid var(--fm-border-soft);
    border-radius: 9px;
  }
  .radar-signal-list>div span {
    grid-column: 2;
    grid-row: 1;
    text-align: right;
  }
  .radar-signal-list>div b {
    grid-column: 1;
    grid-row: 2;
  }
  .radar-signal-list>div em {
    grid-column: 2;
    grid-row: 2;
    text-align: right;
    line-height: 1.45;
  }
  .radar-signal-list>div code {
    display: none;
  }
  .radar-intelligence-panel {
    padding: 15px;
  }
  .radar-plan-strip {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .radar-plan-strip>span:nth-child(2) {
    border-right: 0;
  }
  .radar-plan-strip>span:nth-child(-n+2) {
    border-bottom: 1px solid var(--fm-border-soft);
  }
  .radar-intel-tabs button {
    flex: 0 0 auto;
  }
  .radar-intel-summary article {
    padding: 14px 12px;
  }
  .radar-intel-summary strong {
    font-size: 14px;
  }
  .radar-intel-ledger {
    border: 0;
    background: transparent;
    overflow: visible;
  }
  .radar-intel-ledger-head {
    display: none;
  }
  .radar-intel-list {
    margin-top: 10px;
    display: grid;
    gap: 8px;
  }
  .radar-intel-list>div {
    min-width: 0;
    min-height: 0;
    padding: 13px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px 12px;
    border: 1px solid var(--fm-border-soft);
    border-radius: 9px;
    background: #090b09;
  }
  .radar-intel-list>div span {
    grid-column: 1;
  }
  .radar-intel-list>div b {
    grid-column: 2;
    text-align: right;
  }
  .radar-intel-list>div em {
    grid-column: 1;
  }
  .radar-intel-list>div code {
    grid-column: 2;
    text-align: right;
  }
  .radar-intel-list>div small {
    grid-column: 1/-1;
    padding-top: 8px;
    border-top: 1px solid var(--fm-border-soft);
  }
  .live-scope-tabs {
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .live-scope-tabs::-webkit-scrollbar {
    display: none;
  }
  .live-scope-tabs button {
    min-width: max-content;
    flex: 1;
    padding: 0 11px;
  }
  .live-query-fields {
    grid-template-columns: 105px minmax(0,1fr);
  }
  .live-query-fields .button {
    grid-column: 1/-1;
  }
  .live-query-note {
    align-items: flex-start;
    flex-direction: column;
  }
  .live-query-note small {
    text-align: left;
  }
  .live-summary-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .live-ledger {
    border: 0;
    background: transparent;
    overflow: visible;
  }
  .live-ledger-head {
    display: none;
  }
  .live-record-list {
    display: grid;
    gap: 9px;
  }
  .live-record-row {
    min-width: 0;
    min-height: 0;
    padding: 14px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px 12px;
    border: 1px solid var(--fm-border);
    border-radius: 10px;
    background: #0a0c0a;
  }
  .live-record-row>div {
    padding-top: 0;
  }
  .live-record-row>div:nth-child(4) {
    grid-column: 1/-1;
    padding-top: 11px;
    border-top: 1px solid var(--fm-border-soft);
  }
  .live-record-row>div:nth-child(5) {
    grid-column: 1/-1;
  }
}
@media (max-width:480px) {
  .radar-page-head,.live-page-head {
    display: block;
  }
  .radar-page-head>.status-chip,.live-page-head>.status-chip {
    margin-top: 14px;
  }
  .radar-toolbar {
    position: relative;
    grid-template-columns: minmax(0,1fr) auto;
  }
  .radar-select {
    grid-column: 1;
  }
  .radar-periods {
    grid-column: 2;
  }
  .radar-periods button {
    padding: 0 8px;
  }
  .radar-refresh {
    grid-column: 1/-1;
    width: 100%;
    padding: 0 12px;
  }
  .radar-stage {
    grid-template-columns: 1fr;
  }
  .radar-score-card {
    min-height: 128px;
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
  }
  .radar-score-card>span,.radar-score-card>em,.radar-score-card>small {
    grid-column: 1;
  }
  .radar-score-card>strong {
    grid-column: 2;
    grid-row: 1/4;
    margin: 0;
    font-size: 46px;
  }
  .radar-score-card>em {
    margin-top: 7px;
  }
  .radar-score-scale {
    grid-column: 1/-1;
    margin-top: 14px;
  }
  .radar-score-card>small {
    margin-top: 7px;
  }
  .radar-chart-card {
    min-height: 215px;
  }
  .radar-depth-card dl {
    grid-template-columns: 1fr;
  }
  .radar-depth-card dl>div:last-child {
    display: block;
  }
  .radar-depth-card dd {
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
  .radar-metric-grid {
    gap: 8px;
  }
  .radar-metric {
    min-height: 110px;
    padding: 12px;
  }
  .radar-metric>div {
    display: block;
  }
  .radar-metric code {
    display: block;
    margin-top: 6px;
  }
  .radar-metric>strong {
    margin-top: 14px;
    font-size: 16px;
  }
  .live-query-fields {
    grid-template-columns: 1fr;
  }
  .live-query-fields .button {
    grid-column: auto;
  }
  .live-summary-grid>article {
    min-height: 86px;
    padding: 13px;
  }
  .live-summary-grid strong {
    font-size: 13px;
    line-height: 1.2;
    white-space: normal;
  }
  .radar-intelligence-head {
    display: block;
  }
  .radar-intelligence-head>.status-chip {
    margin-top: 13px;
  }
  .radar-intel-summary {
    grid-template-columns: 1fr;
  }
  .radar-intel-summary article {
    min-height: 70px;
    border-right: 0;
    border-bottom: 1px solid var(--fm-border-soft);
  }
  .radar-intel-summary article:last-child {
    border-bottom: 0;
  }
  .radar-intel-summary strong {
    margin-top: 9px;
  }
  .live-explorer-button {
    width: 100%;
  }
}
.radar-module-filterbar {
  margin-top: 14px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow-x: auto;
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: #090b09;
  scrollbar-width: none;
}
.radar-module-filterbar::-webkit-scrollbar {
  display: none;
}
.radar-module-filterbar>div {
  min-width: max-content;
  display: flex;
  align-items: center;
  gap: 4px;
}
.radar-module-filterbar>div+div {
  padding-left: 10px;
  border-left: 1px solid var(--fm-border-soft);
}
.radar-module-filterbar>div>span {
  margin-right: 5px;
  color: #687064;
  font-size: 7px;
  font-weight: 650;
}
.radar-module-filterbar button {
  min-width: max-content;
  height: 30px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #7f877b;
  font-size: 8px;
  font-weight: 650;
  transition: .2s ease;
}
.radar-module-filterbar button:hover {
  color: #fff;
  background: rgba(255,255,255,.035);
}
.radar-module-filterbar button.active {
  border-color: rgba(108,255,50,.20);
  background: rgba(108,255,50,.08);
  color: var(--fm-accent);
}
.radar-feature-grid {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
}
.radar-feature-grid article {
  min-height: 118px;
  padding: 15px;
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: linear-gradient(145deg,rgba(108,255,50,.035),transparent 54%),#090b09;
}
.radar-feature-grid article>div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.radar-feature-grid span {
  color: #8d9589;
  font-size: 8px;
  font-weight: 650;
}
.radar-feature-grid code {
  color: #5d6858;
  font-size: 6.5px;
  text-align: right;
  overflow-wrap: anywhere;
}
.radar-feature-grid strong {
  display: block;
  margin-top: 18px;
  color: #eef3eb;
  font: 560 16px/1.15 "Geist Mono","SFMono-Regular",Consolas,monospace;
  overflow-wrap: anywhere;
}
.radar-feature-grid p {
  margin: 10px 0 0;
  color: #687064;
  font-size: 7px;
  line-height: 1.55;
}
.radar-ai-analysis {
  margin-top: 10px;
  padding: 18px;
  border: 1px solid rgba(108,255,50,.18);
  border-radius: 11px;
  background: radial-gradient(circle at 8% 0,rgba(108,255,50,.075),transparent 34%),linear-gradient(145deg,rgba(243,198,77,.025),transparent 52%),#090b09;
}
.radar-ai-analysis>header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.radar-ai-analysis h4 {
  margin: 7px 0 0;
  color: #f3f6f1;
  font-size: 17px;
  font-weight: 590;
}
.radar-ai-layout {
  margin-top: 15px;
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr;
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: rgba(5,7,5,.68);
  overflow: hidden;
}
.radar-ai-layout>div {
  min-width: 0;
  padding: 16px;
  border-right: 1px solid var(--fm-border-soft);
}
.radar-ai-layout>div:last-child {
  border-right: 0;
}
.radar-ai-layout>div>span {
  display: block;
  color: #727b6e;
  font-size: 7px;
  font-weight: 650;
}
.radar-ai-verdict strong {
  display: block;
  margin-top: 13px;
  color: var(--fm-accent);
  font-size: 20px;
  font-weight: 610;
}
.radar-ai-verdict p {
  min-height: 48px;
  margin: 10px 0 0;
  color: #aab2a6;
  font-size: 8px;
  line-height: 1.65;
}
.radar-ai-verdict>i {
  height: 3px;
  margin-top: 14px;
  display: block;
  border-radius: 4px;
  background: #252a23;
  overflow: hidden;
}
.radar-ai-verdict>i>b {
  width: var(--ai-score);
  height: 100%;
  display: block;
  background: linear-gradient(90deg,var(--fm-gold),var(--fm-accent));
  transition: width .35s ease;
}
.radar-ai-verdict small {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  color: #656d62;
  font-size: 7px;
}
.radar-ai-verdict small em {
  color: #b6beb2;
  font-style: normal;
}
.radar-ai-evidence ul {
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
  list-style: none;
}
.radar-ai-evidence li {
  position: relative;
  padding-left: 13px;
  color: #a3aca0;
  font-size: 8px;
  line-height: 1.55;
}
.radar-ai-evidence li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .58em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--fm-accent);
  box-shadow: 0 0 7px rgba(108,255,50,.34);
}
.radar-ai-scenarios>div {
  margin-top: 9px;
  display: grid;
  gap: 7px;
}
.radar-ai-scenarios>div>div {
  min-height: 34px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--fm-border-soft);
  border-radius: 7px;
  background: #0c0f0c;
}
.radar-ai-scenarios span {
  color: #727b6e;
  font-size: 7px;
}
.radar-ai-scenarios b {
  color: #c7cec3;
  font-size: 7px;
  font-weight: 560;
  text-align: right;
  overflow-wrap: anywhere;
}
.radar-ai-scenarios b.up {
  color: var(--fm-accent);
}
.radar-ai-scenarios b.down {
  color: #ff7186;
}
.radar-ai-disclaimer {
  margin: 13px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--fm-border-soft);
  color: #788074;
  font-size: 7px;
  line-height: 1.65;
}
@media (max-width:1100px) {
  .radar-feature-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .radar-ai-layout {
    grid-template-columns: 1fr 1fr;
  }
  .radar-ai-verdict {
    grid-row: 1/3;
  }
  .radar-ai-layout>div:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid var(--fm-border-soft);
  }
  .radar-ai-layout>div:nth-child(3) {
    border-right: 0;
  }
}
@media (max-width:760px) {
  .radar-module-filterbar {
    display: grid;
    align-items: stretch;
    gap: 7px;
    overflow: visible;
  }
  .radar-module-filterbar>div {
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .radar-module-filterbar>div::-webkit-scrollbar {
    display: none;
  }
  .radar-module-filterbar>div+div {
    padding: 7px 0 0;
    border-left: 0;
    border-top: 1px solid var(--fm-border-soft);
  }
  .radar-feature-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
  }
  .radar-feature-grid article {
    min-height: 110px;
    padding: 13px;
  }
  .radar-ai-analysis {
    padding: 14px;
  }
  .radar-ai-layout {
    grid-template-columns: 1fr;
  }
  .radar-ai-verdict {
    grid-row: auto;
  }
  .radar-ai-layout>div {
    border-right: 0;
    border-bottom: 1px solid var(--fm-border-soft);
  }
  .radar-ai-layout>div:last-child {
    border-bottom: 0;
  }
}
@media (max-width:480px) {
  .radar-feature-grid {
    grid-template-columns: 1fr;
  }
  .radar-feature-grid article {
    min-height: 98px;
  }
  .radar-ai-analysis>header {
    display: block;
  }
  .radar-ai-analysis>header>.status-chip {
    margin-top: 11px;
  }
  .radar-ai-analysis h4 {
    font-size: 15px;
  }
}
.stats-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.stats-grid>.hero-metric,.stats-grid>.overview-earnings {
  grid-column: 1/-1;
}
.metric-link-card>strong {
  color: var(--fm-accent) !important;
}
.overview-earnings {
  min-width: 0;
  padding: 20px;
  display: grid;
  grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr);
  column-gap: 16px;
  row-gap: 13px;
  border: 1px solid var(--fm-border);
  border-radius: 10px;
  background: radial-gradient(circle at 88% -20%,rgba(108,255,50,.075),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.028),transparent 32%),var(--glass-raised);
  box-shadow: inset 0 1px rgba(255,255,255,.045),0 18px 42px rgba(0,0,0,.24);
  overflow: hidden;
}
.overview-earnings-head {
  grid-column: 1/-1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}
.overview-earnings-head h3 {
  margin-top: 7px;
  color: #fff;
  font-size: 17px;
  font-weight: 620;
}
.overview-earnings-head>small {
  color: #747c70;
  font-size: 8px;
  white-space: nowrap;
}
.overview-earnings-totals {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1px;
  border: 1px solid var(--fm-border-soft);
  border-radius: 9px;
  background: var(--fm-border-soft);
  overflow: hidden;
}
.overview-earnings-totals>div {
  min-width: 0;
  min-height: 112px;
  padding: 13px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #0b0d0b;
}
.overview-earnings-totals>div.is-current {
  background: linear-gradient(180deg,rgba(108,255,50,.075),transparent),#0b0e0b;
}
.overview-earnings-totals span,.overview-earnings-totals strong,.overview-earnings-totals small {
  display: block;
}
.overview-earnings-totals span {
  color: #858d81;
  font-size: 8px;
}
.overview-earnings-totals strong {
  margin-top: 10px;
  color: #fff;
  font-size: clamp(14px,1.55vw,21px);
  font-weight: 620;
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.overview-earnings-totals .is-current strong {
  color: var(--fm-accent);
}
.overview-earnings-totals small {
  margin-top: 7px;
  color: #6f776c;
  font-size: 7px;
  line-height: 1.35;
}
.overview-earnings-breakdown {
  min-width: 0;
  border: 1px solid var(--fm-border-soft);
  border-radius: 9px;
  background: #0b0d0b;
  overflow: hidden;
}
.overview-earnings-row {
  min-height: 33px;
  padding: 0 12px;
  display: grid;
  grid-template-columns: minmax(84px,1.25fr) repeat(3,minmax(64px,1fr));
  align-items: center;
  gap: 8px;
  border-top: 1px solid var(--fm-border-soft);
}
.overview-earnings-row:first-child {
  border-top: 0;
}
.overview-earnings-row>span {
  color: #a3aaa0;
  font-size: 8px;
}
.overview-earnings-row>b {
  color: #e9eee7;
  font-size: 9px;
  font-weight: 580;
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.overview-earnings-row.is-head {
  min-height: 30px;
  background: #111411;
}
.overview-earnings-row.is-head>span {
  color: #6f776c;
  font: 650 7px/1.2 "Geist Mono","SFMono-Regular",Consolas,monospace;
  text-align: right;
}
.overview-earnings-row.is-head>span:first-child {
  text-align: left;
}
.overview-earnings-row>b.is-pending {
  color: var(--fm-gold);
  font-size: 8px;
}
.overview-earnings-note {
  grid-column: 2;
  margin: -4px 1px 0;
  color: #697165;
  font-size: 7px;
  line-height: 1.45;
}
.team-kpis .team-stat {
  min-height: 164px;
}
.team-daily-pairs {
  margin-top: 13px;
  border-top: 1px solid var(--fm-border-soft);
}
.team-daily-pairs>span {
  min-height: 30px;
  padding: 7px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid var(--fm-border-soft);
}
.team-daily-pairs>span:last-child {
  border-bottom: 0;
}
.team-daily-pairs small {
  color: #7f867b;
  font-size: 8px;
}
.team-daily-pairs b {
  color: var(--fm-accent);
  font-size: 9px;
  font-weight: 620;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
#ordersTable tr[hidden] {
  display: none !important;
}
.status-chip.redeemed {
  border-color: rgba(243,198,77,.28);
  background: rgba(243,198,77,.065);
  color: var(--fm-gold);
}
.order-settlement {
  color: #a4aba0 !important;
  font-size: 9px !important;
  white-space: nowrap;
}
.table-progress.is-complete>i>b {
  background: linear-gradient(90deg,#8e9689,#c2c9bd);
  box-shadow: none;
}
.view:is([data-page="levels"], [data-page="team"]) .level-card-grid {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: minmax(320px,calc((100% - 24px)/3));
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}
.view:is([data-page="levels"], [data-page="team"]) .level-card-grid::-webkit-scrollbar {
  display: none;
}
.view:is([data-page="levels"], [data-page="team"]) .level-rule-card {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  user-select: none;
  -webkit-user-select: none;
}
.view:is([data-page="levels"], [data-page="team"]) .level-card-grid.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none !important;
}
@media (max-width:1024px) {
  .view:is([data-page="levels"], [data-page="team"]) .level-card-grid {
    grid-template-columns: none;
    grid-auto-columns: min(72vw,520px);
  }
}
@media (max-width:640px) {
  .overview-earnings {
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px;
  }
  .overview-earnings-head,.overview-earnings-note {
    grid-column: auto;
  }
  .overview-earnings-head h3 {
    font-size: 15px;
  }
  .overview-earnings-totals>div {
    min-height: 94px;
    padding: 11px 8px;
  }
  .overview-earnings-totals span {
    font-size: 7px;
  }
  .overview-earnings-totals strong {
    font-size: clamp(12px,3.7vw,17px);
  }
  .overview-earnings-totals small {
    font-size: 6.5px;
  }
  .overview-earnings-row {
    padding: 0 8px;
    grid-template-columns: minmax(72px,1.18fr) repeat(3,minmax(54px,1fr));
    gap: 5px;
  }
  .overview-earnings-row>span {
    font-size: 7.5px;
  }
  .overview-earnings-row>b {
    font-size: 8px;
  }
  .overview-earnings-note {
    margin: 0;
  }
  .team-kpis .team-stat {
    min-height: 158px !important;
  }
  .team-daily-pairs {
    margin-top: 11px;
  }
  .team-daily-pairs>span {
    min-height: 27px;
    padding: 6px 0;
    display: block;
  }
  .team-daily-pairs small,.team-daily-pairs b {
    display: block;
  }
  .team-daily-pairs b {
    margin-top: 3px;
    font-size: 8px;
  }
  .view[data-page="strategy"] .data-table td:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    padding: 0 0 12px !important;
    border-bottom: 1px solid var(--fm-border-soft) !important;
  }
  .view[data-page="strategy"] .data-table td:nth-child(7) {
    grid-column: 2;
    grid-row: 1;
    min-height: 0;
    padding: 0 0 12px !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    border-bottom: 1px solid var(--fm-border-soft) !important;
  }
  .view[data-page="strategy"] .data-table td:nth-child(7)::before {
    display: none !important;
    content: none !important;
  }
  .view[data-page="strategy"] .data-table td:nth-child(7) .switch {
    gap: 7px;
    white-space: nowrap;
  }
  .view[data-page="strategy"] .data-table td:nth-child(7) .switch>span {
    margin: 0 !important;
    color: #cdd4c9 !important;
    font-size: 8px !important;
  }
  .view[data-page="strategy"] .data-table tr[data-order-status="redeemed"] {
    border-color: rgba(243,198,77,.20);
    background: linear-gradient(180deg,rgba(243,198,77,.035),transparent 44%),#111210 !important;
  }
  .view[data-page="strategy"] .data-table tr[data-order-status="redeemed"] td:nth-child(7) {
    display: none !important;
  }
  .view[data-page="strategy"] .data-table tr[data-order-status="redeemed"] td:nth-child(8) {
    grid-column: 2;
    grid-row: 1;
    min-height: 0;
    padding: 0 0 12px !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    border-bottom: 1px solid var(--fm-border-soft) !important;
  }
  .view:is([data-page="levels"], [data-page="team"]) .level-card-grid {
    width: calc(100% + 28px);
    margin-left: -14px;
    padding: 0 14px 10px;
    grid-template-columns: none;
    grid-auto-columns: min(84vw,330px);
    gap: 10px;
    scroll-padding-inline: 14px;
  }
}
@media (max-width:374px) {
  .overview-earnings {
    padding: 14px;
  }
  .overview-earnings-totals>div {
    padding: 10px 6px;
  }
  .overview-earnings-totals strong {
    font-size: 11px;
  }
  .overview-earnings-row {
    grid-template-columns: minmax(66px,1.12fr) repeat(3,minmax(48px,1fr));
    padding: 0 6px;
    gap: 4px;
  }
  .overview-earnings-row>b {
    font-size: 7px;
  }
  .team-daily-pairs b {
    font-size: 7px;
  }
  .view:is([data-page="levels"], [data-page="team"]) .level-card-grid {
    grid-auto-columns: 86vw;
  }
}
.nova-market-card {
  min-height: 246px;
  padding: 22px;
  display: grid;
  grid-template-columns: minmax(270px,.78fr) minmax(0,1.42fr);
  gap: 24px;
  align-items: stretch;
}
.nova-market-card>.nova-market-summary,.nova-market-card>.nova-kline-panel {
  position: relative;
  z-index: 2;
  min-width: 0;
}
.nova-market-summary {
  display: flex;
  flex-direction: column;
}
.nova-market-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.nova-market-heading>div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.nova-market-heading i {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(108,255,50,.34);
  border-radius: 10px;
  background: linear-gradient(145deg,rgba(108,255,50,.13),rgba(108,255,50,.025));
  color: var(--fm-accent);
  font-size: 17px;
  font-style: normal;
  font-weight: 680;
  box-shadow: inset 0 1px rgba(255,255,255,.055);
}
.nova-market-heading span,.nova-market-heading strong,.nova-market-heading small {
  display: block;
}
.nova-market-heading strong {
  color: #f4f7f2;
  font-size: 15px;
  font-weight: 660;
  letter-spacing: .02em;
}
.nova-market-heading small {
  margin-top: 4px;
  color: #737b70;
  font-size: 7px;
}
.nova-market-heading>em {
  padding: 6px 9px;
  border: 1px solid rgba(108,255,50,.20);
  border-radius: 999px;
  background: rgba(108,255,50,.055);
  color: var(--fm-accent);
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.nova-market-heading>.nova-heading-price {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 9px;
}
.nova-heading-price>strong {
  font-size: 21px;
  font-weight: 610;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.nova-heading-price>strong small {
  display: inline;
  margin: 0 2px 0 0;
  color: var(--fm-accent);
  font-size: 10px;
  vertical-align: 4px;
}
.nova-heading-price>em {
  padding: 4px 7px;
  border: 1px solid rgba(108,255,50,.22);
  border-radius: 999px;
  background: rgba(108,255,50,.06);
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.nova-market-price {
  margin-top: 20px;
}
.nova-market-price>span,.nova-market-price>small {
  display: block;
}
.nova-market-price>span {
  color: #888f84;
  font-size: 8px;
}
.nova-price-line {
  margin-top: 7px;
  display: flex;
  align-items: flex-end;
  gap: 13px;
}
.nova-price-line>strong {
  color: #fff;
  font-size: 32px;
  font-weight: 590;
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
}
.nova-price-line>strong small {
  margin-right: 3px;
  color: var(--fm-accent);
  font-size: 15px;
  font-weight: 650;
  vertical-align: 7px;
}
.nova-price-line>em {
  margin-bottom: 4px;
  padding: 4px 7px;
  border: 1px solid rgba(108,255,50,.22);
  border-radius: 999px;
  background: rgba(108,255,50,.06);
  font-size: 8px;
  font-style: normal;
  white-space: nowrap;
}
.nova-market-price>small {
  margin-top: 5px;
  color: #697166;
  font-size: 7px;
}
.nova-market-stats {
  margin-top: 18px;
  padding-top: 14px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0;
  border-top: 1px solid var(--fm-border-soft);
  background: transparent;
}
.nova-market-stats>div {
  min-width: 0;
  padding: 0 13px;
  background: transparent;
}
.nova-market-stats>div:first-child {
  padding-left: 0;
}
.nova-market-stats>div:last-child {
  padding-right: 0;
}
.nova-market-stats>div+div {
  border-left: 1px solid var(--fm-border-soft);
}
.nova-market-stats span,.nova-market-stats strong,.nova-market-stats small {
  display: block;
}
.nova-market-stats span {
  color: #777f74;
  font-size: 7px;
}
.nova-market-stats strong {
  margin-top: 7px;
  color: #eef3eb;
  font-size: 14px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.nova-market-stats small {
  margin-top: 4px;
  color: var(--fm-accent);
  font-size: 7px;
}
.nova-market-stats .nova-burn-value {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.nova-burn-value>b {
  color: #eef3eb;
  font-size: 14px;
  font-weight: 600;
}
.nova-burn-value>em {
  color: #7c8479;
  font-size: 8px;
  font-style: normal;
  font-weight: 500;
}
.nova-subscribe-stat>strong>small {
  display: inline;
  margin: 0 0 0 3px;
  color: #7c8479;
  font-size: 7px;
}
.nova-subscribe-stat>button {
  width: 100%;
  height: 27px;
  margin-top: 12px;
  border: 1px solid rgba(108,255,50,.38);
  border-radius: 999px;
  background: linear-gradient(90deg,var(--fm-accent-mid),var(--fm-accent),var(--fm-accent-soft));
  color: #091008;
  font-size: 8px;
  font-weight: 680;
  box-shadow: inset 0 1px rgba(255,255,255,.24),0 9px 22px -14px rgba(108,255,50,.85);
  transition: .2s ease;
}
.nova-subscribe-stat>button:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}
.nova-laser-progress {
  position: relative;
  height: 4px;
  margin-top: 12px;
  display: block;
  overflow: hidden;
  border-radius: 999px;
  background: #242824;
  box-shadow: inset 0 0 0 1px rgba(108,255,50,.035);
}
.nova-laser-progress>b {
  width: var(--value);
  min-width: 5px;
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg,#2e8d19,var(--fm-accent),var(--fm-accent-soft));
  box-shadow: 0 0 9px rgba(108,255,50,.58);
  transition: width .45s ease;
}
.nova-laser-progress::after {
  content: "";
  position: absolute;
  left: -32%;
  top: -3px;
  width: 30%;
  height: 10px;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.08),#efffe8,rgba(183,255,90,.35),transparent);
  filter: blur(.6px);
  animation: novaLaserPulse 2.25s linear infinite;
}
.nova-market-stats>div+div .nova-laser-progress::after {
  animation-delay: -1.12s;
}
.nova-market-stats>div+div .nova-laser-progress>b {
  background: linear-gradient(90deg,#8a701f,var(--fm-gold),var(--fm-accent));
  box-shadow: 0 0 9px rgba(243,198,77,.48);
}
@keyframes novaLaserPulse {
  to {
    left: 108%;
  }
}
.nova-kline-panel {
  padding: 15px 16px 10px;
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: linear-gradient(180deg,rgba(108,255,50,.035),transparent 45%),#090b09;
  overflow: hidden;
}
.nova-kline-panel>header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.nova-kline-panel>header>div {
  display: flex;
  align-items: baseline;
  gap: 9px;
}
.nova-kline-panel>header span {
  color: #8b9387;
  font-size: 8px;
}
.nova-kline-panel>header strong {
  color: #eef3eb;
  font-size: 11px;
  font-weight: 630;
}
.nova-kline-panel>header em {
  color: #727a6f;
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.nova-kline-chart {
  width: 100%;
  height: 158px;
  margin-top: 7px;
  display: block;
  overflow: visible;
}
.nova-kline-grid {
  fill: none;
  stroke: rgba(214,225,209,.075);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.nova-kline-grid path+path {
  stroke-dasharray: 3 8;
}
.nova-kline-current {
  fill: none;
  stroke: rgba(108,255,50,.58);
  stroke-width: 1;
  stroke-dasharray: 3 4;
  vector-effect: non-scaling-stroke;
  animation: novaPriceLine 1.8s linear infinite;
}
.nova-kline-candles>g {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center bottom;
  transform: scaleY(.06);
}
.view.active .nova-kline-candles>g {
  animation: novaCandleReveal .46s cubic-bezier(.22,.78,.24,1) forwards;
  animation-delay: var(--candle-delay,0ms);
}
.nova-kline-candles>g:nth-child(1) {
  --candle-delay: 40ms;
}
.nova-kline-candles>g:nth-child(2) {
  --candle-delay: 80ms;
}
.nova-kline-candles>g:nth-child(3) {
  --candle-delay: 120ms;
}
.nova-kline-candles>g:nth-child(4) {
  --candle-delay: 160ms;
}
.nova-kline-candles>g:nth-child(5) {
  --candle-delay: 200ms;
}
.nova-kline-candles>g:nth-child(6) {
  --candle-delay: 240ms;
}
.nova-kline-candles>g:nth-child(7) {
  --candle-delay: 280ms;
}
.nova-kline-candles>g:nth-child(8) {
  --candle-delay: 320ms;
}
.nova-kline-candles>g:nth-child(9) {
  --candle-delay: 360ms;
}
.nova-kline-candles>g:nth-child(10) {
  --candle-delay: 400ms;
}
.nova-kline-candles>g:nth-child(11) {
  --candle-delay: 440ms;
}
.nova-kline-candles>g:nth-child(12) {
  --candle-delay: 480ms;
}
.nova-kline-candles>g:nth-child(13) {
  --candle-delay: 520ms;
}
.nova-kline-candles>g:nth-child(14) {
  --candle-delay: 560ms;
}
.nova-kline-candles>g:nth-child(15) {
  --candle-delay: 600ms;
}
.nova-kline-candles>g:nth-child(16) {
  --candle-delay: 640ms;
}
.nova-kline-candles>g:nth-child(17) {
  --candle-delay: 680ms;
}
.nova-kline-candles>g:nth-child(18) {
  --candle-delay: 720ms;
}
.nova-kline-candles>g:nth-child(19) {
  --candle-delay: 760ms;
}
.nova-kline-candles>g:nth-child(20) {
  --candle-delay: 800ms;
}
.nova-kline-candles>g:nth-child(21) {
  --candle-delay: 840ms;
}
.nova-kline-candles>g:nth-child(22) {
  --candle-delay: 880ms;
}
.nova-kline-candles>g:nth-child(23) {
  --candle-delay: 920ms;
}
.nova-kline-candles>g:nth-child(24) {
  --candle-delay: 960ms;
}
.nova-kline-candles>g:nth-child(25) {
  --candle-delay: 1000ms;
}
.nova-kline-candles path {
  fill: none;
  stroke-width: 1.35;
  vector-effect: non-scaling-stroke;
}
.nova-kline-candles rect {
  stroke: none;
}
.nova-kline-candles .bull path {
  stroke: var(--fm-accent);
}
.nova-kline-candles .bull rect {
  fill: var(--fm-accent);
}
.nova-kline-candles .bear path {
  stroke: #ff5f6f;
}
.nova-kline-candles .bear rect {
  fill: #ff5f6f;
}
.nova-kline-axis text {
  fill: #626a5f;
  font: 600 8px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.nova-kline-axis .is-current {
  fill: var(--fm-accent);
}
.nova-kline-panel>footer {
  margin-top: 1px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  align-items: center;
  gap: 8px;
  color: #5f675d;
  font: 600 7px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.nova-kline-panel>footer>span:nth-child(2) {
  text-align: center;
}
.nova-kline-panel>footer>span:nth-child(3) {
  text-align: right;
}
.nova-community-section {
  margin-top: 18px;
}
.nova-whitepaper-cta {
  width: 100%;
  min-height: 58px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  border: 1px solid rgba(255,255,255,.88);
  border-radius: 13px;
  background: linear-gradient(180deg,#fff,#eef1ec);
  color: #090b09;
  font-size: 16px;
  font-weight: 720;
  letter-spacing: .01em;
  box-shadow: inset 0 -2px rgba(0,0,0,.06),0 16px 34px -22px rgba(225,255,214,.55);
  transition: filter .2s ease,transform .2s ease,box-shadow .2s ease;
}
.nova-whitepaper-cta i {
  font-size: 22px;
  font-style: normal;
  font-weight: 450;
  line-height: 1;
  transition: transform .2s ease;
}
.nova-whitepaper-cta:hover,.nova-whitepaper-cta:focus-visible {
  filter: brightness(.94);
  outline: 0;
  transform: translateY(-1px);
  box-shadow: inset 0 -2px rgba(0,0,0,.07),0 18px 38px -20px rgba(108,255,50,.46);
}
.nova-whitepaper-cta:hover i,.nova-whitepaper-cta:focus-visible i {
  transform: translateX(4px);
}
.nova-community-heading {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 11px;
}
.nova-community-heading h3 {
  color: #f2f5f0;
  font-size: 17px;
  font-weight: 620;
  letter-spacing: -.015em;
}
.nova-community-orbit {
  position: relative;
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  flex: none;
  border: 1px solid rgba(108,255,50,.34);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%,rgba(183,255,90,.32),rgba(108,255,50,.055) 50%,transparent 70%);
  box-shadow: 0 0 18px -8px rgba(108,255,50,.75);
}
.nova-community-orbit::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--fm-accent);
  box-shadow: 0 0 10px rgba(108,255,50,.8);
}
.nova-community-orbit i {
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(183,255,90,.26);
  border-radius: 50%;
  transform: rotate(-24deg) scaleY(.45);
}
.nova-community-card {
  position: relative;
  min-height: 190px;
  margin-top: 13px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid var(--fm-border-soft);
  border-radius: 14px;
  background: radial-gradient(circle at 50% 10%,rgba(108,255,50,.07),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 33%),#111311;
  box-shadow: inset 0 1px rgba(255,255,255,.045),0 18px 40px rgba(0,0,0,.25);
}
.nova-community-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(108,255,50,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(108,255,50,.025) 1px,transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(to bottom,#000,transparent 82%);
}
.nova-community-brand {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.nova-community-brand .brand-mark {
  width: 37px;
  height: 37px;
}
.nova-community-brand>strong {
  color: #f4f7f2;
  font-size: 20px;
  font-weight: 620;
  letter-spacing: -.02em;
}
.nova-community-channels {
  position: relative;
  z-index: 1;
  margin-top: 26px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(44px,9vw,100px);
}
.nova-community-channel {
  min-width: 82px;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #8c9488;
  text-decoration: none;
  transition: color .2s ease,transform .2s ease;
}
.nova-community-channel>span {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(235,240,237,.28);
  border-radius: 50%;
  background: linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045));
  color: #f4f6f3;
  box-shadow: inset 0 1px rgba(255,255,255,.13),0 12px 28px -18px rgba(108,255,50,.35);
  transition: border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.nova-community-channel svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}
.nova-community-channel b {
  margin-top: 9px;
  font-size: 10px;
  font-weight: 540;
}
.nova-community-channel:hover,.nova-community-channel:focus-visible {
  color: var(--fm-accent);
  outline: 0;
  transform: translateY(-2px);
}
.nova-community-channel:hover>span,.nova-community-channel:focus-visible>span {
  border-color: rgba(183,255,90,.55);
  background: rgba(108,255,50,.10);
  box-shadow: 0 12px 28px -16px rgba(108,255,50,.62);
}
@keyframes novaCandleReveal {
  0% {
    opacity: 0;
    transform: scaleY(.06);
  }
  70% {
    opacity: 1;
    transform: scaleY(1.08);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes novaPriceLine {
  to {
    stroke-dashoffset: -14;
  }
}
@media (max-width:760px) {
  .nova-market-card {
    min-height: 0;
    padding: 16px;
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .nova-market-price {
    margin-top: 16px;
  }
  .nova-market-stats {
    margin-top: 17px;
    padding-top: 14px;
  }
  .nova-market-stats>div {
    background: transparent;
  }
  .nova-kline-panel {
    padding: 13px 12px 10px;
  }
  .nova-kline-chart {
    height: auto;
    max-height: 172px;
  }
  .nova-kline-panel>footer {
    grid-template-columns: repeat(3,1fr);
  }
}
@media (max-width:420px) {
  .nova-market-card {
    padding: 14px;
  }
  .nova-market-heading i {
    width: 33px;
    height: 33px;
  }
  .nova-heading-price>strong {
    font-size: 17px;
  }
  .nova-heading-price>em {
    padding: 3px 5px;
    font-size: 6.5px;
  }
  .nova-market-stats>div {
    padding: 0 10px;
  }
  .nova-market-stats strong {
    font-size: 12px;
  }
  .nova-kline-panel {
    padding: 12px 10px 9px;
  }
  .nova-kline-axis text {
    font-size: 7px;
  }
  .nova-community-section {
    margin-top: 14px;
  }
  .nova-whitepaper-cta {
    min-height: 52px;
    padding: 0 18px;
    border-radius: 11px;
    font-size: 14px;
  }
  .nova-whitepaper-cta i {
    font-size: 19px;
  }
  .nova-community-heading {
    margin-top: 20px;
    gap: 9px;
  }
  .nova-community-heading h3 {
    font-size: 15px;
  }
  .nova-community-orbit {
    width: 22px;
    height: 22px;
  }
  .nova-community-card {
    min-height: 176px;
    margin-top: 11px;
    padding: 23px 18px;
    border-radius: 12px;
  }
  .nova-community-brand .brand-mark {
    width: 33px;
    height: 33px;
  }
  .nova-community-brand>strong {
    font-size: 18px;
  }
  .nova-community-channels {
    margin-top: 23px;
    gap: 48px;
  }
  .nova-community-channel {
    min-width: 72px;
  }
  .nova-community-channel>span {
    width: 46px;
    height: 46px;
  }
  .nova-community-channel svg {
    width: 20px;
    height: 20px;
  }
  .nova-community-channel b {
    font-size: 9px;
  }
}
.ai-principal-card {
  position: relative;
  min-height: 176px;
  margin-top: 22px;
  padding: 22px 28px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(108,255,50,.18);
  border-radius: 14px;
  background: radial-gradient(circle at 13% 50%,rgba(108,255,50,.095),transparent 27%),radial-gradient(circle at 80% 0,rgba(243,198,77,.045),transparent 33%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 30%),var(--fm-surface);
  box-shadow: inset 0 1px rgba(255,255,255,.05),0 18px 40px rgba(0,0,0,.30);
}
.ai-principal-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(108,255,50,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(108,255,50,.045) 1px,transparent 1px);
  background-size: 24px 24px;
  mask-image: linear-gradient(90deg,#000,transparent 76%);
  opacity: .34;
}
.ai-principal-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg,transparent,var(--fm-accent) 28%,rgba(243,198,77,.72) 63%,transparent);
  opacity: .50;
}
.ai-principal-main {
  position: relative;
  z-index: 2;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 22px;
}
.ai-chip-stage {
  position: relative;
  width: 126px;
  min-width: 126px;
  height: 116px;
  display: grid;
  place-items: center;
  perspective: 500px;
}
.ai-chip-stage::before {
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 36%;
  background: rgba(108,255,50,.20);
  filter: blur(22px);
  animation: aiBadgePulse 2.4s ease-in-out infinite;
}
.ai-orb-badge {
  position: relative;
  width: 94px;
  height: 94px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(183,255,90,.40);
  border-radius: 27px;
  background: linear-gradient(180deg,rgba(255,255,255,.095),transparent 23%),radial-gradient(ellipse at 50% 116%,rgba(183,255,90,.76) 0,rgba(108,255,50,.24) 35%,rgba(108,255,50,.035) 61%,transparent 73%),linear-gradient(145deg,#1a2118,#080a08 69%);
  box-shadow: inset 0 1px rgba(255,255,255,.14),inset 0 -14px 24px rgba(108,255,50,.11),0 15px 30px -18px rgba(108,255,50,.74),0 0 0 5px rgba(108,255,50,.035);
  animation: aiBadgeFloat 3.2s ease-in-out infinite;
}
.ai-orb-badge::before {
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 22px;
  pointer-events: none;
}
.ai-orb-badge::after {
  content: "";
  position: absolute;
  left: -35%;
  top: -16px;
  width: 170%;
  height: 18px;
  background: linear-gradient(180deg,transparent,rgba(183,255,90,.16),transparent);
  filter: blur(3px);
  transform: rotate(-8deg);
  animation: aiBadgeScan 2.8s linear infinite;
}
.ai-orb-badge>span {
  position: relative;
  z-index: 2;
  color: #dfe8db;
  font-size: 30px;
  font-weight: 720;
  line-height: 1;
  letter-spacing: .01em;
  text-shadow: 0 1px rgba(255,255,255,.16),0 6px 17px rgba(108,255,50,.24);
}
.ai-orb-badge>small {
  position: relative;
  z-index: 2;
  margin-top: 9px;
  color: #97b08e;
  font: 650 6px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
  letter-spacing: .22em;
}
.ai-orb-badge>i {
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 24px;
  height: 2px;
  border-radius: 4px;
  background: var(--fm-accent);
  box-shadow: 0 0 10px rgba(108,255,50,.72);
  transform: translateX(-50%);
  animation: aiNodePulse 1.25s ease-in-out infinite;
}
.ai-principal-copy {
  min-width: 0;
  padding-top: 12px;
}
.ai-principal-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ai-principal-title>span {
  color: #949c90;
  font-size: 9px;
}
.ai-principal-title>em {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--fm-accent);
  font-size: 7px;
  font-style: normal;
}
.ai-principal-title>em>i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--fm-accent);
  box-shadow: 0 0 8px rgba(108,255,50,.72);
  animation: aiNodePulse 1.2s ease-in-out infinite;
}
.ai-principal-copy>strong {
  display: block;
  margin-top: 10px;
  color: var(--fm-accent);
  font-size: 34px;
  font-weight: 600;
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 18px rgba(108,255,50,.10);
}
.ai-principal-copy>small {
  display: block;
  margin-top: 7px;
  color: #778074;
  font-size: 8px;
}
.ai-settlement-countdown {
  position: absolute;
  z-index: 3;
  right: 25px;
  top: 20px;
  text-align: right;
}
.ai-settlement-countdown span,.ai-settlement-countdown strong {
  display: block;
}
.ai-settlement-countdown span {
  color: var(--fm-accent);
  font-size: 8px;
  font-weight: 650;
}
.ai-settlement-countdown strong {
  margin-top: 7px;
  color: var(--fm-gold);
  font: 620 21px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
  letter-spacing: .035em;
  font-variant-numeric: tabular-nums;
}
.ai-principal-card+.stats-grid {
  margin-top: 12px;
}
@keyframes aiNodePulse {
  0%,100% {
    opacity: .28;
  }
  50% {
    opacity: 1;
  }
}
@keyframes aiBadgePulse {
  0%,100% {
    opacity: .35;
    transform: scale(.88);
  }
  50% {
    opacity: .84;
    transform: scale(1.07);
  }
}
@keyframes aiBadgeFloat {
  0%,100% {
    transform: translateY(1px) rotateX(0);
  }
  50% {
    transform: translateY(-3px) rotateX(2deg);
  }
}
@keyframes aiBadgeScan {
  from {
    transform: translateY(0) rotate(-8deg);
  }
  to {
    transform: translateY(126px) rotate(-8deg);
  }
}
@media (max-width:640px) {
  .ai-principal-card {
    min-height: 152px;
    margin-top: 18px;
    padding: 17px 15px;
  }
  .ai-principal-main {
    gap: 10px;
    padding-top: 20px;
  }
  .ai-chip-stage {
    width: 106px;
    min-width: 106px;
    height: 90px;
  }
  .ai-orb-badge {
    width: 76px;
    height: 76px;
    border-radius: 22px;
  }
  .ai-orb-badge::before {
    inset: 5px;
    border-radius: 18px;
  }
  .ai-orb-badge>span {
    font-size: 25px;
  }
  .ai-orb-badge>small {
    margin-top: 7px;
    font-size: 5px;
  }
  .ai-orb-badge>i {
    bottom: 6px;
    width: 20px;
  }
  .ai-principal-copy {
    padding-top: 7px;
  }
  .ai-principal-title {
    display: block;
  }
  .ai-principal-title>em {
    margin-top: 6px;
  }
  .ai-principal-copy>strong {
    margin-top: 8px;
    font-size: clamp(24px,7.8vw,31px);
  }
  .ai-principal-copy>small {
    max-width: 170px;
    font-size: 7px;
    line-height: 1.4;
  }
  .ai-settlement-countdown {
    right: 15px;
    top: 14px;
  }
  .ai-settlement-countdown span {
    font-size: 7px;
  }
  .ai-settlement-countdown strong {
    margin-top: 5px;
    font-size: 17px;
  }
}
@media (max-width:374px) {
  .ai-principal-card {
    padding: 15px 12px;
  }
  .ai-principal-main {
    gap: 6px;
  }
  .ai-chip-stage {
    width: 90px;
    min-width: 90px;
  }
  .ai-orb-badge {
    width: 70px;
    height: 70px;
    border-radius: 20px;
  }
  .ai-orb-badge>span {
    font-size: 23px;
  }
  .ai-principal-copy>strong {
    font-size: 23px;
  }
  .ai-principal-copy>small {
    font-size: 6.5px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .ai-chip-stage::before,.ai-orb-badge,.ai-orb-badge::after,.ai-orb-badge>i,.ai-principal-title>em>i {
    animation: none;
  }
}
.ai-principal-card {
  min-height: 248px;
  justify-content: center;
  isolation: isolate;
}
.ai-flow-field {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 112%,rgba(108,255,50,.18),rgba(108,255,50,.035) 38%,transparent 65%);
}
.ai-flow-field>i {
  position: absolute;
  left: -56%;
  top: -48%;
  width: 48%;
  height: 210%;
  background: linear-gradient(90deg,transparent,rgba(108,255,50,.03) 30%,rgba(183,255,90,.24) 50%,rgba(243,198,77,.07) 64%,transparent);
  filter: blur(13px);
  transform: rotate(17deg);
  animation: aiLightSweep 6.8s cubic-bezier(.45,0,.24,1) infinite;
}
.ai-flow-field>i:nth-child(2) {
  width: 32%;
  opacity: .64;
  animation-delay: -4.6s;
  animation-duration: 8.2s;
}
.ai-flow-field>i:nth-child(3) {
  width: 20%;
  opacity: .42;
  animation-delay: -2.2s;
  animation-duration: 5.9s;
}
.ai-principal-main {
  width: min(100%,460px);
  padding: 4px 20px 0;
  flex-direction: column;
  gap: 3px;
  text-align: center;
}
.ai-chip-stage {
  width: 104px;
  min-width: 104px;
  height: 96px;
}
.ai-orb-badge {
  width: 82px;
  height: 82px;
  border-radius: 24px;
}
.ai-orb-badge::before {
  border-radius: 19px;
}
.ai-orb-badge>span {
  font-size: 27px;
}
.ai-orb-badge>small {
  margin-top: 7px;
}
.ai-principal-copy {
  width: 100%;
  padding: 0;
  text-align: center;
}
.ai-principal-title {
  justify-content: center;
}
.ai-principal-copy>strong {
  margin-top: 9px;
}
.ai-principal-copy>small {
  margin-top: 6px;
}
.ai-principal-actions {
  margin-top: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ai-principal-action {
  height: 34px;
  min-width: 100px;
  margin: 0;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(108,255,50,.34);
  border-radius: 999px;
  background: linear-gradient(180deg,rgba(108,255,50,.12),rgba(108,255,50,.055));
  color: #dfffd1;
  font-size: 8px;
  font-weight: 650;
  box-shadow: inset 0 1px rgba(255,255,255,.07),0 12px 25px -18px rgba(108,255,50,.90);
  transition: .2s ease;
}
.ai-principal-action.primary {
  border-color: var(--fm-accent-soft);
  background: linear-gradient(90deg,var(--fm-accent-mid),var(--fm-accent),var(--fm-accent-soft));
  color: #091008;
  box-shadow: inset 0 1px rgba(255,255,255,.28),0 12px 27px -15px rgba(108,255,50,.85);
}
.ai-principal-action i {
  color: var(--fm-accent);
  font-size: 12px;
  font-style: normal;
  transition: transform .2s ease;
}
.ai-principal-action:hover {
  border-color: rgba(183,255,90,.62);
  background: rgba(108,255,50,.16);
  transform: translateY(-1px);
}
.ai-principal-action:hover i {
  transform: translateX(2px);
}
.asset-earnings {
  margin-top: 14px;
}
.view[data-page="assets"] .asset-cards {
  grid-template-columns: 1fr;
}
.asset-total-card {
  min-height: 0 !important;
  padding: 22px 24px !important;
  overflow: hidden;
}
.asset-total-card>header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}
.asset-total-card>header>span {
  color: #929a8e;
  font-size: 9px;
}
.asset-total-card>header>strong {
  color: #f6f8f5;
  font-size: 26px;
  font-weight: 560;
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
}
.asset-total-card>header>strong>small {
  margin-left: 4px;
  color: #8d9589;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0;
}
.asset-total-breakdown {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  border: 1px solid var(--fm-border-soft);
  border-radius: 9px;
  background: var(--fm-inset);
  overflow: hidden;
}
.asset-total-breakdown>div {
  min-width: 0;
  padding: 13px 15px;
}
.asset-total-breakdown>div+div {
  border-left: 1px solid var(--fm-border-soft);
}
.asset-total-breakdown span,.asset-total-breakdown strong,.asset-total-breakdown>div>small {
  display: block;
}
.asset-total-breakdown span {
  color: #7f877b;
  font-size: 8px;
}
.asset-total-breakdown strong {
  margin-top: 6px;
  color: #eef3eb;
  font-size: 17px;
  font-weight: 560;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.asset-total-breakdown strong>small {
  margin-left: 3px;
  color: #7f877b;
  font-size: 7px;
  font-weight: 500;
}
.asset-total-breakdown>div>small {
  margin-top: 5px;
  color: #6f776c;
  font-size: 7px;
}
.asset-total-actions {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
}
.asset-total-actions>button {
  height: 36px;
  border: 1px solid rgba(108,255,50,.28);
  border-radius: 999px;
  background: rgba(108,255,50,.055);
  color: #dfffd1;
  font-size: 9px;
  font-weight: 650;
  transition: .2s ease;
}
.asset-total-actions>button.primary {
  border-color: var(--fm-accent-soft);
  background: linear-gradient(90deg,var(--fm-accent-mid),var(--fm-accent),var(--fm-accent-soft));
  color: #091008;
  box-shadow: inset 0 1px rgba(255,255,255,.24),0 10px 22px -15px rgba(108,255,50,.82);
}
.asset-total-actions>button:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}
.view[data-page="assets"] .asset-detail-grid {
  grid-template-columns: 1fr;
}
@keyframes aiLightSweep {
  0% {
    left: -56%;
    opacity: 0;
  }
  18% {
    opacity: .75;
  }
  68% {
    opacity: .75;
  }
  100% {
    left: 122%;
    opacity: 0;
  }
}
@media (max-width:640px) {
  .ai-principal-card {
    min-height: 228px;
    padding: 16px 14px;
  }
  .ai-principal-main {
    padding: 13px 12px 0;
    gap: 2px;
  }
  .ai-chip-stage {
    width: 82px;
    min-width: 82px;
    height: 74px;
  }
  .ai-orb-badge {
    width: 64px;
    height: 64px;
    border-radius: 19px;
  }
  .ai-orb-badge::before {
    border-radius: 15px;
  }
  .ai-orb-badge>span {
    font-size: 22px;
  }
  .ai-orb-badge>small {
    margin-top: 5px;
    font-size: 4.5px;
  }
  .ai-orb-badge>i {
    bottom: 5px;
    width: 17px;
  }
  .ai-principal-title {
    display: flex;
  }
  .ai-principal-title>em {
    margin-top: 0;
  }
  .ai-principal-copy>strong {
    font-size: 28px;
  }
  .ai-principal-copy>small {
    max-width: none;
  }
  .ai-principal-actions {
    margin-top: 11px;
    gap: 6px;
  }
  .ai-principal-action {
    height: 31px;
    min-width: 90px;
    padding: 0 12px;
  }
  .asset-earnings {
    margin-top: 10px;
  }
  .view[data-page="assets"] .asset-cards {
    grid-template-columns: 1fr;
  }
  .asset-total-card {
    padding: 17px !important;
  }
  .asset-total-card>header {
    align-items: flex-start;
  }
  .asset-total-card>header>strong {
    font-size: 22px;
  }
  .asset-total-breakdown {
    margin-top: 14px;
  }
  .asset-total-breakdown>div {
    padding: 11px 10px;
  }
  .asset-total-breakdown strong {
    font-size: 15px;
  }
  .asset-total-actions {
    margin-top: 13px;
  }
  .asset-total-actions>button {
    height: 34px;
  }
  .view[data-page="assets"] .asset-cards .asset-card:last-child {
    grid-column: auto;
    min-height: 0;
  }
}
@media (min-width:641px) and (max-width:1200px) {
  .view[data-page="assets"] .asset-cards {
    grid-template-columns: 1fr;
  }
  .view[data-page="assets"] .asset-card.asset-hero {
    grid-column: auto;
  }
}
@media (max-width:374px) {
  .view[data-page="assets"] .asset-cards {
    grid-template-columns: 1fr;
  }
}
@media (max-width:374px) {
  .ai-principal-card {
    min-height: 220px;
  }
  .ai-principal-main {
    padding-inline: 6px;
  }
  .ai-settlement-countdown strong {
    font-size: 15px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .ai-flow-field>i {
    animation: none;
    opacity: .20;
  }
  .nova-kline-current {
    animation: none;
  }
  .nova-kline-candles>g,.view.active .nova-kline-candles>g {
    opacity: 1;
    transform: none;
    animation: none;
  }
}
.order-settlement-trigger {
  min-height: 24px;
  margin-top: 8px;
  padding: 0 11px;
  border: 1px solid rgba(108,255,50,.26);
  border-radius: 999px;
  background: rgba(108,255,50,.055);
  color: #cfffbc;
  font-size: 7px;
  font-weight: 650;
  white-space: nowrap;
  transition: border-color .2s ease,background .2s ease,transform .2s ease;
}
.order-settlement-trigger:hover {
  border-color: rgba(183,255,90,.58);
  background: rgba(108,255,50,.11);
  transform: translateY(-1px);
}
.order-settlement-modal {
  width: min(680px,100%);
  padding: 24px;
}
.order-settlement-head {
  padding-right: 46px;
}
.order-settlement-head h3 {
  margin-top: 7px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 620;
  letter-spacing: -.02em;
}
.order-settlement-head p {
  margin-top: 6px;
  color: #858c80;
  font-size: 9px;
  line-height: 1.5;
}
.order-settlement-summary {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: #0c0f0c;
  overflow: hidden;
}
.order-settlement-summary>div {
  min-width: 0;
  padding: 12px 13px;
  border-left: 1px solid var(--fm-border-soft);
}
.order-settlement-summary>div:first-child {
  border-left: 0;
}
.order-settlement-summary span,.order-settlement-summary strong {
  display: block;
}
.order-settlement-summary span {
  color: #7f867b;
  font-size: 8px;
}
.order-settlement-summary strong {
  margin-top: 6px;
  color: #f0f4ed;
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.order-settlement-ledger {
  max-height: 350px;
  margin-top: 14px;
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: #090b09;
  overflow: auto;
}
.order-settlement-ledger-head,.order-settlement-ledger-row {
  min-width: 0;
  padding: 0 14px;
  display: grid;
  grid-template-columns: minmax(118px,1.25fr) minmax(92px,.8fr) minmax(92px,.8fr) max-content;
  align-items: center;
  gap: 12px;
}
.order-settlement-ledger-head {
  position: sticky;
  z-index: 2;
  top: 0;
  min-height: 36px;
  border-bottom: 1px solid var(--fm-border-soft);
  background: #111411;
  color: #7f867b;
  font: 650 8px/1.2 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.order-settlement-ledger-head span:nth-child(n+2) {
  text-align: right;
}
.order-settlement-ledger-row {
  min-height: 50px;
  border-top: 1px solid var(--fm-border-soft);
  color: #b6bdb2;
  font-size: 10px;
}
.order-settlement-ledger-row:first-child {
  border-top: 0;
}
.order-settlement-ledger-row b {
  color: #eef3eb;
  font-size: 10px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.order-settlement-ledger-row b small {
  display: block;
  margin-top: 4px;
  color: #747c71 !important;
  font: 500 7px/1.2 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.order-settlement-ledger-row strong,.order-settlement-ledger-row span {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.order-settlement-ledger-row strong {
  color: var(--fm-accent);
  font-weight: 620;
}
.order-settlement-ledger-row em {
  padding: 4px 7px;
  border: 1px solid rgba(108,255,50,.22);
  border-radius: 999px;
  background: rgba(108,255,50,.055);
  color: var(--fm-accent) !important;
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.order-settlement-empty {
  padding: 34px 18px;
  color: #7f867b;
  font-size: 10px;
  text-align: center;
}
.order-settlement-note {
  margin-top: 10px !important;
  color: #747c71 !important;
  font-size: 8px !important;
  line-height: 1.5 !important;
  text-align: left;
}
.pool-history-modal {
  width: min(560px,100%);
  padding: 24px;
}
.pool-history-head {
  padding-right: 46px;
}
.pool-history-head .section-label {
  font-size: 9px;
}
.pool-history-head h3 {
  margin-top: 7px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 620;
  letter-spacing: -.02em;
}
.pool-history-note {
  max-width: 430px;
  margin-top: 6px !important;
  color: #858c80 !important;
  font-size: 10px !important;
  line-height: 1.55 !important;
  text-align: left !important;
}
.pool-history-summary {
  margin-top: 17px;
  padding: 10px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid var(--fm-border-soft);
  border-radius: 9px;
  background: #0c0f0c;
  color: #81897d;
  font-size: 8px;
}
.pool-history-summary strong {
  color: var(--fm-accent);
  font-size: 10px;
  font-weight: 620;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.pool-history-modal .history-ledger {
  margin-top: 12px;
  border-color: var(--fm-border-soft);
  border-radius: 10px;
  background: #090b09;
}
.pool-history-modal .history-ledger-head,.pool-history-modal .history-ledger-row {
  grid-template-columns: 96px minmax(0,1fr) max-content;
  column-gap: 14px;
  padding: 0 14px;
}
.pool-history-modal .history-ledger-head {
  min-height: 34px;
  background: #111411 !important;
  color: #7f867b !important;
  font: 650 8px/1.2 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.pool-history-modal .history-ledger-head span:last-child {
  text-align: right;
}
.pool-history-modal .history-ledger-row {
  min-height: 49px;
  color: #c6ccc2;
  font-size: 10px;
}
.pool-history-modal .history-ledger-row b {
  color: #edf2ea;
  font-size: 10px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.pool-history-modal .history-ledger-row b small {
  margin-top: 4px;
  color: #747c71 !important;
  font-size: 7px !important;
}
.pool-history-modal .history-ledger-row strong {
  color: var(--fm-accent);
  font-size: 10px;
  font-weight: 620;
  font-variant-numeric: tabular-nums;
}
.pool-history-modal .history-ledger-row strong.down {
  color: #ff5f55 !important;
}
@media (min-width:761px) and (max-width:1100px) {
  .nova-market-card {
    grid-template-columns: 1fr;
  }
  .nova-market-stats {
    grid-template-columns: minmax(0,1.25fr) minmax(180px,.75fr);
  }
}
@media (max-width:640px) {
  .modal-layer {
    padding: 8px;
  }
  .pool-history-modal,.order-settlement-modal {
    max-height: calc(100dvh - 16px);
    padding: 18px 14px;
    border-radius: 15px;
  }
  .pool-history-modal>.modal-close,.order-settlement-modal>.modal-close {
    width: 36px;
    height: 36px;
    right: 12px;
    top: 12px;
    font-size: 19px;
  }
  .pool-history-head,.order-settlement-head {
    padding-right: 44px;
  }
  .pool-history-head .section-label {
    font-size: 10px;
  }
  .pool-history-head h3,.order-settlement-head h3 {
    font-size: 18px;
  }
  .pool-history-note {
    max-width: 330px;
    font-size: 11px !important;
  }
  .pool-history-summary {
    margin-top: 14px;
    padding: 10px;
  }
  .pool-history-summary {
    font-size: 10px;
  }
  .pool-history-summary strong {
    font-size: 11px;
  }
  .pool-history-modal .history-ledger {
    margin-top: 10px;
  }
  .pool-history-modal .history-ledger-head,.pool-history-modal .history-ledger-row {
    grid-template-columns: 76px minmax(0,1fr) max-content;
    column-gap: 8px;
    padding: 0 10px;
  }
  .pool-history-modal .history-ledger-head {
    min-height: 34px;
    font-size: 10px;
  }
  .pool-history-modal .history-ledger-row {
    min-height: 49px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 11px;
  }
  .pool-history-modal .history-ledger-row b,.pool-history-modal .history-ledger-row strong {
    font-size: 11px;
  }
  .pool-history-modal .history-ledger-row b small {
    font-size: 9px !important;
  }
  .order-settlement-trigger {
    width: 100%;
    min-height: 29px;
    margin-top: 10px;
    font-size: 8px;
  }
  .order-settlement-summary {
    margin-top: 14px;
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .order-settlement-summary>div {
    padding: 10px 11px;
  }
  .order-settlement-summary>div:nth-child(3) {
    border-left: 0;
    border-top: 1px solid var(--fm-border-soft);
  }
  .order-settlement-summary>div:nth-child(4) {
    border-top: 1px solid var(--fm-border-soft);
  }
  .order-settlement-summary span {
    font-size: 9px;
  }
  .order-settlement-summary strong {
    font-size: 11px;
  }
  .order-settlement-ledger {
    max-height: 48dvh;
    margin-top: 10px;
  }
  .order-settlement-ledger-head,.order-settlement-ledger-row {
    grid-template-columns: minmax(86px,1.25fr) minmax(70px,.9fr) minmax(72px,.9fr) max-content;
    padding: 0 9px;
    gap: 7px;
  }
  .order-settlement-ledger-head {
    min-height: 35px;
    font-size: 9px;
  }
  .order-settlement-ledger-row {
    min-height: 49px;
    font-size: 9.5px;
  }
  .order-settlement-ledger-row b {
    font-size: 9.5px;
  }
  .order-settlement-ledger-row b small {
    font-size: 7.5px;
  }
  .order-settlement-ledger-row em {
    padding: 3px 5px;
    font-size: 7.5px;
  }
  .order-settlement-note {
    font-size: 9px !important;
  }
}
@media (max-width:374px) {
  .nova-market-stats {
    grid-template-columns: 1fr;
  }
  .nova-market-stats>div {
    padding: 11px 0 !important;
  }
  .nova-market-stats>div:first-child {
    padding-top: 0 !important;
  }
  .nova-market-stats>div+div {
    border-left: 0;
    border-top: 1px solid var(--fm-border-soft);
  }
  .order-settlement-ledger {
    overflow-x: auto;
  }
  .order-settlement-ledger-head,.order-settlement-ledger-row {
    min-width: 330px;
  }
}
.nova-subscribe-actions {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 6px;
}
.nova-subscribe-actions>button {
  min-width: 0;
  height: 27px;
  padding: 0 6px;
  border: 1px solid rgba(108,255,50,.28);
  border-radius: 999px;
  background: rgba(108,255,50,.055);
  color: #d8ffca;
  font-size: 7.5px;
  font-weight: 650;
  white-space: nowrap;
  transition: .2s ease;
}
.nova-subscribe-actions>button.primary {
  border-color: rgba(183,255,90,.72);
  background: linear-gradient(90deg,var(--fm-accent-mid),var(--fm-accent),var(--fm-accent-soft));
  color: #091008;
  box-shadow: inset 0 1px rgba(255,255,255,.24),0 9px 22px -14px rgba(108,255,50,.85);
}
.nova-subscribe-actions>button:hover {
  filter: brightness(1.07);
  transform: translateY(-1px);
}
.subscription-panel-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}
.subscription-record-link {
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(108,255,50,.28);
  border-radius: 999px;
  background: rgba(108,255,50,.055);
  color: #d8ffca;
  font-size: 8px;
  white-space: nowrap;
}
.subscription-record-link b {
  color: var(--fm-accent);
  font-weight: 680;
}
.subscription-records-modal {
  width: min(760px,100%);
  padding: 24px;
}
.subscription-records-head {
  padding-right: 46px;
}
.subscription-records-head h3 {
  margin-top: 7px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 620;
  letter-spacing: -.02em;
}
.subscription-records-head p {
  margin-top: 6px;
  color: #858c80;
  font-size: 10px;
  line-height: 1.55;
}
.subscription-records-modal-summary {
  position: relative;
  margin-top: 17px;
  padding-right: 92px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: #0c0f0c;
  overflow: hidden;
}
.subscription-records-modal-summary>div {
  min-width: 0;
  padding: 11px 13px;
}
.subscription-records-modal-summary>div+div {
  border-left: 1px solid var(--fm-border-soft);
}
.subscription-records-modal-summary span,.subscription-records-modal-summary strong {
  display: block;
}
.subscription-records-modal-summary span {
  color: #7f867b;
  font-size: 8px;
}
.subscription-records-modal-summary strong {
  margin-top: 6px;
  color: #f0f4ed;
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.subscription-records-modal-summary strong small {
  margin-left: 3px;
  color: #858c80 !important;
  font-size: 7px;
  font-weight: 500;
}
.subscription-records-modal-summary>em {
  position: absolute;
  right: 13px;
  top: 50%;
  padding: 5px 8px;
  border: 1px solid rgba(108,255,50,.22);
  border-radius: 999px;
  background: rgba(108,255,50,.055);
  color: #99a291 !important;
  font-size: 8px;
  font-style: normal;
  transform: translateY(-50%);
  white-space: nowrap;
}
.subscription-records-modal-summary>em b {
  color: var(--fm-accent);
  font-weight: 680;
}
.subscription-records-modal-ledger {
  max-height: 54dvh;
  margin-top: 12px;
  overflow: auto;
}
.subscription-records-modal-ledger .subscription-ledger-head {
  position: sticky;
  z-index: 2;
  top: 0;
}
.subscription-record-modal-list {
  min-width: 0;
}
.subscription-records-note {
  margin-top: 10px !important;
  color: #747c71 !important;
  font-size: 8px !important;
  line-height: 1.55 !important;
  text-align: left;
}
@media (max-width:820px) {
  #subscriptionRecordModalRows {
    display: grid;
    gap: 9px;
  }
  .subscription-records-modal-ledger {
    border: 0;
    background: transparent;
  }
  .subscription-records-modal-ledger .subscription-ledger-head {
    display: none;
  }
}
@media (max-width:640px) {
  .subscription-panel-actions {
    align-items: flex-end;
    flex-direction: column;
    gap: 6px;
  }
  .subscription-record-link {
    min-height: 30px;
  }
  .subscription-records-modal {
    max-height: calc(100dvh - 16px);
    padding: 18px 14px;
    border-radius: 15px;
  }
  .subscription-records-modal>.modal-close {
    width: 36px;
    height: 36px;
    right: 12px;
    top: 12px;
    font-size: 19px;
  }
  .subscription-records-head {
    padding-right: 44px;
  }
  .subscription-records-head .section-label {
    font-size: 10px;
  }
  .subscription-records-head h3 {
    font-size: 18px;
  }
  .subscription-records-head p {
    font-size: 11px;
  }
  .subscription-records-modal-summary {
    margin-top: 14px;
    padding-right: 0;
    grid-template-columns: 1fr;
  }
  .subscription-records-modal-summary>div {
    padding: 10px;
  }
  .subscription-records-modal-summary>div+div {
    border-left: 0;
    border-top: 1px solid var(--fm-border-soft);
  }
  .subscription-records-modal-summary span {
    font-size: 9px;
  }
  .subscription-records-modal-summary strong {
    font-size: 12px;
  }
  .subscription-records-modal-summary>em {
    right: 10px;
    top: 10px;
    transform: none;
  }
  .subscription-records-modal-ledger {
    max-height: 47dvh;
    margin-top: 10px;
  }
  .subscription-records-note {
    font-size: 9px !important;
  }
}
@media (max-width:374px) {
  .nova-subscribe-actions {
    grid-template-columns: 1fr;
  }
  .nova-subscribe-actions>button {
    height: 30px;
  }
}
.community-links {
  display: flex;
  align-items: center;
  gap: 7px;
}
.community-link {
  height: 37px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--fm-border);
  border-radius: 9px;
  background: rgba(16,19,16,.88);
  color: #bac2b6;
  font-size: 8px;
  font-weight: 650;
  white-space: nowrap;
  box-shadow: inset 0 1px rgba(255,255,255,.035);
  transition: border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;
}
.community-link svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
  flex: none;
}
.community-link:hover,.community-link:focus-visible {
  border-color: rgba(108,255,50,.40);
  background: rgba(108,255,50,.075);
  color: var(--fm-accent);
  transform: translateY(-1px);
}
.community-link.x-link {
  min-width: 37px;
  padding-inline: 10px;
}
@media (max-width:1200px) {
  .community-link {
    width: 37px;
    padding: 0;
  }
  .community-link span {
    display: none;
  }
}
@media (max-width:640px) {
  .topbar-actions {
    gap: 6px;
  }
  .community-links {
    gap: 5px;
  }
  .community-link {
    width: 34px;
    height: 34px;
    border-radius: 8px;
  }
  .community-link svg {
    width: 13px;
    height: 13px;
  }
  .wallet-button {
    min-width: 106px;
    padding-inline: 10px;
  }
}
@media (max-width:374px) {
  .mobile-brand b {
    display: none;
  }
  .wallet-button {
    min-width: 100px;
  }
}
.team-members-panel {
  margin-top: 14px;
  padding: 20px 22px;
}
.team-members-head {
  align-items: center;
}
.team-members-head h3 {
  font-size: 18px;
  font-weight: 560;
}
.team-members-head p {
  margin-top: 6px;
  color: #747c71;
  font-size: 9px;
  line-height: 1.5;
}
.team-members-open {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid rgba(108,255,50,.28);
  border-radius: 999px;
  background: rgba(108,255,50,.055);
  color: #d8ffca;
  font-size: 8px;
  font-weight: 650;
  white-space: nowrap;
}
.team-members-open:hover,.team-members-open:focus-visible {
  border-color: rgba(183,255,90,.62);
  background: rgba(108,255,50,.11);
  color: #fff;
}
.team-member-count-grid {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: #0b0d0b;
  overflow: hidden;
}
.team-member-count-grid>div {
  min-width: 0;
  min-height: 104px;
  padding: 16px 17px;
  border-left: 1px solid var(--fm-border-soft);
}
.team-member-count-grid>div:first-child {
  border-left: 0;
}
.team-member-count-grid span,.team-member-count-grid strong,.team-member-count-grid em {
  display: block;
}
.team-member-count-grid span {
  color: #7f877b;
  font-size: 8px;
}
.team-member-count-grid strong {
  margin-top: 11px;
  color: #f3f6f1;
  font-size: 25px;
  font-weight: 570;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}
.team-member-count-grid strong small {
  margin-left: 2px;
  color: #7f877b;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0;
}
.team-member-count-grid em {
  margin-top: 7px;
  color: #70776d;
  font-size: 7.5px;
  font-style: normal;
}
.team-member-count-grid .is-effective strong {
  color: var(--fm-accent);
  text-shadow: 0 0 20px rgba(108,255,50,.14);
}
.direct-members-modal {
  width: min(900px,100%);
  padding: 24px;
}
.direct-members-head {
  padding-right: 46px;
}
.direct-members-head h3 {
  margin-top: 7px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 620;
  letter-spacing: -.02em;
}
.direct-members-head p {
  max-width: 650px;
  margin-top: 6px;
  color: #858c80;
  font-size: 10px;
  line-height: 1.55;
}
.direct-members-toolbar {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.direct-members-toolbar .segmented {
  margin: 0;
}
.direct-members-toolbar .segmented button {
  min-width: 88px;
}
.direct-members-toolbar .segmented b {
  margin-left: 4px;
  color: var(--fm-accent);
  font-weight: 680;
}
.direct-members-toolbar>span {
  color: #747c71;
  font-size: 8px;
  white-space: nowrap;
}
.direct-members-ledger {
  max-height: 54dvh;
  margin-top: 12px;
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: #090b09;
  overflow: auto;
}
.direct-members-ledger-head,.direct-member-row {
  padding: 0 14px;
  display: grid;
  grid-template-columns: minmax(250px,1.8fr) 70px repeat(3,minmax(92px,.8fr));
  align-items: center;
  gap: 12px;
}
.direct-members-ledger-head {
  position: sticky;
  z-index: 2;
  top: 0;
  min-height: 36px;
  border-bottom: 1px solid var(--fm-border-soft);
  background: #111411;
  color: #7f867b;
  font: 650 8px/1.2 "Geist Mono","SFMono-Regular",Consolas,monospace;
}
.direct-members-ledger-head span:nth-child(n+2) {
  text-align: right;
}
.direct-member-row {
  min-height: 58px;
  border-top: 1px solid var(--fm-border-soft);
  color: #b6bdb2;
  font-size: 9px;
}
.direct-member-row:first-child {
  border-top: 0;
}
.direct-member-address-cell {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.direct-member-address {
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #e4e9e1;
  text-align: left;
  cursor: pointer;
}
.direct-member-address code {
  font: 550 8px/1.4 "Geist Mono","SFMono-Regular",Consolas,monospace;
  white-space: nowrap;
}
.direct-member-address:hover,.direct-member-address:focus-visible {
  color: var(--fm-accent);
  outline: 0;
}
.direct-member-address:focus-visible code {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.direct-member-status {
  flex: none;
  padding: 3px 6px;
  border: 1px solid var(--fm-border-soft);
  border-radius: 999px;
  color: #777f74;
  font-size: 6.5px;
  white-space: nowrap;
}
.direct-member-status.is-active {
  border-color: rgba(108,255,50,.25);
  background: rgba(108,255,50,.055);
  color: var(--fm-accent);
}
.direct-member-level {
  justify-self: end;
  min-width: 33px;
  padding: 4px 7px;
  border: 1px solid rgba(108,255,50,.22);
  border-radius: 7px;
  background: rgba(108,255,50,.05);
  color: #d9ffd0;
  text-align: center;
  font: 650 8px/1 "Geist Mono","SFMono-Regular",Consolas,monospace;
  white-space: nowrap;
}
.direct-member-amount,.direct-member-change {
  color: #eef3eb;
  text-align: right;
  font-size: 9px;
  font-weight: 600;
  font-style: normal;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.direct-member-change.up {
  color: var(--fm-accent);
}
.direct-member-change.is-zero {
  color: #71786e;
}
.direct-members-empty {
  padding: 34px 18px;
  color: #7f867b;
  font-size: 10px;
  text-align: center;
}
.direct-members-note {
  margin-top: 10px !important;
  color: #747c71 !important;
  font-size: 8px !important;
  line-height: 1.55 !important;
  text-align: left !important;
}
@media (max-width:820px) {
  .direct-members-ledger {
    border: 0;
    background: transparent;
    overflow: auto;
  }
  .direct-members-ledger-head {
    display: none;
  }
  #directMemberRows {
    display: grid;
    gap: 9px;
  }
  .direct-member-row {
    min-height: 0;
    padding: 13px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 11px 15px;
    border: 1px solid var(--fm-border-soft) !important;
    border-radius: 10px;
    background: #0b0e0b;
  }
  .direct-member-address-cell {
    grid-column: 1/-1;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--fm-border-soft);
  }
  .direct-member-address {
    flex: 1;
  }
  .direct-member-address code {
    display: block;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .direct-member-level,.direct-member-amount,.direct-member-change {
    min-width: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    background: none;
    text-align: right;
    font-size: 9px;
  }
  .direct-member-level::before,.direct-member-amount::before,.direct-member-change::before {
    content: attr(data-label);
    margin-right: 8px;
    color: #71796e;
    font: 500 8px/1.2 system-ui,sans-serif;
  }
  .direct-member-level {
    justify-self: stretch;
    color: #d9ffd0;
  }
}
@media (max-width:760px) {
  .team-member-count-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .team-member-count-grid>div:nth-child(odd) {
    border-left: 0;
  }
  .team-member-count-grid>div:nth-child(n+3) {
    border-top: 1px solid var(--fm-border-soft);
  }
}
@media (max-width:640px) {
  .team-members-panel {
    padding: 16px;
  }
  .team-members-head {
    align-items: flex-start;
  }
  .team-members-head h3 {
    font-size: 16px;
  }
  .team-members-head p {
    font-size: 9px;
  }
  .team-members-open {
    min-height: 31px;
    padding: 0 10px;
  }
  .team-member-count-grid {
    margin-top: 13px;
  }
  .team-member-count-grid>div {
    min-height: 91px;
    padding: 13px 12px;
  }
  .team-member-count-grid span {
    font-size: 8.5px;
  }
  .team-member-count-grid strong {
    margin-top: 8px;
    font-size: 21px;
  }
  .team-member-count-grid em {
    font-size: 7px;
  }
  .direct-members-modal {
    height: calc(100dvh - 16px);
    max-height: calc(100dvh - 16px);
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    overflow: hidden;
  }
  .direct-members-modal>.modal-close {
    width: 36px;
    height: 36px;
    right: 12px;
    top: 12px;
    font-size: 19px;
  }
  .direct-members-head {
    padding-right: 44px;
  }
  .direct-members-head .section-label {
    font-size: 10px;
  }
  .direct-members-head h3 {
    font-size: 18px;
  }
  .direct-members-head p {
    font-size: 10px;
  }
  .direct-members-toolbar {
    margin-top: 14px;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .direct-members-toolbar .segmented {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .direct-members-toolbar .segmented button {
    min-width: 0;
  }
  .direct-members-toolbar>span {
    font-size: 9px;
  }
  .direct-members-ledger {
    min-height: 160px;
    max-height: none;
    margin-top: 10px;
    flex: 1;
  }
  .direct-member-row {
    padding: 12px 11px;
  }
  .direct-member-address code {
    font-size: 8px;
  }
  .direct-member-status {
    font-size: 7px;
  }
  .direct-member-level,.direct-member-amount,.direct-member-change {
    font-size: 9px;
  }
  .direct-members-note {
    flex: none;
    font-size: 9px !important;
  }
}
@media (max-width:374px) {
  .team-members-panel {
    padding: 14px;
  }
  .team-members-head {
    display: block;
  }
  .team-members-open {
    width: 100%;
    margin-top: 11px;
  }
  .team-member-count-grid>div {
    padding: 12px 9px;
  }
  .team-member-count-grid strong {
    font-size: 19px;
  }
  .direct-member-row {
    grid-template-columns: 1fr;
  }
  .direct-member-address-cell {
    grid-column: auto;
  }
  .direct-member-level,.direct-member-amount,.direct-member-change {
    grid-column: auto;
  }
}
/* Component layer: live-records */
body:has(.live-records-view.active) .lumen-float {
  display: none;
}
.live-records-view {
  --live-surface: #0d110e;
  --live-elevated: #141a14;
  --live-line: #2b342a;
  --live-text: #eef1e9;
  --live-muted: #a0ad9a;
  --live-accent: #b6ec94;
  color: var(--live-text);
  font-variant-numeric: tabular-nums;
}
.live-records-view *, .live-records-view *::before, .live-records-view *::after {
  box-sizing: border-box;
}
.live-records-view [hidden] {
  display: none !important;
}
.live-records-view .live-page-head {
  align-items: flex-start;
  gap: 20px;
}
.live-records-view .live-page-head h2 {
  margin: 10px 0 0;
  color: #f4f5ef;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.03em;
}
.live-records-view .live-eyebrow {
  display: block;
  color: #b2c0aa;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .08em;
}
.live-records-view .live-demo-notice {
  max-width: 640px;
  margin-top: 14px;
  color: #dbc891;
  font-size: 13px;
  line-height: 1.7;
}
.live-period-badge {
  flex: none;
  margin-top: 6px;
  padding: 7px 12px;
  border: 1px solid #37422f;
  border-radius: 6px;
  background: #11180e;
  color: #b4c7a5;
  font-size: 12px;
  line-height: 1.5;
}
.live-source-status {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 24px;
  padding: 16px 18px;
  border: 1px solid #37422f;
  border-radius: 9px;
  background: #10160e;
}
.live-source-status > div {
  flex: 1;
  min-width: 0;
}
.live-source-status strong {
  color: #d3e7c5;
  font-size: 13px;
  font-weight: 550;
  line-height: 1.6;
}
.live-source-status p {
  margin: 4px 0 0;
  color: #a8b69e;
  font-size: 11px;
  line-height: 1.8;
}
.live-source-status[data-status="error"] {
  border-color: #684b3f;
}
.live-source-status[data-status="error"] strong {
  color: #ecb299;
}
.live-source-status .live-inline-button {
  flex: none;
  white-space: nowrap;
}
.live-online-link {
  flex: none;
  color: var(--live-accent);
  font-size: 12px;
  line-height: 1.7;
  text-decoration: none;
}
.live-source-status[data-status="loading"] strong::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  border-radius: 50%;
  background: #b6ec94;
  animation: live-loading-pulse 1s ease-in-out infinite alternate;
}
@keyframes live-loading-pulse {
  to {
    opacity: .35;
  }
}
.live-period-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 28px;
  padding: 25px 28px;
  border: 1px solid var(--live-line);
  border-radius: 14px;
  background: #10170f;
}
.live-total-earnings > span {
  display: block;
  color: #bac7b2;
  font-size: 13px;
  line-height: 1.5;
}
.live-total-earnings small {
  margin-left: 7px;
  color: #8e9b86;
  font-size: 11px;
}
.live-total-earnings > strong {
  display: block;
  margin-top: 10px;
  color: #d4f5be;
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.045em;
}
.live-summary-meta {
  display: grid;
  grid-template-columns: auto auto;
  gap: 28px;
}
.live-summary-meta > div {
  display: grid;
  gap: 10px;
  padding-left: 24px;
  border-left: 1px solid #34432f;
}
.live-summary-meta > div > span {
  color: var(--live-muted);
  font-size: 12px;
}
.live-summary-meta b {
  color: #e2e9db;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.live-records-layout {
  display: grid;
  grid-template-columns: minmax(340px, .92fr) minmax(0, 1.35fr);
  align-items: start;
  gap: 22px;
  margin-top: 24px;
}
.live-calendar-panel, .live-trades-panel {
  min-width: 0;
  padding: 22px;
  border: 1px solid var(--live-line);
  border-radius: 14px;
  background: var(--live-surface);
}
.live-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.live-section-head h3 {
  margin: 0;
  color: var(--live-text);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}
.live-inline-button {
  padding: 6px 0 6px 8px;
  border: 0;
  background: none;
  color: var(--live-accent);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.live-inline-button:hover {
  color: #e0ffd0;
}
.live-calendar-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 27px;
}
.live-calendar-toolbar h4 {
  margin: 0;
  color: #e5ece0;
  font-size: 16px;
  font-weight: 550;
  line-height: 1.5;
}
.live-calendar-navigation {
  display: flex;
  gap: 6px;
}
.live-calendar-navigation button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid #364330;
  border-radius: 7px;
  background: #131b10;
  color: #ceddc3;
  cursor: pointer;
}
.live-calendar-navigation button:disabled {
  opacity: .3;
  cursor: default;
}
.live-calendar-navigation button:not(:disabled):hover {
  border-color: #82a36d;
}
.live-calendar-navigation svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.live-calendar-weekdays, .live-calendar-days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
}
.live-calendar-weekdays {
  margin-top: 23px;
  margin-bottom: 10px;
  color: #93a28a;
  font-size: 11px;
  line-height: 22px;
  text-align: center;
}
.live-calendar-day {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 68px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  margin: 0;
  padding: 9px 1px 7px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #606e59;
  font: inherit;
  text-align: center;
}
.live-calendar-date {
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.15;
}
.live-calendar-profit {
  display: block;
  width: 100%;
  color: #bdd8ac;
  font-size: 10px;
  line-height: 1.1;
  white-space: nowrap;
}
.live-calendar-meta {
  display: block;
  color: #88977e;
  font-size: 9px;
  line-height: 1.2;
}
.live-calendar-day.has-records {
  border-color: #2c3e23;
  background: #14200f;
  color: #d6e8ca;
  cursor: pointer;
}
.live-calendar-day.has-records:hover {
  border-color: #779b60;
  background: #1e2c17;
}
.live-calendar-day.is-uncollected {
  border-color: #2c3428;
  color: #aab69f;
  cursor: pointer;
}
.live-calendar-day.is-uncollected:hover {
  border-color: #68775b;
}
.live-calendar-day.is-selected {
  border-color: #b1de8b;
  background: #26371c;
  box-shadow: inset 0 0 0 1px #b1de8b;
  color: #f4ffed;
}
.live-calendar-day.is-selected .live-calendar-profit {
  color: #dcffc4;
}
.live-calendar-profit.is-loss, .live-calendar-day.is-selected .live-calendar-profit.is-loss, .live-total-earnings > strong.is-loss, .live-selected-earnings strong.is-loss {
  color: #ec9d94;
}
.live-calendar-day.is-today {
  overflow: hidden;
  border-color: rgba(189, 209, 198, .23);
  background: linear-gradient(145deg, rgba(173, 198, 186, .14), rgba(105, 128, 118, .04));
  box-shadow: inset 0 1px 0 rgba(224, 237, 230, .1);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  cursor: default;
}
.live-calendar-day.is-today::before {
  content: '';
  position: absolute;
  inset: 20% 0 0;
  background: radial-gradient(ellipse at 30% 75%, rgba(201, 220, 210, .22), transparent 62%), radial-gradient(ellipse at 75% 40%, rgba(175, 200, 188, .17), transparent 65%);
  filter: blur(8px);
  pointer-events: none;
}
.live-calendar-day.is-today .live-calendar-date {
  position: relative;
  z-index: 1;
  color: #d9e4dc;
}
.live-calendar-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 21px;
  padding-top: 17px;
  border-top: 1px solid #273023;
  color: #adbaa3;
  font-size: 11px;
  line-height: 1.5;
}
.live-calendar-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.live-calendar-legend i {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: #a4d880;
}
.live-calendar-legend i.is-today {
  width: 10px;
  height: 10px;
  border: 1px solid rgba(189, 209, 198, .3);
  border-radius: 3px;
  background: radial-gradient(ellipse at 30% 75%, rgba(201, 220, 210, .38), rgba(105, 128, 118, .12));
  box-shadow: inset 0 1px 0 rgba(224, 237, 230, .16);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.live-date-note {
  margin: 13px 0 0;
  color: #9eac94;
  font-size: 11px;
  line-height: 1.65;
}
.live-selected-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.live-selected-head h3 {
  margin: 8px 0 0;
  color: #f0f3ea;
  font-size: 23px;
  font-weight: 550;
  line-height: 1.3;
  letter-spacing: -.02em;
}
.live-selected-earnings {
  min-width: 0;
  text-align: right;
}
.live-selected-earnings strong {
  display: block;
  color: #c4eca7;
  font-size: 22px;
  font-weight: 550;
  line-height: 1.3;
  letter-spacing: -.02em;
}
.live-selected-earnings span {
  display: block;
  margin-top: 7px;
  color: #96a58a;
  font-size: 11px;
  line-height: 1.4;
}
.live-trades-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 20px 0 15px;
  padding-top: 17px;
  border-top: 1px solid #2b3427;
  color: #9aaa90;
  font-size: 12px;
  line-height: 1.5;
}
.live-trades-meta b {
  color: #d4e0ca;
  font-weight: 500;
}
.live-trade-list {
  display: grid;
  gap: 12px;
}
.live-trade-card {
  min-width: 0;
  border: 1px solid #303b2b;
  border-radius: 10px;
  background: #131a10;
}
.live-trade-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  align-items: center;
  gap: 14px;
  min-height: 64px;
  padding: 7px 18px;
  border-radius: 10px;
  list-style: none;
  cursor: pointer;
}
.live-trade-summary::-webkit-details-marker {
  display: none;
}
.live-trade-summary::marker {
  content: '';
}
.live-trade-summary:hover {
  background: #172012;
}
.live-trade-summary:focus-visible {
  outline: 2px solid #d8f4bf;
  outline-offset: -3px;
}
.live-trade-chevron {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #afc69f;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .18s ease;
}
.live-trade-disclosure[open] .live-trade-chevron {
  transform: rotate(180deg);
}
.live-trade-body {
  padding: 0 18px 13px;
}
.live-trade-symbol {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.live-trade-identity {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.live-coin-logo {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  background: #263025;
}
.live-coin-logo img {
  position: absolute;
  inset: 0;
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
  opacity: 0;
}
.live-coin-logo.has-image img {
  opacity: 1;
}
.live-coin-initial {
  color: #bac5b2;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .02em;
}
.live-coin-logo.has-image .live-coin-initial {
  visibility: hidden;
}
.live-trade-symbol b {
  color: #f0f3e9;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.live-trade-symbol small {
  width: max-content;
  max-width: 100%;
  padding: 3px 6px;
  border: 1px solid #3d4b33;
  border-radius: 4px;
  color: #bed0b0;
  font-size: 10px;
  line-height: 1.3;
}
.live-trade-profit {
  min-width: 0;
  text-align: right;
}
.live-trade-profit strong {
  display: block;
  color: #c4eda6;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
}
.live-trade-profit strong.is-loss {
  color: #ec9d94;
}
.live-trade-profit small {
  display: block;
  margin-top: 3px;
  color: #93a286;
  font-size: 10px;
  line-height: 1.4;
}
.live-trade-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 17px 24px;
  margin: 0 0 16px;
  padding-top: 18px;
  border-top: 1px solid #2d3827;
}
.live-trade-card dl > div {
  min-width: 0;
}
.live-trade-card dt {
  margin: 0 0 6px;
  color: #99a88f;
  font-size: 11px;
  line-height: 1.4;
}
.live-trade-card dd {
  margin: 0;
  color: #e3eadd;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.live-trade-card dl > div:last-child dd {
  white-space: pre-line;
}
.live-trade-body > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid #2d3827;
}
.live-trade-body > footer small {
  color: #9eac93;
  font-size: 10px;
  line-height: 1.5;
}
.live-trade-detail {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  color: #c3eaaa;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.5;
  text-decoration: none;
}
.live-trade-detail:hover {
  color: #e6ffd4;
  text-decoration: underline;
}
.live-more-button {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  padding: 10px 14px;
  border: 1px solid #4b6140;
  border-radius: 8px;
  background: #172111;
  color: #d0e8bd;
  font: inherit;
  font-size: 13px;
  font-weight: 550;
  cursor: pointer;
}
.live-more-button[hidden] {
  display: none;
}
.live-more-button:hover {
  border-color: #8eaf76;
  background: #20301a;
}
.live-more-button:disabled, .live-inline-button:disabled {
  opacity: .6;
  cursor: wait;
}
.live-record-message {
  margin: 14px 0;
  padding: 20px 12px;
  border: 1px dashed #36432e;
  border-radius: 8px;
  color: #b4c1a9;
  font-size: 12px;
  line-height: 1.8;
  text-align: center;
}
.live-explorer-note {
  margin: 21px 2px 0;
  color: #b0bda6;
  font-size: 12px;
  line-height: 1.8;
}
.live-records-view button:focus-visible, .live-records-view a:focus-visible {
  outline: 2px solid #d8f4bf;
  outline-offset: 3px;
}
@media (max-width: 1120px) {
  .live-records-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .live-calendar-day {
    min-height: 82px;
  }
  .live-calendar-profit {
    font-size: 11px;
  }
  .live-summary-meta {
    gap: 18px;
  }
  .live-summary-meta > div {
    padding-left: 18px;
  }
}
@media (max-width: 680px) {
  .live-source-status {
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 18px;
    padding: 13px 14px;
  }
  .live-source-status > div {
    flex-basis: calc(100% - 80px);
  }
  .live-online-link {
    margin-top: 4px;
  }
  .live-records-view .live-page-head {
    display: block;
  }
  .live-records-view .live-page-head h2 {
    font-size: 28px;
  }
  .live-records-view .live-demo-notice {
    font-size: 12px;
  }
  .live-period-badge {
    display: inline-block;
    margin-top: 15px;
    font-size: 11px;
  }
  .live-period-summary {
    display: block;
    margin-top: 20px;
    padding: 21px 19px;
  }
  .live-total-earnings > strong {
    font-size: 34px;
  }
  .live-summary-meta {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    margin-top: 22px;
    padding-top: 17px;
    border-top: 1px solid #34432f;
  }
  .live-summary-meta > div {
    gap: 7px;
    padding-left: 0;
    border-left: 0;
  }
  .live-summary-meta b {
    font-size: 12px;
  }
  .live-summary-meta > div > span {
    font-size: 11px;
  }
  .live-records-layout {
    gap: 18px;
    margin-top: 18px;
  }
  .live-calendar-panel, .live-trades-panel {
    padding: 19px 15px;
    border-radius: 12px;
  }
  .live-calendar-day {
    min-height: 66px;
    gap: 5px;
  }
  .live-calendar-profit {
    font-size: 11px;
  }
  .live-calendar-meta {
    font-size: 10px;
  }
  .live-calendar-weekdays, .live-calendar-days {
    gap: 3px;
  }
  .live-selected-head {
    gap: 10px;
  }
  .live-selected-head h3 {
    font-size: 20px;
  }
  .live-selected-earnings strong {
    font-size: 20px;
  }
  .live-selected-earnings span {
    font-size: 10px;
  }
  .live-trade-summary {
    grid-template-columns: minmax(0, 1fr) auto 16px;
    gap: 8px;
    padding: 7px 13px;
  }
  .live-trade-chevron {
    width: 16px;
    height: 16px;
  }
  .live-trade-body {
    padding: 0 13px 11px;
  }
  .live-trade-card dl {
    gap: 16px 14px;
  }
  .live-trade-card dd {
    font-size: 12px;
  }
  .live-trade-symbol {
    gap: 7px;
  }
  .live-trade-symbol b {
    font-size: 18px;
  }
  .live-trade-profit strong {
    font-size: 17px;
  }
  .live-explorer-note {
    margin-top: 17px;
    font-size: 11px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .live-source-status[data-status="loading"] strong::before {
    animation: none;
  }
  .live-trade-chevron {
    transition: none;
  }
}
@media (max-width: 360px) {
  .live-calendar-panel, .live-trades-panel {
    padding-right: 12px;
    padding-left: 12px;
  }
  .live-calendar-days, .live-calendar-weekdays {
    gap: 2px;
  }
  .live-calendar-date {
    font-size: 12px;
  }
  .live-calendar-profit {
    font-size: 10px;
  }
  .live-selected-head {
    align-items: flex-start;
  }
  .live-selected-head h3, .live-selected-earnings strong {
    font-size: 18px;
  }
}
body:has(.live-records-view.active) .main {
  background: #080b09 !important;
}
body:has(.live-records-view.active) .main::before,
body:has(.live-records-view.active) .main::after,
body:has(.live-records-view.active) .meteor-field {
  display: none !important;
}
.live-records-view {
  --live-surface: #0d120f;
  --live-elevated: #141c17;
  --live-line: #29372e;
  --live-text: #f0f4f0;
  --live-muted: #9dada3;
  --live-accent: #c3f765;
  --live-positive: #b9e69e;
  --live-negative: #ef9b91;
}
.live-records-view .reveal {
  animation: none;
  opacity: 1;
  transform: none;
  filter: none;
}
.live-records-view .live-page-head {
  align-items: flex-start;
  gap: 14px;
}
.live-records-view .live-page-head h2 {
  margin-top: 5px;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -.04em;
}
.live-records-view .live-eyebrow {
  color: #a6b5aa;
  font-size: 11px;
  letter-spacing: .08em;
}
.live-records-view .live-demo-notice {
  margin-top: 10px;
  max-width: 680px;
  color: #b1bcb4;
  font-size: 12px;
  line-height: 1.7;
}
.live-period-badge {
  margin: 5px 0 0;
  padding: 6px 9px;
  border: 1px solid #344437;
  border-radius: 4px;
  background: #131b14;
  color: #becdbd;
  font-size: 11px;
}
#liveRecordsContent {
  display: block;
  margin-top: 24px;
}
#liveRecordsContent > .live-records-layout {
  display: grid;
  grid-template-columns: minmax(0, .93fr) minmax(0, 1.2fr);
  align-items: start;
  gap: 28px;
  margin-top: 0;
}
.live-replay-desk {
  position: relative;
  isolation: isolate;
  min-width: 0;
  overflow: hidden;
  padding: 23px 22px 0;
  border: 1px solid #3a493d;
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(221, 243, 220, .055), transparent 38%), #101712;
  box-shadow: inset 0 1px 0 rgba(232, 247, 233, .035);
}
.live-replay-desk::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 22px;
  top: 0;
  width: 42px;
  height: 2px;
  background: var(--live-accent);
  pointer-events: none;
}
.live-replay-desk::after {
  content: '';
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(108deg, transparent 20%, rgba(206, 240, 191, .065) 45%, transparent 64%);
  transform: translateX(-130%);
}
.live-replay-desk > * {
  position: relative;
  z-index: 1;
}
.live-desk-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #afc0b0;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: .1em;
}
.live-desk-topline h3 {
  margin: 0;
  color: #c1d0c2;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .06em;
}
.live-desk-topline > :last-child {
  color: #7f9684;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .02em;
}
.live-desk-summary {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 21px;
  margin-top: 19px;
}
.live-total-earnings > span {
  color: #b8c6bc;
  font-size: 12px;
}
.live-total-earnings small {
  margin-left: 6px;
  color: #98ac9d;
  font-size: 10px;
}
.live-total-earnings > strong {
  margin-top: 8px;
  color: #edf5e9;
  font-size: clamp(29px, 3.1vw, 43px);
  font-weight: 550;
  line-height: 1.05;
  letter-spacing: -.055em;
}
.live-summary-meta {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin: 0;
  padding: 0;
  border: 0;
}
.live-summary-meta > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  border: 0;
}
.live-summary-meta > div:last-child {
  text-align: right;
}
.live-summary-meta > div > span {
  color: #8c9d91;
  font-size: 10px;
}
.live-summary-meta b {
  color: #d5e2d7;
  font-size: 12px;
  font-weight: 450;
  line-height: 1.4;
}
.live-spectrum-wrap {
  position: relative;
  overflow: hidden;
  margin: 17px -8px 0;
  border-bottom: 1px solid #344438;
  background: radial-gradient(ellipse at 50% 100%, rgba(167, 207, 149, .065), transparent 70%);
}
.live-spectrum-wrap::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 38%;
  background: linear-gradient(0deg, rgba(12, 18, 14, .24), transparent);
  pointer-events: none;
}
#liveSpectrum {
  display: block;
  width: 100%;
  height: 145px;
  overflow: visible;
}
.live-spectrum-column {
  --spectrum-face: #506c52;
  --spectrum-cap: #819a7c;
  --spectrum-side: #293e2e;
  opacity: .75;
  transition: opacity .3s ease;
}
.live-spectrum-face {
  fill: url(#liveSpectrumNormal);
  transition: fill .35s ease;
}
.live-spectrum-cap {
  fill: var(--spectrum-cap);
  transition: fill .35s ease;
}
.live-spectrum-side {
  fill: var(--spectrum-side);
  transition: fill .35s ease;
}
.live-spectrum-ridge {
  stroke: #c3d4b7;
  stroke-opacity: .28;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.live-spectrum-column.is-selected {
  --spectrum-face: #93bc53;
  --spectrum-cap: #d3fa8d;
  --spectrum-side: #587a32;
  opacity: 1;
}
.live-spectrum-column.is-selected .live-spectrum-face {
  fill: url(#liveSpectrumActive);
}
.live-spectrum-column.is-selected .live-spectrum-ridge {
  stroke: #dcffb1;
  stroke-opacity: .95;
}
.live-spectrum-column.is-loss {
  --spectrum-face: #84554d;
  --spectrum-cap: #b27d70;
  --spectrum-side: #513a33;
}
.live-spectrum-column.is-loss .live-spectrum-face {
  fill: url(#liveSpectrumLoss);
}
.live-spectrum-column.is-loss.is-selected {
  --spectrum-face: #ca8574;
  --spectrum-cap: #ffd0bb;
  --spectrum-side: #865849;
}
.live-spectrum-focus {
  fill: none;
  stroke: var(--live-accent);
  stroke-width: 1;
  stroke-opacity: .55;
  stroke-dasharray: 2 5;
  vector-effect: non-scaling-stroke;
}
.live-spectrum-baseline {
  stroke: #405444;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.live-spectrum-zero {
  stroke: #5c725b;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}
.live-spectrum-column.is-empty {
  opacity: .45;
}
.live-spectrum-focus-dot {
  fill: var(--live-accent);
  stroke: none;
}
.live-spectrum-focus.is-loss {
  stroke: var(--live-negative);
}
.live-spectrum-focus.is-loss .live-spectrum-focus-dot {
  fill: var(--live-negative);
}
.live-spectrum-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 9px;
  color: #879b8b;
  font-size: 10px;
  line-height: 1.4;
}
.live-spectrum-caption > :last-child {
  color: #bbcdb9;
}
.live-spectrum-caption > .is-loss {
  color: var(--live-negative);
}
.live-day-rail {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0;
  margin: 17px -8px 0;
}
.live-day-button {
  position: relative;
  min-width: 0;
  min-height: 69px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 9px 1px 7px;
  border: 0;
  border-top: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #90a594;
  font: inherit;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.live-day-button + .live-day-button::before {
  content: '';
  position: absolute;
  left: 0;
  top: 22px;
  bottom: 12px;
  width: 1px;
  background: rgba(129, 152, 133, .12);
}
.live-day-button:hover {
  background: rgba(194, 241, 153, .04);
  color: #edf5e9;
}
.live-day-button.is-selected {
  border-top-color: var(--live-accent);
  background: linear-gradient(180deg, rgba(188, 240, 122, .11), rgba(188, 240, 122, .015));
  color: #efffdf;
}
.live-day-button.is-selected::after {
  content: '';
  position: absolute;
  top: 0;
  left: calc(50% - 3px);
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid var(--live-accent);
}
.live-rail-date {
  font-size: 11px;
  line-height: 1.2;
}
.live-rail-profit {
  color: #b9cfb1;
  font-size: 11px;
  font-weight: 550;
  line-height: 1.3;
  letter-spacing: -.025em;
  white-space: nowrap;
}
.live-day-button.is-selected .live-rail-profit {
  color: #d6f4bd;
}
.live-day-button.is-loss .live-rail-profit {
  color: var(--live-negative);
}
.live-rail-count {
  color: #839488;
  font-size: 9px;
  line-height: 1.25;
  white-space: nowrap;
}
.live-day-button.is-selected .live-rail-count {
  color: #aec699;
}
.live-desk-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 13px -22px 0;
  padding: 11px 16px;
  border-top: 1px solid #2b3a2f;
  background: rgba(7, 13, 9, .42);
}
.live-desk-tools > span {
  margin-right: auto;
  color: #809386;
  font-size: 10px;
  line-height: 1.4;
}
.live-desk-tools > div {
  display: flex;
  align-items: center;
  gap: 5px;
  flex: none;
}
.live-replay-button, .live-calendar-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 0 0 auto;
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid #35483a;
  border-radius: 5px;
  background: transparent;
  color: #becfbe;
  font: inherit;
  font-size: 11px;
  line-height: 1.4;
  cursor: pointer;
}
.live-replay-button {
  border-color: transparent;
  color: #d3e9c1;
}
.live-replay-button svg, .live-calendar-toggle svg {
  width: 13px;
  height: 13px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.live-replay-button:hover, .live-calendar-toggle:hover {
  border-color: #7b9b64;
  color: #edffd5;
  background: rgba(172, 221, 125, .04);
}
.live-calendar-toggle[aria-expanded="true"] {
  border-color: #8da96d;
  color: #d3efb9;
}
.live-replay-desk .live-calendar-panel {
  margin: 0 -22px;
  padding: 20px 18px 22px;
  border: 0;
  border-top: 1px solid #2c3e30;
  border-radius: 0;
  background: #0b120d;
}
.live-calendar-panel .live-section-head h3 {
  font-size: 15px;
}
.live-calendar-toolbar {
  margin-top: 17px;
}
.live-calendar-day {
  min-height: 59px;
  padding-top: 8px;
}
.live-calendar-weekdays {
  margin-top: 15px;
  margin-bottom: 8px;
}
.live-calendar-legend {
  gap: 14px;
  margin-top: 15px;
  padding-top: 13px;
  font-size: 10px;
}
.live-trades-panel {
  min-width: 0;
  margin: 0;
  padding: 19px 0 0;
  border: 0;
  border-top: 1px solid #354237;
  border-radius: 0;
  background: transparent;
}
.live-selected-head {
  gap: 13px;
  padding: 0 2px;
}
.live-selected-head h3 {
  margin-top: 5px;
  font-size: 21px;
}
.live-selected-head .live-eyebrow {
  color: #96a99b;
  font-size: 10px;
  letter-spacing: .08em;
}
.live-selected-earnings strong {
  color: #d0ecbc;
  font-size: 23px;
  font-weight: 550;
  letter-spacing: -.035em;
}
.live-selected-earnings span {
  margin-top: 5px;
  color: #8c9e90;
  font-size: 10px;
}
.live-trades-meta {
  margin: 17px 0 0;
  padding: 12px 2px;
  border-top: 1px solid #26342b;
  color: #a2b3a5;
  font-size: 11px;
}
.live-trade-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  border: 0;
}
.live-trade-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #334337;
  border-radius: 8px;
  background: #101811;
}
.live-trade-summary {
  min-height: 64px;
  gap: 12px;
  padding: 7px 13px;
  border-radius: 7px;
  background: transparent;
}
.live-trade-summary:hover {
  background: #18231a;
}
.live-trade-disclosure[open] {
  background: #101912;
}
.live-trade-disclosure[open] .live-trade-summary {
  background: #141f16;
}
.live-trade-symbol {
  gap: 10px;
}
.live-trade-identity {
  gap: 4px;
}
.live-trade-symbol small {
  max-width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #96a98f;
  line-height: 1.3;
}
.live-trade-profit small {
  color: #899b8b;
}
.live-trade-profit strong {
  color: var(--live-positive);
}
.live-trade-profit strong.is-loss {
  color: var(--live-negative);
}
.live-trade-chevron {
  stroke: #8caa91;
}
.live-coin-logo {
  background: #1c2a20;
}
.live-trade-body {
  position: relative;
  overflow: hidden;
  padding: 0 13px 13px;
}
.live-trade-body::before {
  content: '';
  position: absolute;
  left: -100%;
  top: 0;
  bottom: 0;
  width: 75%;
  background: linear-gradient(105deg, transparent, rgba(189, 231, 169, .055), transparent);
  pointer-events: none;
}
.live-trade-disclosure[open] .live-trade-body::before {
  animation: live-route-scan .7s cubic-bezier(.16, 1, .3, 1) both;
}
.live-trade-route {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 13px 0 12px;
  color: #a0b9a0;
  font-size: 10px;
  line-height: 1.4;
}
.live-trade-route span {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}
.live-trade-route span::before {
  content: '';
  width: 4px;
  height: 4px;
  border: 1px solid #93b183;
  border-radius: 50%;
}
.live-trade-route span:last-child::before {
  background: #b1cf94;
}
.live-trade-route i {
  position: relative;
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, #496843, #83a067);
}
.live-trade-route i::after {
  content: '';
  position: absolute;
  right: 0;
  top: -2px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #91ad79;
  border-right: 1px solid #91ad79;
  transform: rotate(45deg);
}
.live-trade-card dl {
  gap: 14px 24px;
  margin-bottom: 13px;
  padding-top: 13px;
  border-top-color: #2b3a2e;
}
.live-trade-card dt {
  color: #9aaf9a;
}
.live-trade-card dd {
  color: #e4eee2;
}
.live-trade-body > footer {
  border-top-color: #2a3a2d;
  padding-top: 9px;
}
.live-trade-body > footer small {
  color: #91a891;
}
.live-trade-detail {
  color: #d2e9be;
}
.live-more-button {
  min-height: 40px;
  margin-top: 13px;
  border-color: #354a39;
  border-radius: 5px;
  background: transparent;
  color: #c7d8c2;
  font-size: 12px;
}
.live-more-button:hover {
  border-color: #8eaf76;
  background: #162015;
}
.live-record-message {
  border-color: #354839;
  border-radius: 5px;
  background: rgba(33, 47, 33, .2);
}
.live-source-status {
  margin-top: 18px;
  border-color: #344538;
  border-radius: 8px;
  background: #121b13;
}
.live-replay-desk.is-scanning::after {
  animation: live-desk-scan .9s cubic-bezier(.2, .65, .3, 1);
}
.live-replay-desk.is-replaying .live-spectrum-column {
  transform-box: fill-box;
  transform-origin: center bottom;
  animation: live-spectrum-rise .75s cubic-bezier(.2, .75, .3, 1) both;
  animation-delay: calc(var(--column-index, 0) * 35ms);
}
.live-replay-desk.is-scanning .live-spectrum-column.is-selected {
  animation: live-spectrum-select .85s ease-out;
}
@keyframes live-desk-scan {
  0% {
    transform: translateX(-130%);
  }
  100% {
    transform: translateX(130%);
  }
}
@keyframes live-route-scan {
  100% {
    left: 135%;
  }
}
@keyframes live-spectrum-rise {
  from {
    transform: scaleY(.12);
    opacity: .25;
  }
  to {
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes live-spectrum-select {
  0% {
    filter: brightness(1.5);
  }
  100% {
    filter: brightness(1);
  }
}
@media (min-width: 1440px) {
  #liveRecordsContent > .live-records-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: 36px;
  }
  .live-replay-desk {
    padding: 27px 28px 0;
  }
  .live-desk-summary {
    margin-top: 23px;
    gap: 26px;
  }
  #liveSpectrum {
    height: 177px;
  }
  .live-desk-tools {
    margin-right: -28px;
    margin-left: -28px;
    padding-right: 22px;
    padding-left: 22px;
  }
  .live-replay-desk .live-calendar-panel {
    margin-right: -28px;
    margin-left: -28px;
    padding-right: 24px;
    padding-left: 24px;
  }
}
@media (max-width: 1120px) {
  #liveRecordsContent > .live-records-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  .live-desk-summary {
    flex-direction: row;
    align-items: flex-end;
    gap: 30px;
  }
  .live-summary-meta {
    gap: 30px;
  }
  .live-summary-meta > div:last-child {
    text-align: left;
  }
  #liveSpectrum {
    height: 156px;
  }
  .live-day-rail {
    margin-top: 12px;
  }
  .live-day-button {
    min-height: 65px;
  }
  .live-trades-panel {
    padding-top: 19px;
  }
}
@media (max-width: 680px) {
  .live-records-view .live-page-head {
    position: relative;
    display: flex;
    gap: 8px;
  }
  .live-records-view .live-page-head > div:first-child {
    min-width: 0;
  }
  .live-records-view .live-page-head h2 {
    margin-top: 4px;
    font-size: 26px;
  }
  .live-records-view .live-demo-notice {
    margin-top: 9px;
    font-size: 11px;
    line-height: 1.65;
  }
  .live-records-view .live-page-head > .live-period-badge {
    position: absolute;
    top: 2px;
    right: 0;
    margin: 0;
    padding: 4px 7px;
    font-size: 10px;
  }
  #liveRecordsContent {
    margin-top: 13px;
  }
  #liveRecordsContent > .live-records-layout {
    gap: 16px;
  }
  .live-replay-desk {
    padding: 16px 14px 0;
    border-radius: 9px;
  }
  .live-replay-desk::before {
    left: 14px;
    width: 31px;
  }
  .live-desk-topline {
    font-size: 9px;
  }
  .live-desk-summary {
    flex-direction: column;
    align-items: stretch;
    gap: 9px;
    margin-top: 10px;
  }
  .live-total-earnings > span {
    font-size: 11px;
  }
  .live-total-earnings > strong {
    margin-top: 6px;
    font-size: 34px;
    letter-spacing: -.055em;
  }
  .live-total-earnings small {
    font-size: 9px;
  }
  .live-summary-meta {
    gap: 12px;
  }
  .live-summary-meta > div {
    flex-direction: row;
    align-items: baseline;
    gap: 6px;
  }
  .live-summary-meta > div:last-child {
    text-align: right;
  }
  .live-summary-meta > div > span {
    font-size: 9px;
  }
  .live-summary-meta b {
    font-size: 10px;
  }
  .live-spectrum-wrap {
    margin: 6px -4px 0;
  }
  #liveSpectrum {
    height: 72px;
  }
  .live-spectrum-caption {
    padding-top: 3px;
    font-size: 9px;
  }
  .live-day-rail {
    margin: 5px -5px 0;
  }
  .live-day-button {
    min-height: 54px;
    gap: 4px;
    padding-top: 6px;
    padding-bottom: 4px;
  }
  .live-rail-date {
    font-size: 10px;
  }
  .live-rail-profit {
    font-size: 10px;
  }
  .live-rail-count {
    font-size: 8px;
  }
  .live-desk-tools {
    gap: 3px;
    margin: 7px -14px 0;
    padding: 7px 10px;
  }
  .live-desk-tools > span {
    font-size: 9px;
  }
  .live-replay-button, .live-calendar-toggle {
    min-height: 32px;
    gap: 4px;
    padding: 5px 7px;
    font-size: 10px;
  }
  .live-replay-desk .live-calendar-panel {
    margin: 0 -14px;
    padding: 16px 12px 18px;
  }
  .live-calendar-day {
    min-height: 57px;
  }
  .live-calendar-profit {
    font-size: 10px;
  }
  .live-calendar-meta {
    font-size: 9px;
  }
  .live-calendar-navigation button {
    width: 32px;
    height: 32px;
  }
  .live-trades-panel {
    padding: 15px 0 0;
    border-radius: 0;
  }
  .live-selected-head {
    gap: 8px;
    padding: 0 1px;
  }
  .live-selected-head h3 {
    margin-top: 5px;
    font-size: 18px;
  }
  .live-selected-head .live-eyebrow {
    font-size: 9px;
  }
  .live-selected-earnings strong {
    font-size: 20px;
  }
  .live-selected-earnings span {
    margin-top: 5px;
    font-size: 9px;
  }
  .live-trades-meta {
    margin-top: 12px;
    padding: 9px 1px;
    font-size: 10px;
  }
  .live-trade-summary {
    grid-template-columns: minmax(0, 1fr) auto 16px;
    gap: 8px;
    padding: 7px 10px;
  }
  .live-trade-symbol {
    gap: 8px;
  }
  .live-trade-symbol b {
    font-size: 18px;
  }
  .live-trade-profit strong {
    font-size: 17px;
  }
  .live-trade-body {
    padding: 0 9px 10px;
  }
  .live-trade-card dl {
    gap: 13px 14px;
  }
  .live-trade-card dd {
    font-size: 12px;
  }
}
@media (max-width: 360px) {
  .live-replay-desk {
    padding-right: 12px;
    padding-left: 12px;
  }
  .live-total-earnings > strong {
    font-size: 31px;
  }
  .live-summary-meta > div {
    gap: 4px;
  }
  .live-summary-meta b {
    font-size: 9px;
  }
  .live-desk-tools > span {
    max-width: 95px;
  }
  .live-desk-tools {
    margin-right: -12px;
    margin-left: -12px;
    padding-right: 7px;
    padding-left: 7px;
  }
  .live-replay-desk .live-calendar-panel {
    margin-right: -12px;
    margin-left: -12px;
  }
  .live-selected-head h3 {
    font-size: 16px;
  }
  .live-selected-earnings strong {
    font-size: 18px;
  }
  .live-trade-summary {
    gap: 6px;
    padding-right: 8px;
    padding-left: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .live-records-view *, .live-records-view *::before, .live-records-view *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .live-replay-desk::after, .live-trade-body::before {
    display: none;
  }
}
/* Component layer: live-deck */
.live-records-view .live-flip-desk {
  --deck-paper: #eeeade;
  --deck-paper-back: #e9e5d8;
  --deck-ink: #252c27;
  --deck-muted: #636b60;
  --deck-positive: #28583e;
  --deck-negative: #a13f32;
  --receipt-stub: 36px;
  --receipt-notch: 5px;
  padding: 20px 20px 0;
  border-color: #2b3331;
  border-radius: 14px;
  background: #101615;
  box-shadow: none;
}
.live-flip-desk::before {
  display: none;
}
.live-flip-desk::after {
  display: none;
}
.live-deck-overview {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}
.live-deck-overview .live-total-earnings {
  min-width: 0;
}
.live-deck-overview .live-total-earnings > span {
  color: #b4bdb8;
  font-size: 12px;
  line-height: 1.4;
}
.live-deck-overview .live-total-earnings small {
  margin-left: 5px;
  color: #919e97;
  font-size: 10px;
}
.live-deck-overview .live-total-earnings > strong {
  margin-top: 7px;
  color: #f1f2eb;
  font-size: clamp(26px, 2.3vw, 32px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
}
.live-deck-totals {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: 5px;
  padding-bottom: 2px;
  color: #c6cec7;
  text-align: right;
}
.live-deck-totals > span {
  font-size: 11px;
  line-height: 1.3;
}
.live-deck-totals > small {
  color: #9ba89f;
  font-size: 10px;
  line-height: 1.4;
}
.live-deck-stage {
  position: relative;
  height: 226px;
  min-width: 0;
  margin: 12px -10px 0;
  isolation: isolate;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  cursor: grab;
  outline: none;
}
.live-deck-stage::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 8%;
  right: 8%;
  top: 67%;
  bottom: 0;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(0, 0, 0, .5), transparent 68%);
  pointer-events: none;
}
.live-deck-stage:focus-visible {
  outline: 2px solid #c0e795;
  outline-offset: 0;
  border-radius: 7px;
}
.live-deck-stage.is-dragging {
  cursor: grabbing;
}
.live-deck-card, .live-deck-placeholder {
  position: absolute;
  left: 50%;
  top: 48%;
  width: 80%;
  max-width: 380px;
  height: 186px;
  border-radius: 3px;
  perspective: 1000px;
  transform-origin: 50% 80%;
  transition: transform .38s cubic-bezier(.22, .8, .25, 1), opacity .3s ease;
  filter: drop-shadow(0 8px 9px rgba(0, 0, 0, .3));
}
.live-deck-card.is-current {
  z-index: 3;
  transform: translate(calc(-50% + var(--drag-x, 0px)), -50%) rotate(var(--drag-rotate, 0deg));
}
.live-deck-card.is-prev, .live-deck-placeholder.is-prev {
  z-index: 1;
  transform: translate(-66%, -44%) rotate(-5deg) scale(.94);
}
.live-deck-card.is-next, .live-deck-placeholder.is-next {
  z-index: 2;
  transform: translate(-34%, -44%) rotate(5deg) scale(.94);
}
.live-deck-stage.is-dragging .live-deck-card.is-current {
  transition: none;
}
.live-deck-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  transform-style: preserve-3d;
  transition: transform .5s cubic-bezier(.2, .7, .3, 1);
}
.live-deck-card.is-flipped .live-deck-card-inner {
  transform: rotateY(180deg);
}
.live-deck-face {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: var(--deck-paper);
  color: var(--deck-ink);
  font: inherit;
  text-align: left;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.live-deck-face, .live-deck-placeholder {
  -webkit-mask: radial-gradient(circle at 0 calc(100% - var(--receipt-stub)), transparent var(--receipt-notch), #000 calc(var(--receipt-notch) + .5px)) left / 51% 100% no-repeat, radial-gradient(circle at 100% calc(100% - var(--receipt-stub)), transparent var(--receipt-notch), #000 calc(var(--receipt-notch) + .5px)) right / 51% 100% no-repeat;
  mask: radial-gradient(circle at 0 calc(100% - var(--receipt-stub)), transparent var(--receipt-notch), #000 calc(var(--receipt-notch) + .5px)) left / 51% 100% no-repeat, radial-gradient(circle at 100% calc(100% - var(--receipt-stub)), transparent var(--receipt-notch), #000 calc(var(--receipt-notch) + .5px)) right / 51% 100% no-repeat;
}
.live-deck-face::before {
  content: '';
  position: absolute;
  z-index: 1;
  inset: 0;
  background: repeating-linear-gradient(0deg, rgba(74, 68, 44, .025) 0 1px, transparent 1px 3px);
  pointer-events: none;
}
.live-deck-face::after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 9px;
  right: 9px;
  bottom: 0;
  height: var(--receipt-stub);
  border-top: 1px dashed #aaa994;
  background: rgba(89, 83, 52, .035);
  pointer-events: none;
}
.live-deck-card.is-current .live-deck-front {
  background: linear-gradient(105deg, #f2efe4, var(--deck-paper) 74%, #e7e3d5);
}
.live-deck-card.is-prev .live-deck-face, .live-deck-card.is-next .live-deck-face {
  background: #b8bdb0;
}
.live-deck-receipt-meta {
  position: absolute;
  right: 18px;
  top: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  color: #535e50;
  font-size: 10px;
  line-height: 1.3;
}
.live-deck-receipt-meta > span {
  padding: 3px 5px;
  border: 1px solid #7f8976;
  border-radius: 1px;
  letter-spacing: .12em;
}
.live-deck-receipt-meta > small {
  color: #68715f;
  font: 10px/1.3 'SFMono-Regular', Consolas, monospace;
}
.live-deck-front {
  cursor: pointer;
}
.live-deck-card.is-prev .live-deck-front, .live-deck-card.is-next .live-deck-front {
  cursor: pointer;
}
.live-deck-front:focus-visible, .live-deck-back button:focus-visible, .live-deck-back a:focus-visible {
  outline: 2px solid #28583e;
  outline-offset: -4px;
}
.live-deck-card.is-prev .live-deck-coin, .live-deck-card.is-prev .live-deck-profit, .live-deck-card.is-prev .live-deck-time, .live-deck-card.is-prev .live-deck-currency, .live-deck-card.is-prev .live-deck-flip-hint,
.live-deck-card.is-next .live-deck-coin, .live-deck-card.is-next .live-deck-profit, .live-deck-card.is-next .live-deck-time, .live-deck-card.is-next .live-deck-currency, .live-deck-card.is-next .live-deck-flip-hint {
  opacity: .28;
}
.live-deck-placeholder {
  background: #aab4a5;
}
.live-deck-placeholder::after {
  content: '';
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: var(--receipt-stub);
  border-top: 1px dashed #7a8874;
}
.live-deck-coin {
  position: absolute;
  top: 16px;
  left: 18px;
  right: 110px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 3px 10px;
}
.live-deck-logo {
  grid-row: 1 / 3;
  position: relative;
  display: grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  overflow: hidden;
  border: 1px solid rgba(59, 66, 48, .14);
  border-radius: 50%;
  background: #dfdfcf;
  color: #415541;
  font-size: 11px;
  font-weight: 550;
  line-height: 1;
}
.live-deck-logo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
}
.live-deck-logo.has-image img {
  opacity: 1;
}
.live-deck-logo.has-image .live-deck-logo-fallback {
  visibility: hidden;
}
.live-deck-coin > b {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: var(--deck-ink);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-deck-coin > small {
  display: block;
  color: var(--deck-muted);
  font-size: 11px;
  line-height: 1.3;
}
.live-deck-profit {
  position: absolute;
  top: 74px;
  left: 18px;
  right: 23px;
  display: block;
  min-width: 0;
  color: var(--deck-positive);
  font-family: 'SFMono-Regular', Consolas, monospace;
  font-size: clamp(28px, 2.8vw, 36px);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -.065em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.live-deck-currency {
  position: absolute;
  top: 116px;
  left: 18px;
  color: var(--deck-muted);
  font-size: 11px;
  line-height: 1.3;
}
.live-deck-time {
  position: absolute;
  z-index: 2;
  left: 18px;
  bottom: 12px;
  color: #626b59;
  font: 11px/1.2 'SFMono-Regular', Consolas, monospace;
  font-variant-numeric: tabular-nums;
}
.live-deck-flip-hint {
  position: absolute;
  z-index: 2;
  right: 16px;
  bottom: 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #3a5138;
  font-size: 11px;
  line-height: 1.4;
}
.live-deck-flip-hint svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.live-deck-card.is-loss .live-deck-profit {
  color: var(--deck-negative);
}
.live-deck-back {
  padding: 16px 18px 38px;
  background: var(--deck-paper-back);
  transform: rotateY(180deg);
}
.live-deck-back dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px 16px;
  margin: 0;
  padding: 0;
}
.live-deck-back dl > div {
  min-width: 0;
}
.live-deck-back dt {
  margin: 0 0 5px;
  color: var(--deck-muted);
  font-size: 11px;
  line-height: 1.3;
}
.live-deck-back dd {
  margin: 0;
  color: var(--deck-ink);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.live-deck-back dl > div:last-child dd {
  white-space: pre-line;
}
.live-deck-back a, .live-deck-back button {
  position: absolute;
  z-index: 2;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 4px 8px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #355334;
  font: inherit;
  font-size: 11px;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
}
.live-deck-back .live-deck-explorer {
  right: 16px;
}
.live-deck-back .live-deck-unflip {
  left: 10px;
  color: #626b59;
}
.live-deck-back a:hover, .live-deck-back button:hover {
  background: rgba(57, 82, 49, .08);
  color: #213c25;
}
.live-deck-back a svg, .live-deck-back button svg {
  width: 12px;
  height: 12px;
  margin-left: 5px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}
#liveDeckHint {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
#liveDeckMessage {
  margin: 0;
  color: #b7c7b0;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}
#liveDeckMessage:not(:empty) {
  padding: 5px 0;
}
.live-deck-controls {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  margin: 0 -3px;
}
.live-deck-controls > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 34px;
  min-height: 36px;
  padding: 6px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #c3cec1;
  font: inherit;
  font-size: 12px;
  line-height: 1.4;
  cursor: pointer;
}
.live-deck-controls > .live-deck-arrow {
  border-color: #35413a;
  border-radius: 50%;
  width: 34px;
  min-height: 34px;
  background: #18221c;
}
.live-deck-controls > .live-deck-arrow:disabled {
  border-color: #26322b;
  background: transparent;
}
.live-deck-controls > button:hover:not(:disabled) {
  border-color: #4d6248;
  background: #182319;
  color: #e0f1cf;
}
.live-deck-controls > button:disabled {
  color: #536251;
  cursor: default;
}
.live-deck-controls > button svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#liveDeckPosition {
  flex: none;
  min-width: 45px;
  color: #b7c6ae;
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.live-deck-controls #liveReplay {
  gap: 5px;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  background: #202e21;
  border-color: #3c4b35;
  color: #d9e9c8;
}
.live-deck-controls #liveReplay[aria-pressed="true"] {
  border-color: #6d8250;
  background: #233019;
  color: #e6f2ce;
}
.live-deck-controls #liveCalendarToggle {
  gap: 5px;
  padding-right: 8px;
  padding-left: 8px;
  border-color: #344834;
}
.live-flip-desk .live-day-rail {
  gap: 3px;
  margin: 12px -20px 0;
  padding: 6px 9px;
  border-top: 1px solid #2c3830;
  background: #0c130e;
}
.live-flip-desk .live-day-button {
  min-height: 44px;
  gap: 5px;
  padding: 5px 1px;
  border: 1px solid transparent;
  border-radius: 6px;
}
.live-flip-desk .live-day-button.is-selected {
  border-color: #60714d;
  background: #25321d;
  color: #edf3e2;
  box-shadow: inset 0 1px 0 rgba(218, 239, 180, .08);
}
.live-flip-desk .live-day-button.is-selected::after, .live-flip-desk .live-day-button + .live-day-button::before {
  display: none;
}
.live-flip-desk .live-rail-count {
  display: none;
}
.live-flip-desk .live-rail-date {
  font-size: 11px;
}
.live-flip-desk .live-rail-profit {
  font-size: 11px;
}
.live-flip-desk .live-day-button + .live-day-button::before {
  top: 14px;
  bottom: 9px;
}
.live-flip-desk .live-calendar-panel {
  margin-right: -20px;
  margin-left: -20px;
}
.live-deck-empty {
  position: absolute;
  inset: 13px 18px 17px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 20px;
  border: 1px dashed #3b4e36;
  border-radius: 8px;
  background: #151e15;
  color: #b8c8af;
  font-size: 12px;
  line-height: 1.7;
  text-align: center;
}
.live-deck-retry {
  min-height: 32px;
  padding: 5px 12px;
  border: 1px solid #536b46;
  border-radius: 5px;
  background: #1d2b18;
  color: #d0e4bc;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}
.live-deck-card.is-current.is-entering {
  animation: live-deck-arrive .26s cubic-bezier(.2, .75, .3, 1);
}
@keyframes live-deck-arrive {
  from {
    opacity: .65;
    transform: translate(-44%, -47%) rotate(2deg);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0);
  }
}
@media (min-width: 1440px) {
  .live-records-view .live-flip-desk {
    padding-right: 25px;
    padding-left: 25px;
  }
  .live-flip-desk .live-day-rail, .live-flip-desk .live-calendar-panel {
    margin-right: -25px;
    margin-left: -25px;
  }
  .live-deck-stage {
    height: 238px;
  }
  .live-deck-card, .live-deck-placeholder {
    height: 196px;
  }
}
@media (min-width: 681px) and (max-width: 1120px) {
  .live-deck-stage {
    max-width: 590px;
    margin-right: auto;
    margin-left: auto;
  }
  .live-deck-card, .live-deck-placeholder {
    width: 70%;
  }
}
@media (max-width: 680px) {
  .live-records-view .live-flip-desk {
    padding: 14px 12px 0;
    border-radius: 12px;
  }
  .live-deck-overview {
    gap: 10px;
    align-items: flex-end;
  }
  .live-deck-overview .live-total-earnings > span {
    font-size: 11px;
    line-height: 1.35;
  }
  .live-deck-overview .live-total-earnings small {
    margin-left: 4px;
    font-size: 9px;
  }
  .live-deck-overview .live-total-earnings > strong {
    margin-top: 5px;
    font-size: 26px;
    line-height: 1;
  }
  .live-deck-totals {
    gap: 4px;
    padding-bottom: 0;
  }
  .live-deck-totals > span {
    font-size: 11px;
  }
  .live-deck-totals > small {
    max-width: 98px;
    font-size: 9px;
    line-height: 1.25;
  }
  .live-deck-stage {
    height: 176px;
    margin: 8px -6px 0;
  }
  .live-deck-card, .live-deck-placeholder {
    --receipt-stub: 33px;
    width: 82%;
    height: 158px;
    border-radius: 2px;
  }
  .live-deck-card.is-prev, .live-deck-placeholder.is-prev {
    transform: translate(-65%, -44%) rotate(-5deg) scale(.93);
  }
  .live-deck-card.is-next, .live-deck-placeholder.is-next {
    transform: translate(-35%, -44%) rotate(5deg) scale(.93);
  }
  .live-deck-receipt-meta {
    right: 15px;
    top: 14px;
    gap: 4px;
  }
  .live-deck-receipt-meta > span {
    padding: 2px 4px;
    font-size: 9px;
  }
  .live-deck-receipt-meta > small {
    font-size: 9px;
  }
  .live-deck-coin {
    top: 13px;
    left: 15px;
    right: 95px;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 2px 9px;
  }
  .live-deck-logo {
    width: 32px;
    height: 32px;
    font-size: 10px;
  }
  .live-deck-coin > b {
    font-size: 21px;
    line-height: 1.1;
  }
  .live-deck-coin > small {
    font-size: 11px;
    line-height: 1.25;
  }
  .live-deck-profit {
    top: 61px;
    left: 15px;
    right: 16px;
    font-size: 30px;
    line-height: 1.03;
    font-weight: 600;
    letter-spacing: -.06em;
  }
  .live-deck-currency {
    top: 98px;
    left: 15px;
    font-size: 11px;
    line-height: 1.2;
  }
  .live-deck-time {
    left: 15px;
    bottom: 10px;
    font-size: 10px;
    line-height: 1.2;
  }
  .live-deck-flip-hint {
    right: 13px;
    bottom: 9px;
    font-size: 10px;
    line-height: 1.2;
  }
  .live-deck-flip-hint svg {
    width: 15px;
    height: 15px;
  }
  .live-deck-back {
    padding: 13px 14px 34px;
  }
  .live-deck-back dl {
    gap: 9px 12px;
  }
  .live-deck-back dt {
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 1.2;
  }
  .live-deck-back dd {
    font-size: 12px;
    line-height: 1.3;
  }
  .live-deck-back a, .live-deck-back button {
    bottom: 0;
    min-height: 33px;
    padding: 4px 5px;
    font-size: 11px;
  }
  .live-deck-back .live-deck-unflip {
    left: 9px;
  }
  .live-deck-back .live-deck-explorer {
    right: 9px;
  }
  #liveDeckMessage {
    font-size: 10px;
    line-height: 1.3;
  }
  #liveDeckMessage:not(:empty) {
    padding: 3px 0;
  }
  .live-deck-controls {
    gap: 3px;
    min-height: 34px;
    margin: 0 -2px;
  }
  .live-deck-controls > button {
    min-width: 30px;
    min-height: 34px;
    padding: 4px;
    font-size: 11px;
  }
  .live-deck-controls > .live-deck-arrow {
    width: 30px;
    min-height: 30px;
  }
  .live-deck-controls > button svg {
    width: 14px;
    height: 14px;
  }
  #liveDeckPosition {
    min-width: 42px;
    font-size: 10px;
  }
  .live-deck-controls #liveReplay {
    gap: 4px;
    padding: 4px 8px;
  }
  .live-deck-controls #liveCalendarToggle {
    gap: 4px;
    padding: 4px 7px;
  }
  .live-flip-desk .live-day-rail {
    margin: 6px -12px 0;
    padding: 5px 6px;
    gap: 1px;
  }
  .live-flip-desk .live-day-button {
    min-height: 40px;
    gap: 4px;
    padding: 4px 1px;
  }
  .live-flip-desk .live-rail-date {
    font-size: 10px;
  }
  .live-flip-desk .live-rail-profit {
    font-size: 10px;
  }
  .live-flip-desk .live-calendar-panel {
    margin-right: -12px;
    margin-left: -12px;
  }
  .live-deck-empty {
    inset: 10px 12px 12px;
    gap: 7px;
    padding: 13px;
    border-radius: 6px;
    font-size: 11px;
  }
}
@media (max-width: 360px) {
  .live-deck-overview .live-total-earnings > strong {
    font-size: 23px;
  }
  .live-deck-overview .live-total-earnings > span {
    font-size: 10px;
  }
  .live-deck-overview .live-total-earnings small {
    display: none;
  }
  .live-deck-totals > span {
    font-size: 10px;
  }
  .live-deck-totals > small {
    max-width: 88px;
  }
  .live-deck-profit {
    font-size: 28px;
  }
  .live-deck-card, .live-deck-placeholder {
    width: 84%;
  }
  .live-deck-controls {
    gap: 1px;
  }
  .live-deck-controls #liveReplay, .live-deck-controls #liveCalendarToggle {
    gap: 3px;
    padding-right: 5px;
    padding-left: 5px;
  }
  #liveDeckPosition {
    min-width: 38px;
  }
  .live-deck-time, .live-deck-flip-hint {
    font-size: 10px;
  }
  .live-deck-back {
    padding-right: 11px;
    padding-left: 11px;
  }
  .live-deck-back dl {
    column-gap: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .live-flip-desk *, .live-flip-desk *::before, .live-flip-desk *::after {
    animation: none !important;
    transition: none !important;
  }
  .live-deck-card.is-flipped .live-deck-card-inner {
    transform: none;
  }
  .live-deck-card.is-flipped .live-deck-front {
    display: none;
  }
  .live-deck-card:not(.is-flipped) .live-deck-back {
    display: none;
  }
  .live-deck-card.is-flipped .live-deck-back {
    transform: none;
  }
}
/* Component layer: ecosystem-v2 */
#ecosystemTeaser,
#ecosystemOverview,
#ecosystemDetail,
#poolEcosystemSummary,
#teamEcosystemSummary {
  --eco-accent: var(--fm-accent, #68ff31);
  --eco-text: #f2f4ee;
  --eco-muted: #8f988a;
  --eco-dim: #697064;
  --eco-line: rgba(160, 177, 151, .16);
  --eco-line-strong: rgba(177, 202, 166, .24);
  --eco-surface: #10130f;
  --eco-surface-deep: #090c09;
  --eco-gold: #d6bc78;
  min-width: 0;
  color: var(--eco-text);
  font-size: 14px;
  line-height: 1.5;
}
#ecosystemOverview {
  margin-top: 0;
}
#poolEcosystemSummary,
#teamEcosystemSummary {
  margin-top: 24px;
}
.workspace[data-active-view="ecosystem"] .market-ticker {
  display: none;
}
.workspace[data-active-view="ecosystem"] .main {
  min-height: calc(100vh - 68px);
}
.nova-burn-stat .nova-burn-link {
  min-width: 0;
  display: block;
  color: inherit;
  text-decoration: none;
}
.nova-burn-stat .nova-burn-link:focus-visible {
  outline: 2px solid var(--eco-accent);
  outline-offset: 6px;
  border-radius: 3px;
}
.lumen-float.eco-teaser-safe,
.lumen-float.eco-detail-safe {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(24px);
  transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
}
@property --eco-teaser-flow-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.ecosystem-teaser {
  min-width: 0;
  margin-top: 16px;
}
.eco-teaser-link {
  --eco-teaser-flow-angle: 0deg;
  position: relative;
  min-width: 0;
  min-height: 74px;
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
  overflow: hidden;
  border: 1px solid rgba(214, 188, 120, .12);
  border-radius: 11px;
  background: linear-gradient(100deg, rgba(214, 188, 120, .04), transparent 62%), #11140f;
  color: var(--eco-text);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 0 0 1px rgba(104, 255, 49, .02), 0 12px 34px rgba(0, 0, 0, .18);
  transition: border-color .18s ease, background-color .18s ease;
}
.eco-teaser-link::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -1px;
  padding: 1.4px;
  border-radius: inherit;
  background: conic-gradient(from var(--eco-teaser-flow-angle) at 50% 50%,
    rgba(214, 188, 120, .20) 0 13%,
    rgba(240, 219, 151, .50) 17%,
    rgba(255, 241, 190, .98) 22%,
    rgba(104, 255, 49, .88) 25%,
    rgba(223, 205, 143, .56) 29%,
    rgba(214, 188, 120, .20) 35% 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  filter: drop-shadow(0 0 6px rgba(214, 188, 120, .52)) drop-shadow(0 0 9px rgba(104, 255, 49, .24));
  animation: ecoTeaserBorderFlow 5.6s linear infinite;
  pointer-events: none;
}
.eco-teaser-link > * {
  position: relative;
  z-index: 1;
}
.eco-teaser-main {
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
}
.eco-teaser-link:hover {
  border-color: rgba(214, 188, 120, .39);
  background-color: #171a12;
}
.eco-teaser-link:focus-visible {
  outline: 2px solid var(--eco-gold);
  outline-offset: 3px;
}
.eco-teaser-icon {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid rgba(214, 188, 120, .24);
  border-radius: 10px;
  background: rgba(214, 188, 120, .035);
  color: var(--eco-gold);
  font: 570 21px/1 "Geist Mono", "SFMono-Regular", Consolas, monospace;
}
.eco-teaser-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}
.eco-teaser-copy {
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 12px;
}
.eco-teaser-copy strong {
  color: #e8e7dc;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 580;
  letter-spacing: -.01em;
}
.eco-teaser-copy > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #a5a791;
  font-size: 12px;
  line-height: 1.45;
}
.eco-teaser-copy > span::before {
  content: "";
  width: 4px;
  height: 4px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #bba76f;
}
.eco-teaser-copy:has(.eco-teaser-rule) {
  display: block;
}
.eco-teaser-copy > .eco-teaser-rule {
  display: block;
  margin-top: 4px;
  color: #b8b297;
  font-size: 11px;
  line-height: 1.5;
}
.eco-teaser-copy > .eco-teaser-rule::before {
  content: none;
}
.eco-teaser-pool {
  min-width: 0;
  margin-right: 12px;
  text-align: right;
}
.eco-teaser-pool > small,
.eco-teaser-pool > span {
  display: block;
  color: #929987 !important;
  font-size: 10px;
  line-height: 1.4;
}
.eco-teaser-pool > strong {
  display: block;
  margin-top: 4px;
  color: #d2d8c8;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 550;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.eco-teaser-pool > strong small {
  margin-left: 4px;
  color: #929987 !important;
  font-size: 9px;
  font-weight: 450;
}
.eco-teaser-countdown {
  min-width: 108px;
  flex: 0 0 auto;
  padding-left: 24px;
  border-left: 1px solid rgba(214, 188, 120, .14);
  text-align: right;
}
.eco-teaser-countdown > small,
.eco-teaser-countdown > span {
  display: block;
  color: #9b9d89 !important;
  font-size: 10px;
  line-height: 1.4;
}
.eco-teaser-countdown > strong {
  display: block;
  margin-top: 4px;
  color: #dfcd9e;
  font: 570 18px/1.2 "Geist Mono", "SFMono-Regular", Consolas, monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing: .015em;
  white-space: nowrap;
}
.eco-teaser-arrow {
  width: 24px;
  height: 24px;
  margin-left: 3px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  color: #b8ae8e;
  font-size: 19px;
}
.eco-teaser-arrow svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}
.eco-teaser-results {
  min-width: 0;
  padding-top: 12px;
  border-top: 1px solid rgba(214, 188, 120, .16);
  container-type: inline-size;
}
.eco-teaser-result-heading {
  min-width: 0;
  margin-bottom: 9px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 12px;
}
.eco-teaser-result-heading > strong {
  color: #d8d3bf;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 550;
}
.eco-teaser-result-heading > span {
  color: #a69d7f;
  font: 450 10px/1.5 "Geist Mono", "SFMono-Regular", Consolas, monospace;
}
.eco-teaser-winners {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}
.eco-teaser-winning-ticket {
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(214, 188, 120, .17);
  border-radius: 6px;
  background: rgba(193, 173, 112, .025);
}
.eco-teaser-winning-ticket > code,
.eco-winning-ticket > code:has(.eco-ticket-digits) {
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
  color: #efdfb0;
  font-family: "Geist Mono", "SFMono-Regular", Consolas, monospace;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.eco-ticket-digits {
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 3px;
}
.eco-ticket-digit {
  position: relative;
  min-width: 0;
  min-height: 28px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(214, 188, 120, .3);
  border-radius: 4px;
  background: linear-gradient(180deg, #25251a, #191c12 49%, #222419 51%, #171a10);
  color: #efdfaf;
  font-size: 16px;
  line-height: 1;
  font-weight: 560;
  letter-spacing: 0;
  box-shadow: inset 0 1px rgba(255, 242, 195, .04);
}
.eco-ticket-digit::after {
  content: "";
  position: absolute;
  inset: 50% 0 auto;
  height: 1px;
  background: rgba(8, 11, 6, .3);
  pointer-events: none;
}
.eco-ticket-digit > span {
  display: block;
  animation: ecoTicketDigitRoll .48s cubic-bezier(.22, .65, .32, 1) both;
}
.eco-ticket-digit:nth-child(2) > span {
  animation-delay: .03s;
}
.eco-ticket-digit:nth-child(3) > span {
  animation-delay: .06s;
}
.eco-ticket-digit:nth-child(4) > span {
  animation-delay: .09s;
}
.eco-ticket-digit:nth-child(5) > span {
  animation-delay: .12s;
}
.eco-ticket-digit:nth-child(6) > span {
  animation-delay: .15s;
}
.eco-teaser-winning-ticket .eco-ticket-digits {
  gap: 2px;
}
.eco-teaser-winning-ticket .eco-ticket-digit {
  min-height: 25px;
  font-size: 15px;
  border-radius: 3px;
}
.lucky-slot-row {
  --lucky-digit-width: 22px;
  --lucky-digit-height: 29px;
  --lucky-digit-gap: 4px;
  min-width: 0;
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(7, var(--lucky-digit-width));
  gap: var(--lucky-digit-gap);
}
.lucky-slot-digit {
  position: relative;
  width: var(--lucky-digit-width);
  height: var(--lucky-digit-height);
  min-width: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(214, 188, 120, .25);
  border-radius: 4px;
  background: linear-gradient(180deg, #242419, #15170f 49%, #202217 51%, #15170f);
  color: #ecdcaf;
  font: 570 17px/1 "Geist Mono", "SFMono-Regular", Consolas, monospace;
  font-style: normal;
  font-variant-numeric: tabular-nums;
  box-shadow: inset 0 1px rgba(255, 242, 195, .045);
}
.lucky-slot-digit::after {
  content: "";
  position: absolute;
  inset: 50% 0 auto;
  height: 1px;
  background: rgba(11, 15, 8, .32);
  pointer-events: none;
}
.lucky-slot-digit > span {
  display: block;
  color: inherit;
  font: inherit;
}
.lucky-slot-row.is-spinning .lucky-slot-digit > span,
.lucky-slot-row[data-state="spinning"] .lucky-slot-digit > span,
.lucky-slot-digit.is-spinning > span {
  animation: luckyReelRoll .15s linear infinite;
  will-change: transform, filter;
}
.lucky-slot-row.is-spinning .lucky-slot-digit:nth-child(even) > span,
.lucky-slot-row[data-state="spinning"] .lucky-slot-digit:nth-child(even) > span {
  animation-delay: -.075s;
}
.lucky-slot-row.is-locked .lucky-slot-digit,
.lucky-slot-row[data-state="settled"] .lucky-slot-digit,
.lucky-slot-digit.is-locked {
  animation: luckyReelLock .72s ease-out both;
}
.eco-teaser-copy:has(.lucky-slot-row) {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 6px 10px;
}
.eco-teaser-copy:has(.lucky-slot-row) > strong {
  white-space: nowrap;
}
.eco-teaser-copy:has(.lucky-slot-row) > span:not(.lucky-slot-row) {
  margin: 0;
  font-size: 10px;
  white-space: nowrap;
}
.eco-teaser-copy .lucky-slot-row {
  grid-column: 1 / -1;
  margin: 0;
  display: grid;
}
.eco-teaser-copy > .lucky-slot-row::before {
  content: none;
}
.eco-lucky-number-stage {
  min-width: 0;
  width: 100%;
  color: #c7c4ad;
}
.eco-lucky-history {
  min-width: 0;
  margin-top: 10px;
  padding-top: 6px;
  border-top: 1px solid rgba(214, 188, 120, .13);
}
.eco-lucky-history > small,
.eco-lucky-history > span {
  display: block;
  margin-bottom: 3px;
  color: #818975 !important;
  font-size: 9px;
  line-height: 1.4;
}
.eco-lucky-history-row {
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
}
.eco-lucky-history-row > span,
.eco-lucky-history-row > small {
  color: #95977f !important;
  font-size: 9px;
  line-height: 1.35;
  white-space: nowrap;
}
.eco-lucky-history-row > strong,
.eco-lucky-history-row > b {
  color: #b9bca5;
  font: 500 11px/1.35 "Geist Mono", "SFMono-Regular", Consolas, monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing: .07em;
  white-space: nowrap;
}
.eco-lucky-history-row > time {
  display: none;
  color: #747e67;
  font: 450 8px/1.35 "Geist Mono", "SFMono-Regular", Consolas, monospace;
  white-space: nowrap;
}
.eco-lucky-tickets {
  min-width: 0;
  grid-column: 1 / -1;
  margin-top: 10px;
  padding-top: 9px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  border-top: 1px solid rgba(147, 178, 128, .14);
}
.eco-lucky-tickets > header,
.eco-lucky-tickets > div:first-child:not(.eco-lucky-ticket-list),
.eco-lucky-tickets > strong {
  min-width: 0;
  flex-basis: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #a9b39a;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 500;
}
.eco-lucky-tickets > header > small,
.eco-lucky-tickets > div:first-child > small {
  color: #91ac7c !important;
  font-size: 9px;
  white-space: nowrap;
}
.eco-lucky-tickets-head > strong {
  color: #a8bd94;
  font-size: 10px;
  font-weight: 550;
}
.eco-lucky-ticket-list {
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 7px;
  overflow: visible;
  overscroll-behavior-x: auto;
  scrollbar-width: none;
}
.eco-lucky-ticket-list::-webkit-scrollbar {
  display: none;
}
.eco-lucky-ticket {
  min-width: 0;
  width: 100%;
  min-height: 44px;
  padding: 7px 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  overflow: visible;
  border: 1px solid rgba(142, 180, 116, .19);
  border-radius: 4px;
  background: rgba(102, 140, 76, .05);
  color: #b5caa1;
  font: 500 11px/1 "Geist Mono", "SFMono-Regular", Consolas, monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing: .035em;
  white-space: normal;
}
.eco-lucky-ticket > strong,
.eco-lucky-ticket > b,
.eco-lucky-ticket > span {
  color: inherit;
  font: inherit;
}
.eco-lucky-ticket > b,
.eco-lucky-ticket > strong,
.eco-lucky-ticket > span {
  display: block;
  max-width: 100%;
  white-space: nowrap;
}
.eco-lucky-ticket > small {
  display: block;
  color: #80956e !important;
  font-size: 9px;
  line-height: 1.2;
  letter-spacing: 0;
  white-space: nowrap;
}
@keyframes luckyReelRoll {
  0% {
    transform: translateY(-8px) scaleY(1.08);
    filter: blur(1.2px);
    opacity: .65;
  }
  50% {
    transform: translateY(0) scaleY(1.16);
    filter: blur(1.6px);
    opacity: .85;
  }
  100% {
    transform: translateY(8px) scaleY(1.08);
    filter: blur(1.2px);
    opacity: .65;
  }
}
@keyframes luckyReelLock {
  0% {
    border-color: rgba(188, 213, 134, .72);
    color: #e6f1c9;
    box-shadow: inset 0 0 8px rgba(175, 207, 103, .12), 0 0 7px rgba(214, 188, 120, .15);
  }
  100% {
    border-color: rgba(214, 188, 120, .25);
    color: #ecdcaf;
    box-shadow: inset 0 1px rgba(255, 242, 195, .045);
  }
}
.nova-burn-ledger {
  min-width: 0;
  grid-column: 1 / -1;
  padding: 3px 20px 6px;
  border: 1px solid var(--fm-border-soft, rgba(160, 177, 151, .16));
  border-radius: 10px;
  background: #0e140d;
  color: #e0e9d9;
}
.nova-burn-list-head {
  min-width: 0;
  min-height: 38px;
  padding: 10px 0;
  display: grid;
  grid-template-columns: minmax(125px, .7fr) minmax(0, 1fr) minmax(154px, auto);
  align-items: center;
  gap: 15px;
  border-bottom: 1px solid rgba(169, 193, 155, .23);
  color: #acbda0;
  font-size: 10px;
  line-height: 1.4;
}
.nova-burn-list-head > span:last-child {
  text-align: right;
}
.nova-burn-list {
  min-width: 0;
}
.nova-burn-row {
  min-width: 0;
  min-height: 56px;
  padding: 9px 0;
  display: grid;
  grid-template-columns: minmax(125px, .7fr) minmax(0, 1fr) minmax(154px, auto);
  align-items: center;
  gap: 15px;
  border-top: 1px solid rgba(169, 193, 155, .17);
}
.nova-burn-row:first-child {
  border-top: 0;
}
.nova-burn-row > div {
  min-width: 0;
}
.nova-burn-row > div > span {
  display: block;
  margin-bottom: 4px;
  color: #a2b495;
  font-size: 10px;
  line-height: 1.4;
}
.nova-burn-row > div > strong {
  color: #d8eacd;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 550;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.nova-burn-row > div > strong > small {
  color: #a2b595 !important;
  font-size: 9px;
  font-weight: 450;
}
.nova-burn-row code,
.nova-burn-row .nova-burn-hash {
  min-width: 0;
  max-width: 100%;
  display: block;
  overflow: hidden;
  color: #c2cfb9;
  font: 450 11px/1.5 "Geist Mono", "SFMono-Regular", Consolas, monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nova-burn-row a {
  min-width: 0;
  max-width: 100%;
  color: inherit;
  text-decoration: none;
}
.nova-burn-row a:hover {
  color: #c8e2b7;
}
.nova-burn-row a:focus-visible {
  outline: 2px solid #9dc686;
  outline-offset: 3px;
}
.nova-burn-row > time {
  color: #a7b99b;
  text-align: right;
  font: 450 10px/1.5 "Geist Mono", "SFMono-Regular", Consolas, monospace;
  white-space: nowrap;
}
.nova-burn-copy {
  min-width: 0;
  width: 100%;
  min-height: 34px;
  padding: 5px 7px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: center;
  gap: 7px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: #bdcdb2;
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease;
  -webkit-tap-highlight-color: transparent;
}
.nova-burn-copy code {
  color: inherit;
}
.nova-burn-copy-status,
.nova-burn-copy > span:last-child {
  width: 42px;
  min-width: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  color: #a4b895;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 500;
  white-space: nowrap;
}
.nova-burn-copy:hover {
  border-color: rgba(153, 184, 132, .22);
  background: rgba(130, 170, 107, .045);
  color: #c7dcba;
}
.nova-burn-copy:focus-visible {
  outline: 2px solid #9dc686;
  outline-offset: -2px;
}
.nova-burn-copy[data-state="copied"] {
  border-color: rgba(150, 208, 113, .26);
  background: rgba(127, 186, 88, .06);
  color: #b5e99a;
}
.nova-burn-copy[data-state="copied"] .nova-burn-copy-status,
.nova-burn-copy[data-state="copied"] > span:last-child {
  color: #a6d88e;
}
.nova-burn-copy[data-state="copied"] .nova-burn-copy-status::before,
.nova-burn-copy[data-state="copied"] > span:last-child::before {
  content: "";
  width: 4px;
  height: 4px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #94d572;
}
.nova-burn-more {
  width: 100%;
  min-height: 40px;
  margin-top: 2px;
  padding: 9px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-top: 1px solid rgba(169, 193, 155, .19);
  border-radius: 0 0 5px 5px;
  background: transparent;
  color: #bcccb1;
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color .16s ease, color .16s ease;
}
.nova-burn-more:hover {
  background: rgba(146, 177, 123, .05);
  color: #dae9cf;
}
.nova-burn-more:focus-visible {
  outline: 2px solid #9dc686;
  outline-offset: -2px;
}
.eco-section-head,
.eco-detail-head,
.eco-shortcuts-head,
.eco-ledger-head {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.eco-section-head {
  margin-bottom: 18px;
  align-items: flex-end;
}
.eco-section-head > div:first-child,
.eco-detail-title {
  min-width: 0;
}
.eco-section-head h2,
.eco-section-head h3,
.eco-shortcuts-head h3 {
  margin: 2px 0 0;
  color: var(--eco-text);
  font-size: 23px;
  line-height: 1.25;
  font-weight: 620;
  letter-spacing: -.025em;
}
.eco-section-head h2:focus {
  outline: none;
}
.eco-source {
  max-width: 760px;
  margin: 9px 0 0;
  color: var(--eco-muted);
  font-size: 12px;
  line-height: 1.65;
}
.eco-head-meta {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 14px;
}
.eco-allocation {
  padding-right: 14px;
  display: flex;
  align-items: baseline;
  gap: 7px;
  border-right: 1px solid var(--eco-line);
  white-space: nowrap;
}
.eco-allocation strong {
  color: #dfe7d9;
  font: 570 20px/1.2 "Geist Mono", "SFMono-Regular", Consolas, monospace;
}
.eco-allocation small {
  color: var(--eco-muted) !important;
  font-size: 11px;
}
.eco-demo {
  flex: 0 0 auto;
  padding: 4px 8px;
  border: 1px solid var(--eco-line-strong);
  border-radius: 4px;
  color: #a7b0a0;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 520;
  letter-spacing: .04em;
  white-space: nowrap;
}
.eco-overview-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
}
.eco-card {
  min-width: 0;
  color: var(--eco-text);
  text-decoration: none;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
}
.eco-back:focus-visible,
.eco-filters button:focus-visible,
.eco-shortcut:focus-visible {
  position: relative;
  z-index: 3;
  outline: 2px solid var(--eco-accent);
  outline-offset: -3px;
}
.eco-index {
  color: #566052;
  font: 500 10px/1.2 "Geist Mono", "SFMono-Regular", Consolas, monospace;
  letter-spacing: .08em;
}
.eco-card-top {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
}
.eco-card-top h4,
.eco-card-top h3,
.eco-card-top strong,
.eco-card-top b {
  min-width: 0;
  margin: 0;
  color: #e7ebe2;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 570;
  letter-spacing: -.01em;
}
.eco-icon,
.eco-ledger-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid rgba(112, 143, 101, .32);
  border-radius: 8px;
  background: rgba(73, 101, 63, .08);
  color: #a8ca9a;
  font-style: normal;
}
.eco-icon svg,
.eco-ledger-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.eco-ratio {
  margin-left: auto;
  color: #a0aa99;
  font: 500 10px/1.3 "Geist Mono", "SFMono-Regular", Consolas, monospace;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.eco-card-label {
  display: block;
  color: var(--eco-muted);
  font-size: 10px;
  line-height: 1.45;
}
.eco-card-amount,
.eco-detail-amount {
  min-width: 0;
  margin-top: 4px;
  display: flex;
  align-items: baseline;
  gap: 5px;
  white-space: nowrap;
}
.eco-card-amount strong,
.eco-detail-amount strong {
  color: #eef1ea;
  font-size: clamp(20px, 1.7vw, 25px);
  line-height: 1.15;
  font-weight: 580;
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums lining-nums;
}
.eco-card-amount small,
.eco-detail-amount small {
  color: var(--eco-muted) !important;
  font-size: 9px;
  font-weight: 480;
}
.eco-card-secondary {
  min-width: 0;
  color: var(--eco-muted);
  font-size: 10px;
  line-height: 1.45;
}
.eco-card-secondary > span,
.eco-card-secondary > b {
  display: block;
}
.eco-card-secondary > b {
  margin-top: 5px;
  color: #bdc5b8;
  font-size: 12px;
  font-weight: 540;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.eco-card-secondary small {
  color: var(--eco-muted) !important;
  font-size: 8px;
  font-weight: 450;
}
.eco-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #879180;
  font-size: 10px;
  line-height: 1.4;
}
.eco-status::before {
  content: "";
  width: 4px;
  height: 4px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #83aa73;
}
.eco-arrow {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  color: #7f8b79;
}
.eco-arrow svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
}
.eco-lucky-panel {
  position: relative;
  min-width: 0;
  padding: 24px;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(189, 168, 107, .28);
  border-radius: 16px;
  background: linear-gradient(110deg, rgba(182, 154, 83, .04), transparent 56%), #11150f;
  box-shadow: inset 0 1px rgba(240, 224, 175, .025);
}
.eco-lucky-panel > .eco-lucky {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 24px;
}
.eco-lucky-panel.eco-lucky-archive {
  margin-top: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}
.eco-lucky-panel::before,
.eco-fund-list::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 24px;
  width: 64px;
  height: 1px;
  background: linear-gradient(90deg, rgba(221, 195, 126, .85), transparent);
  pointer-events: none;
}
.eco-lucky-summary,
.eco-lucky-results {
  min-width: 0;
}
.eco-lucky-summary {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 0 24px;
}
.eco-lucky-summary > .eco-index {
  position: absolute;
  top: 3px;
  right: 0;
  color: #7d785a;
}
.eco-lucky-summary .eco-lucky-art {
  display: none;
}
.eco-lucky-results {
  padding: 20px;
  border: 1px solid rgba(195, 180, 131, .23);
  border-radius: 10px;
  background: linear-gradient(110deg, rgba(182, 154, 83, .035), transparent 70%), #0d110b;
  container-type: inline-size;
}
.eco-lucky-panel .eco-card-main {
  min-width: 0;
  display: contents;
}
.eco-lucky-panel .eco-card-top {
  grid-column: 1 / -1;
  padding-right: 25px;
}
.eco-lucky-panel .eco-icon {
  width: 34px;
  height: 34px;
  border-color: rgba(214, 188, 120, .30);
  background: rgba(214, 188, 120, .06);
  color: var(--eco-gold);
}
.eco-lucky-panel .eco-card-top h4 {
  font-size: 17px;
  color: #ede8da;
}
.eco-lucky-panel .eco-ratio {
  margin-left: 2px;
  color: #c7b681;
}
.eco-lucky-panel .eco-card-label {
  grid-column: 1;
  grid-row: 2;
  margin-top: 23px;
  color: #b1b19d;
  font-size: 12px;
}
.eco-lucky-panel .eco-card-amount {
  grid-column: 1;
  grid-row: 3;
  margin-top: 7px;
  flex-wrap: wrap;
}
.eco-lucky-panel .eco-card-amount strong {
  color: #f0e6c8;
  font-size: 36px;
  font-weight: 590;
}
.eco-lucky-panel .eco-card-amount small {
  color: #b8ac8d !important;
  font-size: 11px;
}
.eco-lucky-panel .eco-lucky-number-stage > div:first-child > span {
  font-size: 11px;
}
.eco-lucky-panel .eco-lucky-number-stage > div:first-child > strong {
  font-size: 11px;
}
.eco-lucky-panel .eco-lucky-number-stage .lucky-slot-row {
  --lucky-digit-width: 26px;
  --lucky-digit-height: 34px;
  --lucky-digit-gap: 5px;
}
.eco-lucky-panel .eco-lucky-number-stage .lucky-slot-digit {
  font-size: 20px;
}
.eco-lucky-panel .eco-lucky-number-stage > time {
  margin-top: 7px;
  font-size: 10px;
}
.eco-lucky-panel .eco-lucky-history {
  margin: 0;
  padding: 0;
  border: 0;
  container-type: inline-size;
}
.eco-lucky-panel .eco-lucky-history > span {
  margin-bottom: 5px;
  color: #9ca38f !important;
  font-size: 10px;
}
.eco-lucky-panel .eco-lucky-history-row {
  min-width: 0;
  min-height: 0;
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  border: 1px solid rgba(180, 185, 153, .16);
  border-radius: 8px;
  background: #0d120c;
}
.eco-lucky-panel .eco-lucky-history-row > span {
  color: #aab09c !important;
  font-size: 10px;
}
.eco-lucky-panel .eco-lucky-history-row > strong {
  color: #d0d5c0;
  font-size: 12px;
  letter-spacing: .07em;
}
.eco-lucky-panel .eco-lucky-history-row > time {
  display: block;
  color: #8e9983;
  font-size: 9px;
}
.eco-lucky-history-more {
  min-width: 0;
  width: 100%;
  min-height: 44px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(179, 178, 146, .23);
  border-radius: 6px;
  background: rgba(182, 171, 131, .025);
  color: #c6ceb8;
  font: inherit;
  font-size: 12px;
  line-height: 1.4;
  cursor: pointer;
  overflow-anchor: none;
}
.eco-lucky-history-more:hover {
  border-color: rgba(194, 186, 143, .32);
  background: rgba(194, 186, 143, .035);
  color: #dbe0cc;
}
.eco-lucky-history-more:focus-visible {
  outline: 2px solid #d1bd80;
  outline-offset: -2px;
}
.eco-countdown {
  grid-column: 1 / -1;
  align-self: end;
  width: fit-content;
  margin-top: 16px;
}
.eco-countdown > small,
.eco-countdown > span {
  display: block;
  color: #9f9f8e !important;
  font-size: 10px;
  line-height: 1.45;
}
.eco-countdown > strong {
  display: block;
  margin-top: 5px;
  color: #e3cea0;
  font: 570 20px/1.25 "Geist Mono", "SFMono-Regular", Consolas, monospace;
  letter-spacing: .025em;
  font-variant-numeric: tabular-nums;
}
.eco-lucky-stats {
  grid-column: 1 / -1;
  margin-top: 15px;
  padding: 12px 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(214, 188, 120, .15);
  border-bottom: 1px solid rgba(214, 188, 120, .12);
}
.eco-lucky-stats > div {
  min-width: 0;
}
.eco-lucky-stats > div + div {
  padding-left: 14px;
  border-left: 1px solid rgba(214, 188, 120, .12);
}
.eco-lucky-stats span {
  display: block;
  color: #8f9183;
  font-size: 9px;
  line-height: 1.4;
}
.eco-lucky-stats strong {
  display: block;
  margin-top: 5px;
  color: #d7dbd0;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 540;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.eco-lucky-stats strong small {
  color: #8f9183 !important;
  font-size: 8px;
  font-weight: 450;
}
.eco-lucky-panel .eco-countdown {
  grid-column: 2;
  grid-row: 2 / 4;
  margin: 0;
  padding-bottom: 2px;
  text-align: right;
}
.eco-lucky-panel .eco-lucky-stats {
  margin-top: 16px;
  padding: 12px 0;
  border-bottom: 0;
}
.eco-lucky-panel .eco-card-foot {
  grid-column: 1 / -1;
  padding-top: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 5px 14px;
}
.eco-lucky-panel .eco-status::before {
  background: var(--eco-gold);
}
.eco-lucky-rule {
  color: #b0b6a1;
  font-size: 11px;
  line-height: 1.6;
}
.eco-draw-head {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.eco-draw-head > div {
  min-width: 0;
}
.eco-draw-head h3,
.eco-history-heading h3 {
  margin: 0;
  color: #eae5d6;
  font-size: 16px;
  font-weight: 580;
  line-height: 1.4;
  letter-spacing: -.01em;
}
.eco-draw-head time {
  display: block;
  margin-top: 5px;
  color: #a6aa96;
  font: 450 11px/1.5 "Geist Mono", "SFMono-Regular", Consolas, monospace;
}
.eco-draw-badge {
  flex: 0 0 auto;
  padding: 4px 8px;
  border: 1px solid rgba(214, 188, 120, .22);
  border-radius: 5px;
  background: rgba(214, 188, 120, .06);
  color: #d6c18a;
  font-size: 11px;
  line-height: 1.5;
  white-space: nowrap;
}
.eco-draw-payout {
  min-width: 0;
  margin: 18px 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.eco-draw-payout > div {
  min-width: 0;
}
.eco-draw-payout > div + div {
  padding-left: 20px;
  border-left: 1px solid rgba(195, 180, 131, .17);
}
.eco-draw-payout span {
  display: block;
  margin-bottom: 5px;
  color: #acb09b;
  font-size: 11px;
  line-height: 1.5;
}
.eco-draw-payout strong {
  color: #f0e4bd;
  font-size: 25px;
  line-height: 1.3;
  font-weight: 580;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}
.eco-draw-payout small {
  margin-left: 4px;
  color: #b5ad91 !important;
  font-size: 10px;
  font-weight: 450;
}
.eco-winning-tickets {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.eco-winning-ticket {
  position: relative;
  min-width: 0;
  padding: 9px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid rgba(208, 188, 128, .26);
  border-radius: 7px;
  background: linear-gradient(140deg, rgba(193, 173, 112, .07), transparent 85%), #14170e;
}
.eco-winning-ticket code {
  min-width: 0;
  color: #efdfb0;
  font: 550 13px/1.5 "Geist Mono", "SFMono-Regular", Consolas, monospace;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.eco-history-heading {
  min-width: 0;
  margin-bottom: 13px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px 16px;
}
.eco-history-heading > small {
  color: #a0aa94 !important;
  font-size: 11px;
  line-height: 1.5;
}
.eco-lucky-history-list {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}
.eco-history-period {
  min-width: 0;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px 12px;
}
.eco-history-period > span {
  color: #d6dccb;
  font-size: 12px;
  font-weight: 550;
}
.eco-history-period > time {
  color: #9ba68d;
  font: 450 10px/1.5 "Geist Mono", "SFMono-Regular", Consolas, monospace;
}
.eco-history-period > strong {
  margin-left: auto;
  color: #d1c193;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 550;
  font-variant-numeric: tabular-nums;
}
.eco-history-winners {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}
.eco-history-winners > code {
  min-width: 0;
  padding: 7px 8px;
  display: block;
  border: 1px solid rgba(173, 181, 143, .17);
  border-radius: 4px;
  background: rgba(166, 177, 135, .035);
  color: #c4d2b5;
  font: 450 12px/1.5 "Geist Mono", "SFMono-Regular", Consolas, monospace;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.eco-history-share {
  min-width: 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 12px;
  color: #a8b39a;
  font-size: 11px;
  line-height: 1.5;
}
.eco-history-share > :last-child {
  color: #bdc7ae;
  font-variant-numeric: tabular-nums;
}
@keyframes ecoTicketDigitRoll {
  from {
    opacity: 0;
    transform: translateY(-115%);
    filter: blur(1.4px);
  }
  65% {
    opacity: 1;
    transform: translateY(8%);
    filter: blur(0);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}
@container (min-width: 520px) {
  .eco-teaser-winners,
  .eco-winning-tickets,
  .eco-history-winners {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@container (min-width: 880px) {
  .eco-teaser-winners,
  .eco-winning-tickets,
  .eco-history-winners {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}
.eco-lucky-ticket-groups {
  min-width: 0;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.eco-lucky-ticket-groups > .eco-lucky-tickets-head {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #c5cebc;
  font-size: 13px;
  line-height: 1.4;
}
.eco-lucky-ticket-groups .eco-lucky-tickets {
  min-width: 0;
  grid-column: auto;
  margin: 0;
  padding: 14px;
  align-content: start;
  gap: 10px;
  border: 1px solid rgba(168, 176, 146, .18);
  border-radius: 10px;
  background: #0d120b;
}
.eco-lucky-ticket-groups .eco-lucky-tickets-head {
  gap: 8px;
  font-size: 12px;
}
.eco-lucky-ticket-groups .eco-lucky-tickets > header {
  font-size: 12px;
}
.eco-lucky-ticket-groups .eco-lucky-tickets-head > strong,
.eco-lucky-ticket-groups .eco-lucky-tickets > header > strong {
  min-width: 34px;
  padding: 3px 6px;
  border-radius: 4px;
  background: rgba(189, 187, 150, .07);
  color: #aeb49a;
  font-size: 10px;
  font-weight: 550;
  text-align: center;
}
.eco-lucky-ticket-groups .eco-lucky-ticket-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 7px;
  overflow: visible;
}
.eco-lucky-ticket-groups .eco-lucky-ticket {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 7px 8px;
  font-size: 11px;
}
.eco-lucky-ticket-groups .eco-lucky-ticket > small {
  font-size: 9px;
}
.eco-lucky-ticket-groups .is-mine {
  border-color: rgba(140, 197, 103, .38);
  background: linear-gradient(120deg, rgba(108, 168, 76, .055), transparent 65%), #10170c;
}
.eco-lucky-ticket-groups .is-mine .eco-lucky-tickets-head,
.eco-lucky-ticket-groups .is-mine > header {
  color: #c6e6b6;
}
.eco-lucky-ticket-groups .is-mine .eco-lucky-tickets-head > strong,
.eco-lucky-ticket-groups .is-mine > header > strong {
  background: rgba(139, 202, 98, .11);
  color: #b9e59f;
}
.eco-lucky-ticket-groups .is-mine .eco-lucky-ticket {
  border-color: rgba(148, 195, 116, .28);
  background: rgba(138, 185, 101, .045);
  color: #c9e8b8;
}
.eco-lucky-ticket-groups .is-platform {
  border-color: rgba(182, 171, 135, .21);
  background: #11130f;
}
.eco-lucky-ticket-groups .is-platform .eco-lucky-tickets-head,
.eco-lucky-ticket-groups .is-platform > header {
  color: #c8c6b1;
}
.eco-lucky-ticket-groups .is-platform .eco-lucky-ticket {
  border-color: rgba(185, 175, 140, .21);
  background: rgba(164, 156, 123, .035);
  color: #c6c5ae;
}
.eco-lucky-ticket-note,
.eco-lucky-ticket-source,
.eco-lucky-ticket-groups .eco-lucky-tickets > p,
.eco-lucky-ticket-groups .eco-lucky-tickets > small {
  min-width: 0;
  width: 100%;
  margin: 0;
  color: #8a9780 !important;
  font-size: 10px;
  line-height: 1.6;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.eco-lucky-ticket-more {
  width: 100%;
  min-height: 42px;
  margin-top: 1px;
  padding: 8px 12px;
  border: 1px solid rgba(179, 178, 146, .18);
  border-radius: 6px;
  background: rgba(187, 177, 139, .025);
  color: #b9c0aa;
  font: inherit;
  font-size: 11px;
  line-height: 1.4;
  cursor: pointer;
}
.eco-lucky-ticket-more:hover {
  border-color: rgba(194, 186, 143, .34);
  background: rgba(194, 186, 143, .055);
  color: #dbe0cc;
}
.eco-lucky-ticket-more:focus-visible {
  outline: 2px solid #d1bd80;
  outline-offset: -2px;
}
.eco-fund-list {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--eco-line-strong);
  border-radius: 15px;
  background: #0c110b;
}
.eco-fund-list::before {
  background: linear-gradient(90deg, rgba(151, 202, 116, .85), transparent);
}
.eco-fund-track {
  min-width: 0;
  width: 100%;
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: visible;
  touch-action: pan-y pinch-zoom !important;
}
.eco-mobile-hint {
  display: none;
}
.eco-list-head {
  grid-column: 1 / -1;
  min-height: 56px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid var(--eco-line);
  background: rgba(255, 255, 255, .012);
}
.eco-list-head span {
  color: #cfd5ca;
  font-size: 12px;
  font-weight: 550;
}
.eco-list-head small {
  color: var(--eco-dim) !important;
  font-size: 9px;
  letter-spacing: .03em;
}
.eco-fund-track .eco-card {
  min-height: 167px;
  padding: 15px 14px 13px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 0 9px;
  border-bottom: 1px solid var(--eco-line);
  background: transparent;
}
.eco-fund-track .eco-card:not([data-eco-clone]):not(:nth-child(3n)) {
  border-right: 1px solid var(--eco-line);
}
.eco-fund-track .eco-card:not([data-eco-clone]):nth-child(n + 4) {
  border-bottom: 0;
}
.eco-fund-track .eco-card[data-eco-clone] {
  display: none;
}
.eco-fund-track .eco-index {
  padding-top: 9px;
}
.eco-card-content {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.eco-card-values {
  min-width: 0;
  margin-top: 15px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
}
.eco-card-values > div {
  min-width: 0;
}
.eco-card-values .eco-card-secondary {
  padding-left: 11px;
  border-left: 1px solid var(--eco-line);
}
.eco-fund-track .eco-card-values {
  margin-top: 12px;
  display: block;
}
.eco-fund-track .eco-card-amount strong {
  font-size: clamp(18px, 1.5vw, 21px);
}
.eco-fund-track .eco-card-values .eco-card-secondary {
  margin-top: 8px;
  padding: 7px 0 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  border-top: 1px solid rgba(160, 177, 151, .10);
  border-left: 0;
}
.eco-fund-track .eco-card-secondary > b {
  margin-top: 0;
  font-size: 11px;
}
.eco-card-foot {
  min-height: 22px;
  margin-top: auto;
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.eco-overview-grid .eco-card-foot {
  justify-content: flex-start;
}
.eco-back {
  min-height: 44px;
  width: fit-content;
  margin: 0 0 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #aeb8a8;
  font-size: 12px;
  text-decoration: none;
}
.eco-back:hover {
  color: var(--eco-accent);
}
.eco-back svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}
.eco-detail-head {
  align-items: flex-start;
}
.eco-detail-title h2 {
  margin: 0;
  color: var(--eco-text);
  font-size: 30px;
  line-height: 1.25;
  font-weight: 620;
  letter-spacing: -.035em;
}
.eco-detail-title h2:focus {
  outline: none;
}
.eco-detail-title p {
  max-width: 680px;
  margin: 9px 0 0;
  color: var(--eco-muted);
  font-size: 13px;
  line-height: 1.7;
}
.eco-detail-hero {
  position: relative;
  min-width: 0;
  margin-top: 24px;
  padding: 26px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  overflow: hidden;
  border: 1px solid var(--eco-line-strong);
  border-radius: 14px 14px 0 0;
  background: linear-gradient(105deg, rgba(104, 255, 49, .04), transparent 55%), #10140f;
}
.eco-detail-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  width: 54px;
  height: 2px;
  background: linear-gradient(90deg, var(--eco-accent), transparent);
}
.eco-detail-hero > div {
  min-width: 0;
}
.eco-detail-hero .eco-card-label {
  margin: 0;
  color: #a5afa0;
  font-size: 12px;
}
.eco-detail-hero .eco-ratio {
  margin-left: 3px;
}
.eco-detail-amount {
  margin-top: 10px;
}
.eco-detail-amount strong {
  color: var(--eco-accent);
  font-size: clamp(34px, 4vw, 48px);
}
.eco-detail-amount small {
  font-size: 11px;
}
.eco-detail-hero .eco-status {
  margin-top: 12px;
}
.eco-cycle {
  min-width: 190px;
  padding-left: 24px;
  border-left: 1px solid var(--eco-line);
  text-align: right;
}
.eco-cycle .eco-countdown {
  width: auto;
  margin: 0;
}
.eco-cycle .eco-countdown strong {
  color: #dfe7da;
  font-size: 23px;
}
.eco-cycle > span {
  display: block;
  margin-top: 7px;
  color: var(--eco-muted);
  font-size: 10px;
}
.eco-detail-hero.eco-lucky-detail {
  background: linear-gradient(105deg, rgba(214, 188, 120, .06), transparent 60%), #14150f;
}
.eco-lucky-detail::before {
  background: linear-gradient(90deg, var(--eco-gold), transparent);
}
.eco-lucky-detail .eco-detail-amount strong,
.eco-lucky-detail .eco-cycle .eco-countdown strong {
  color: #e4d1a3;
}
.eco-lucky-detail .eco-icon {
  border-color: rgba(214, 188, 120, .30);
  color: var(--eco-gold);
}
.eco-detail-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--eco-line-strong);
  border-top: 0;
  border-radius: 0 0 14px 14px;
  background: #0b0f0b;
}
.eco-stat {
  min-width: 0;
  padding: 18px 20px;
}
.eco-stat + .eco-stat {
  border-left: 1px solid var(--eco-line);
}
.eco-stat > span {
  display: block;
  color: var(--eco-muted);
  font-size: 10px;
}
.eco-stat > strong {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin-top: 7px;
  color: #dfe5db;
  font-size: clamp(18px, 2vw, 23px);
  line-height: 1.3;
  font-weight: 560;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.eco-stat > strong small {
  color: var(--eco-muted) !important;
  font-size: 9px;
  font-weight: 450;
}
.eco-weights {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid var(--eco-line);
  border-radius: 10px;
  background: #0c100c;
}
.eco-weights > span {
  min-width: 0;
  padding: 14px 16px;
}
.eco-weights > span + span {
  border-left: 1px solid var(--eco-line);
}
.eco-weights small {
  display: block;
  color: var(--eco-muted) !important;
  font-size: 10px;
}
.eco-weights strong {
  display: block;
  margin-top: 5px;
  color: #dbe4d5;
  font-size: 18px;
  font-weight: 560;
  font-variant-numeric: tabular-nums;
}
.eco-burn-track {
  margin-top: 14px;
  padding: 16px 18px;
  border: 1px solid var(--eco-line);
  border-radius: 10px;
  background: #0c100c;
}
.eco-burn-track > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--eco-muted);
  font-size: 10px;
}
.eco-burn-track strong {
  color: #dbe4d5;
  font-weight: 560;
  font-variant-numeric: tabular-nums;
}
.eco-burn-track meter {
  width: 100%;
  height: 5px;
  margin: 13px 0 8px;
  display: block;
  border: 0;
  background: #222a20;
  accent-color: var(--eco-accent);
}
.eco-burn-track meter::-webkit-meter-bar {
  height: 5px;
  border: 0;
  background: #222a20;
}
.eco-burn-track meter::-webkit-meter-optimum-value {
  background: linear-gradient(90deg, #4ecb2d, #a7ff7d);
  box-shadow: 0 0 8px rgba(104, 255, 49, .35);
}
.eco-burn-track meter::-moz-meter-bar {
  background: #78e957;
}
.eco-burn-track p {
  margin: 0;
  color: var(--eco-muted);
  font-size: 10px;
}
.eco-note {
  position: relative;
  margin-top: 14px;
  padding: 14px 16px 14px 19px;
  border: 1px solid var(--eco-line);
  background: rgba(16, 21, 15, .72);
  color: #9aa594;
  font-size: 11px;
  line-height: 1.65;
}
.eco-note::before {
  content: "";
  position: absolute;
  top: 13px;
  bottom: 13px;
  left: 0;
  width: 2px;
  background: #628b51;
}
.eco-note strong {
  display: block;
  margin-bottom: 4px;
  color: #cad4c4;
  font-weight: 550;
}
.eco-note p {
  margin: 0;
}
.eco-note small {
  display: block;
  margin-top: 6px;
  color: #778171 !important;
  font-size: 10px;
}
.eco-ledger {
  min-width: 0;
  margin-top: 24px;
  padding: 22px 24px;
  border: 1px solid var(--eco-line-strong);
  border-radius: 14px;
  background: #0b0f0b;
}
.eco-ledger-head {
  align-items: flex-start;
  flex-wrap: wrap;
}
.eco-ledger-head h3 {
  margin: 0;
  color: var(--eco-text);
  font-size: 18px;
  line-height: 1.4;
  font-weight: 590;
}
.eco-ledger-head p {
  margin: 5px 0 0;
  color: var(--eco-muted);
  font-size: 10px;
}
.eco-filters {
  display: flex;
  gap: 4px;
  padding: 3px;
  border: 1px solid var(--eco-line);
  background: #080b08;
}
.eco-filters button {
  min-width: 62px;
  min-height: 38px;
  padding: 0 12px;
  border: 0;
  border-radius: 2px;
  background: transparent;
  color: #899383;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}
.eco-filters button:hover {
  color: #d7dfd2;
}
.eco-filters button.active,
.eco-filters button[aria-pressed="true"] {
  background: rgba(104, 255, 49, .085);
  color: #bafba0;
}
.eco-ledger-summary {
  margin-top: 16px;
  padding: 11px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  border-bottom: 1px solid var(--eco-line);
  color: var(--eco-muted);
  font-size: 10px;
}
.eco-ledger-list {
  min-width: 0;
}
.eco-ledger-row {
  min-width: 0;
  min-height: 72px;
  padding: 13px 2px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) minmax(100px, auto);
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--eco-line);
}
.eco-ledger-icon {
  width: 28px;
  height: 28px;
  border-radius: 7px;
}
.eco-ledger-icon svg {
  width: 15px;
  height: 15px;
}
.eco-ledger-icon.outgoing {
  border-color: rgba(150, 157, 143, .22);
  background: rgba(150, 157, 143, .05);
  color: #90998a;
}
.eco-ledger-info,
.eco-ledger-value {
  min-width: 0;
}
.eco-ledger-info strong {
  display: block;
  color: #dfe4db;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 530;
}
.eco-ledger-info span,
.eco-ledger-value span {
  display: block;
  margin-top: 4px;
  color: var(--eco-muted);
  font-size: 9px;
  line-height: 1.45;
}
.eco-ledger-info small {
  display: block;
  margin-top: 2px;
  color: #70786c !important;
  font-size: 9px;
}
.eco-ledger-value {
  text-align: right;
}
.eco-ledger-value strong {
  display: block;
  color: #d0d8cb;
  font-size: 14px;
  font-weight: 560;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.eco-ledger-value strong.incoming {
  color: #aeea94;
}
.eco-ledger-note {
  margin: 13px 0 0;
  color: #747d70;
  font-size: 10px;
  line-height: 1.65;
}
.eco-empty {
  min-height: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--eco-muted);
  text-align: center;
  font-size: 11px;
}
.eco-empty strong {
  color: #cbd4c6;
  font-size: 14px;
  font-weight: 550;
}
.eco-empty p {
  margin: 0;
}
.eco-empty svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: #6f8067;
}
.eco-shortcuts {
  min-width: 0;
  padding: 18px 20px;
  border: 1px solid var(--eco-line-strong);
  border-radius: 13px;
  background: #0c100c;
}
.eco-shortcuts-head h3 {
  font-size: 16px;
}
.eco-shortcuts-grid {
  margin-top: 13px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--eco-line);
}
.eco-shortcuts-grid > .eco-shortcut:only-child {
  grid-column: 1 / -1;
}
.eco-shortcuts-grid > .eco-shortcut + .eco-shortcut {
  border-left: 1px solid var(--eco-line);
}
.eco-shortcut {
  min-width: 0;
  min-height: 76px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--eco-text);
  text-decoration: none;
  background: #090d09;
  transition: background-color .18s ease;
}
.eco-shortcut:hover {
  background: rgba(104, 255, 49, .045);
}
.eco-shortcut > div {
  min-width: 0;
  flex: 1;
}
.eco-shortcut > div > strong {
  display: block;
  color: #dce3d8;
  font-size: 12px;
  font-weight: 550;
}
.eco-shortcut > div > strong small {
  margin-left: 6px;
  color: var(--eco-muted) !important;
  font-size: 9px;
  font-weight: 450;
}
.eco-shortcut > div > span {
  display: block;
  margin-top: 4px;
  color: var(--eco-muted);
  font-size: 9px;
}
.eco-shortcut-amount {
  color: #c9d8c1;
  text-align: right;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 560;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.eco-shortcut-amount > small {
  display: block;
  margin-top: 3px;
  color: var(--eco-muted) !important;
  font-size: 8px;
  font-weight: 450;
}
@keyframes ecoLuckyFloat {
  0%, 100% {
    transform: translateY(0) rotate(-3deg);
  }
  50% {
    transform: translateY(-4px) rotate(-1deg);
  }
}
@keyframes ecoTeaserBorderFlow {
  to {
    --eco-teaser-flow-angle: 360deg;
  }
}
@media (max-width: 980px) {
  .eco-teaser-copy {
    display: block;
  }
  .eco-teaser-copy strong {
    display: block;
  }
  .eco-teaser-copy > span {
    margin-top: 4px;
    font-size: 11px;
  }
  .eco-teaser-pool {
    margin-right: 3px;
  }
  .eco-lucky-panel {
    padding: 21px;
  }
  .eco-lucky-panel > .eco-lucky {
    gap: 22px;
  }
  .eco-lucky-results {
    padding: 18px;
  }
  .eco-lucky-panel .eco-card-amount strong {
    font-size: 32px;
  }
  .eco-lucky-panel .eco-lucky-number-stage .lucky-slot-row {
    --lucky-digit-width: 23px;
    --lucky-digit-height: 31px;
    --lucky-digit-gap: 4px;
  }
  .eco-lucky-panel .eco-lucky-number-stage .lucky-slot-digit {
    font-size: 18px;
  }
  .eco-desktop-hint {
    display: inline;
  }
  .eco-mobile-hint {
    display: none;
  }
  .eco-fund-track {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 0;
    overflow: visible;
    overflow-anchor: auto;
    overscroll-behavior-x: auto;
    scroll-snap-type: none;
    scroll-padding-inline: 0;
    scrollbar-width: none;
    touch-action: pan-y pinch-zoom !important;
    cursor: default;
    user-select: auto;
    -webkit-user-select: auto;
  }
  .eco-fund-track::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  .eco-fund-track:focus-visible {
    outline: 2px solid var(--eco-accent);
    outline-offset: -3px;
  }
  .eco-fund-track.is-dragging,
  .eco-fund-track:active {
    cursor: default;
  }
  .eco-fund-track.is-dragging {
    scroll-snap-type: none;
    scroll-behavior: auto;
  }
  .eco-fund-track .eco-card {
    min-width: 0;
    min-height: 150px;
    border-right: 0 !important;
    border-bottom: 1px solid var(--eco-line) !important;
    scroll-snap-align: none;
    cursor: default;
  }
  .eco-fund-track .eco-card:not([data-eco-clone]):nth-child(odd) {
    border-right: 1px solid var(--eco-line) !important;
  }
  .eco-fund-track .eco-card:not([data-eco-clone]):nth-child(n + 5) {
    border-bottom: 0 !important;
  }
  .eco-fund-track .eco-card * {
    cursor: inherit;
  }
  .eco-fund-track .eco-card[data-eco-clone] {
    display: none !important;
  }
  .eco-fund-track:has(> [data-eco-clone]) {
    scroll-snap-type: none;
    scroll-behavior: auto;
    will-change: auto;
  }
  .eco-fund-track:has(> [data-eco-clone]) .eco-card,
  .eco-fund-track:has(> [data-eco-clone]) .eco-card:last-child {
    scroll-snap-align: none;
  }
}
@media (max-width: 640px) {
  .nova-burn-ledger {
    padding: 2px 13px;
    border-radius: 9px;
  }
  .nova-burn-list-head {
    display: none;
  }
  .nova-burn-row {
    min-height: 78px;
    padding: 11px 0;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px 10px;
  }
  .nova-burn-row > div {
    grid-column: 1;
    grid-row: 1;
  }
  .nova-burn-row > div > span {
    margin-bottom: 3px;
    font-size: 9px;
  }
  .nova-burn-row > div > strong {
    font-size: 13px;
  }
  .nova-burn-row > time {
    grid-column: 2;
    grid-row: 1;
    max-width: 108px;
    font-size: 9px;
    white-space: normal;
  }
  .nova-burn-row > code,
  .nova-burn-row > .nova-burn-hash,
  .nova-burn-row > a,
  .nova-burn-row > .nova-burn-copy {
    grid-column: 1 / -1;
    grid-row: 2;
    font-size: 10px;
  }
  .nova-burn-copy {
    min-height: 36px;
    padding: 6px 7px;
    border-color: rgba(153, 184, 132, .11);
    background: rgba(130, 170, 107, .02);
  }
  .nova-burn-copy code {
    font-size: 10px;
  }
  .nova-burn-more {
    min-height: 42px;
    font-size: 12px;
  }
  .eco-teaser-copy:has(.lucky-slot-row) {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }
  .eco-teaser-copy:has(.lucky-slot-row) > span:not(.lucky-slot-row) {
    display: none;
  }
  .eco-teaser-copy .lucky-slot-row {
    --lucky-digit-width: 16px;
    --lucky-digit-height: 23px;
    --lucky-digit-gap: 3px;
  }
  .eco-teaser-copy .lucky-slot-digit {
    font-size: 14px;
    border-radius: 3px;
  }
  .eco-lucky-tickets {
    margin-top: 8px;
    padding-top: 8px;
    gap: 6px;
  }
  .eco-lucky-ticket {
    min-height: 24px;
    padding: 5px 7px;
    font-size: 10px;
  }
  .workspace[data-active-view="ecosystem"] .main {
    min-height: calc(100vh - 59px);
  }
  #ecosystemOverview {
    margin-top: 0;
  }
  .ecosystem-teaser {
    margin-top: 13px;
  }
  .eco-teaser-link {
    min-height: 68px;
    padding: 12px 13px;
    gap: 10px;
    border-radius: 10px;
  }
  .eco-teaser-main {
    gap: 10px;
  }
  .eco-teaser-results {
    padding-top: 10px;
  }
  .eco-teaser-result-heading {
    margin-bottom: 8px;
    gap: 4px 8px;
  }
  .eco-teaser-result-heading > strong {
    font-size: 11px;
  }
  .eco-teaser-result-heading > span {
    font-size: 9px;
  }
  .eco-teaser-winning-ticket {
    padding: 7px;
  }
  .eco-ticket-digit {
    min-height: 27px;
    font-size: 15px;
  }
  .eco-teaser-winning-ticket .eco-ticket-digit {
    min-height: 24px;
    font-size: 15px;
  }
  .eco-teaser-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    font-size: 18px;
  }
  .eco-teaser-icon svg {
    width: 18px;
    height: 18px;
  }
  .eco-teaser-copy strong {
    font-size: 13px;
    line-height: 1.4;
  }
  .eco-teaser-copy > span {
    margin-top: 3px;
    font-size: 10px;
    gap: 5px;
  }
  .eco-teaser-copy > .eco-teaser-rule {
    max-width: 170px;
    font-size: 10px;
    line-height: 1.5;
  }
  .eco-teaser-pool {
    display: none;
  }
  .eco-teaser-countdown {
    min-width: 79px;
    padding-left: 10px;
  }
  .eco-teaser-countdown > small,
  .eco-teaser-countdown > span {
    font-size: 9px;
  }
  .eco-teaser-countdown > strong {
    margin-top: 4px;
    font-size: 15px;
    letter-spacing: 0;
  }
  .eco-teaser-arrow {
    width: 17px;
    height: 20px;
    margin-left: 0;
    font-size: 16px;
  }
  .eco-teaser-arrow svg {
    width: 16px;
    height: 16px;
  }
  #poolEcosystemSummary,
  #teamEcosystemSummary {
    margin-top: 20px;
  }
  .eco-section-head {
    position: relative;
    display: block;
  }
  .eco-section-head h2,
  .eco-section-head h3 {
    font-size: 21px;
  }
  .eco-source {
    max-width: none;
    margin-top: 7px;
    padding-right: 0;
    font-size: 10px;
  }
  .eco-head-meta {
    position: absolute;
    top: 0;
    right: 0;
    gap: 8px;
  }
  .eco-allocation {
    display: none;
  }
  .eco-overview-grid {
    gap: 18px;
  }
  .eco-lucky-panel {
    padding: 17px 15px;
    border-radius: 13px;
  }
  .eco-lucky-panel > .eco-lucky {
    grid-template-columns: minmax(0, 1fr);
    gap: 17px;
  }
  .eco-lucky-panel::before,
  .eco-fund-list::before {
    left: 16px;
    width: 48px;
  }
  .eco-lucky-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 0 13px;
  }
  .eco-lucky-panel .eco-card-main {
    display: contents;
  }
  .eco-lucky-panel .eco-card-top {
    grid-column: 1 / -1;
  }
  .eco-lucky-panel .eco-card-top h4 {
    font-size: 15px;
  }
  .eco-lucky-panel .eco-card-label {
    grid-column: 1;
    grid-row: 2;
    margin-top: 17px;
    font-size: 11px;
  }
  .eco-lucky-panel .eco-card-amount {
    grid-column: 1;
    grid-row: 3;
    margin-top: 5px;
  }
  .eco-lucky-panel .eco-card-amount strong {
    font-size: 28px;
  }
  .eco-lucky-panel .eco-countdown {
    grid-column: 2;
    grid-row: 2 / 4;
    margin-top: 0;
    padding-bottom: 2px;
    text-align: right;
  }
  .eco-lucky-panel .eco-countdown > small {
    font-size: 9px;
  }
  .eco-lucky-panel .eco-countdown > strong {
    font-size: 17px;
  }
  .eco-lucky-panel .eco-lucky-stats {
    grid-column: 1 / -1;
    margin-top: 14px;
    padding: 10px 0 0;
  }
  .eco-lucky-panel .eco-card-foot {
    grid-column: 1 / -1;
    padding-top: 9px;
  }
  .eco-lucky-results {
    min-width: 0;
    padding: 14px 12px;
    display: block;
  }
  .eco-lucky-panel .eco-lucky-number-stage > div:first-child {
    display: block;
    margin-bottom: 7px;
  }
  .eco-lucky-panel .eco-lucky-number-stage > div:first-child > span,
  .eco-lucky-panel .eco-lucky-number-stage > div:first-child > strong {
    display: block;
    font-size: 10px;
  }
  .eco-lucky-panel .eco-lucky-number-stage > div:first-child > strong {
    margin-top: 4px;
  }
  .eco-lucky-panel .eco-lucky-number-stage .lucky-slot-row {
    --lucky-digit-width: 16px;
    --lucky-digit-height: 25px;
    --lucky-digit-gap: 3px;
  }
  .eco-lucky-panel .eco-lucky-number-stage .lucky-slot-digit {
    font-size: 15px;
  }
  .eco-lucky-panel .eco-lucky-number-stage > time {
    font-size: 9px;
  }
  .eco-lucky-panel .eco-lucky-history {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .eco-lucky-panel .eco-lucky-history-row {
    min-height: 0;
    padding: 12px;
    gap: 10px;
  }
  .eco-lucky-panel .eco-lucky-history-row > span {
    font-size: 9px;
  }
  .eco-lucky-panel .eco-lucky-history-row > strong {
    font-size: 10px;
    letter-spacing: .03em;
  }
  .eco-lucky-panel .eco-lucky-history-row > time {
    display: none;
  }
  .eco-lucky-history-more {
    min-height: 44px;
    margin-top: 10px;
    padding: 10px;
    font-size: 12px;
  }
  .eco-draw-head {
    gap: 10px;
  }
  .eco-draw-head h3,
  .eco-history-heading h3 {
    font-size: 14px;
  }
  .eco-draw-head time {
    font-size: 10px;
  }
  .eco-draw-badge {
    padding: 3px 6px;
    font-size: 10px;
  }
  .eco-draw-payout {
    margin: 15px 0;
    gap: 12px;
  }
  .eco-draw-payout > div + div {
    padding-left: 12px;
  }
  .eco-draw-payout span {
    font-size: 10px;
  }
  .eco-draw-payout strong {
    font-size: 22px;
  }
  .eco-draw-payout > div:last-child > strong {
    display: block;
    font-size: 17px;
    letter-spacing: -.035em;
    white-space: nowrap;
  }
  .eco-draw-payout small {
    display: block;
    margin: 2px 0 0;
    font-size: 10px;
  }
  .eco-winning-ticket {
    padding: 8px;
  }
  .eco-winning-ticket code {
    font-size: 12px;
  }
  .eco-history-heading {
    margin-bottom: 10px;
  }
  .eco-history-period {
    gap: 4px 8px;
  }
  .eco-history-period > strong {
    flex-basis: 100%;
    margin-left: 0;
    font-size: 11px;
  }
  .eco-history-winners {
    gap: 6px;
  }
  .eco-history-winners > code {
    padding: 7px;
    font-size: 12px;
  }
  .eco-history-share {
    font-size: 10px;
  }
  .eco-lucky-ticket-groups {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
  .eco-lucky-ticket-groups .eco-lucky-tickets {
    padding: 12px;
    gap: 9px;
  }
  .eco-lucky-ticket-groups .eco-lucky-ticket-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    overflow: visible;
  }
  .eco-lucky-ticket-groups .eco-lucky-ticket {
    min-height: 44px;
    padding: 7px 6px;
    font-size: 10px;
    letter-spacing: .02em;
  }
  .eco-lucky-ticket-groups .eco-lucky-ticket > small {
    font-size: 9px;
  }
  .eco-lucky-ticket-more {
    min-height: 42px;
    font-size: 11px;
  }
  .eco-fund-list {
    border-radius: 13px;
  }
  .eco-countdown {
    margin-top: 12px;
  }
  .eco-countdown > strong {
    font-size: 17px;
  }
  .eco-lucky-stats {
    margin-top: 12px;
    padding: 10px 0;
  }
  .eco-lucky-stats > div + div {
    padding-left: 9px;
  }
  .eco-lucky-stats span {
    font-size: 8px;
  }
  .eco-lucky-stats strong {
    font-size: 12px;
  }
  .eco-list-head {
    min-height: 50px;
    padding: 0 16px;
  }
  .eco-list-head small {
    font-size: 8px;
  }
  .eco-fund-track {
    grid-template-columns: minmax(0, 1fr);
  }
  .eco-fund-track .eco-card {
    width: 100%;
    min-width: 0;
    min-height: 136px;
    padding: 13px 15px 11px;
    grid-template-columns: 19px minmax(0, 1fr);
    gap: 0 7px;
    border-right: 0 !important;
    border-bottom: 1px solid var(--eco-line) !important;
  }
  .eco-fund-track .eco-card:not([data-eco-clone]):nth-child(odd) {
    border-right: 0 !important;
  }
  .eco-fund-track .eco-card:not([data-eco-clone]):nth-child(n + 5) {
    border-bottom: 1px solid var(--eco-line) !important;
  }
  .eco-fund-track .eco-card:not([data-eco-clone]):nth-child(6) {
    border-bottom: 0 !important;
  }
  .eco-fund-track .eco-index {
    padding-top: 8px;
    font-size: 9px;
  }
  .eco-icon {
    width: 27px;
    height: 27px;
    border-radius: 7px;
  }
  .eco-icon svg {
    width: 15px;
    height: 15px;
  }
  .eco-card-top h4 {
    font-size: 13px;
  }
  .eco-card-values {
    margin-top: 10px;
    grid-template-columns: minmax(0, 1fr) minmax(86px, auto);
    gap: 8px;
  }
  .eco-card-amount strong {
    font-size: 20px;
  }
  .eco-card-values .eco-card-secondary {
    padding-left: 9px;
  }
  .eco-card-foot {
    padding-top: 7px;
  }
  .eco-detail-head {
    gap: 10px;
  }
  .eco-detail-head {
    position: relative;
    display: block;
  }
  .eco-detail-head > .eco-demo {
    position: absolute;
    top: 0;
    right: 0;
  }
  .eco-detail-title h2 {
    font-size: 25px;
  }
  .eco-detail-title p {
    font-size: 12px;
  }
  .eco-detail-hero {
    margin-top: 18px;
    padding: 20px 17px;
    flex-wrap: wrap;
    gap: 16px;
    border-radius: 12px 12px 0 0;
  }
  .eco-detail-hero::before {
    left: 18px;
  }
  .eco-detail-hero > div:first-child {
    width: 100%;
  }
  .eco-detail-amount strong {
    font-size: 32px;
  }
  .eco-cycle {
    width: 100%;
    min-width: 0;
    padding: 13px 0 0;
    border-top: 1px solid var(--eco-line);
    border-left: 0;
    text-align: left;
  }
  .eco-cycle .eco-countdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .eco-cycle .eco-countdown strong {
    margin: 0;
    font-size: 18px;
  }
  .eco-detail-stats {
    grid-template-columns: minmax(0, 1fr);
    border-radius: 0 0 12px 12px;
  }
  .eco-stat {
    padding: 13px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .eco-stat + .eco-stat {
    border-top: 1px solid var(--eco-line);
    border-left: 0;
  }
  .eco-stat > strong {
    margin: 0;
    font-size: 18px;
  }
  .eco-weights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .eco-weights > span + span {
    border-left: 0;
  }
  .eco-weights > span:nth-child(even) {
    border-left: 1px solid var(--eco-line);
  }
  .eco-weights > span:nth-child(n + 3) {
    border-top: 1px solid var(--eco-line);
  }
  .eco-note {
    font-size: 10px;
  }
  .eco-ledger {
    margin-top: 20px;
    padding: 17px 14px;
    border-radius: 12px;
  }
  .eco-ledger-head {
    gap: 13px;
  }
  .eco-filters {
    width: 100%;
  }
  .eco-filters button {
    min-height: 40px;
    min-width: 0;
    flex: 1;
  }
  .eco-ledger-summary {
    margin-top: 13px;
    padding: 10px 2px;
  }
  .eco-ledger-row {
    min-height: 78px;
    grid-template-columns: 27px minmax(0, 1fr) minmax(82px, auto);
    gap: 9px;
  }
  .eco-ledger-icon {
    width: 25px;
    height: 25px;
  }
  .eco-ledger-info strong {
    font-size: 12px;
  }
  .eco-ledger-value strong {
    font-size: 12px;
  }
  .eco-shortcuts {
    padding: 16px 14px;
  }
  .eco-shortcuts-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .eco-shortcuts-grid > .eco-shortcut + .eco-shortcut {
    border-top: 1px solid var(--eco-line);
    border-left: 0;
  }
  .eco-shortcut {
    min-height: 72px;
    padding: 11px;
  }
  .eco-lucky-stats span,
  .eco-lucky-stats strong small,
  .eco-list-head small,
  .eco-card-amount small,
  .eco-card-secondary small,
  .eco-ledger-info span,
  .eco-ledger-info small,
  .eco-ledger-value span,
  .eco-shortcut > div > strong small,
  .eco-shortcut > div > span,
  .eco-shortcut-amount > small {
    font-size: 10px;
  }
}
@media (max-width: 359px) {
  .eco-teaser-copy .lucky-slot-row {
    --lucky-digit-width: 14px;
    --lucky-digit-height: 22px;
    --lucky-digit-gap: 2px;
  }
  .eco-teaser-copy .lucky-slot-digit {
    font-size: 13px;
  }
  .eco-lucky-panel .eco-card-amount strong {
    font-size: 25px;
  }
  .eco-lucky-panel .eco-countdown > strong {
    font-size: 15px;
  }
  .eco-lucky-panel .eco-lucky-number-stage .lucky-slot-row {
    --lucky-digit-width: 14px;
    --lucky-digit-height: 24px;
    --lucky-digit-gap: 2px;
  }
  .eco-lucky-panel .eco-lucky-number-stage .lucky-slot-digit {
    font-size: 14px;
  }
  .eco-lucky-results {
    padding: 12px 10px;
  }
  .eco-winning-ticket {
    padding: 9px 7px;
  }
  .eco-lucky-tickets {
    column-gap: 5px;
  }
  .eco-lucky-ticket {
    padding: 5px 6px;
    font-size: 10px;
    letter-spacing: .02em;
  }
  .eco-teaser-link {
    padding: 12px;
    gap: 8px;
  }
  .eco-teaser-main {
    gap: 8px;
  }
  .eco-teaser-icon {
    width: 27px;
    height: 27px;
  }
  .eco-teaser-copy strong {
    font-size: 12px;
  }
  .eco-teaser-countdown {
    min-width: 72px;
    padding-left: 8px;
  }
  .eco-teaser-countdown > strong {
    font-size: 14px;
  }
  .eco-teaser-arrow {
    width: 15px;
  }
  .eco-source {
    max-width: 220px;
  }
  .eco-lucky-stats strong {
    font-size: 11px;
  }
  .eco-card-values {
    grid-template-columns: minmax(0, 1fr) 78px;
  }
  .eco-card-amount strong {
    font-size: 18px;
  }
  .eco-card-secondary > b {
    font-size: 11px;
  }
  .eco-ledger-row {
    grid-template-columns: 25px minmax(0, 1fr);
  }
  .eco-ledger-value {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    text-align: left;
  }
  .eco-ledger-value span {
    margin-top: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .eco-ticket-digit > span {
    animation: none;
    transform: none;
    filter: none;
  }
  .nova-burn-copy,
  .nova-burn-more {
    transition: none;
  }
  .lucky-slot-row.is-spinning .lucky-slot-digit > span,
  .lucky-slot-row[data-state="spinning"] .lucky-slot-digit > span,
  .lucky-slot-digit.is-spinning > span,
  .lucky-slot-row.is-locked .lucky-slot-digit,
  .lucky-slot-row[data-state="settled"] .lucky-slot-digit,
  .lucky-slot-digit.is-locked {
    animation: none;
    transform: none;
    filter: none;
    will-change: auto;
  }
  .eco-fund-track:has(> [data-eco-clone]) {
    will-change: auto;
    scroll-behavior: auto;
  }
  .eco-lucky-art > svg {
    animation: none;
  }
  .eco-teaser-link::before {
    animation: none;
  }
  .eco-shortcut,
  .eco-teaser-link {
    transition: none;
  }
}
/* Component layer: assets-nova */
.nova-asset-card {
  min-width: 0;
  padding: 20px 24px;
  border: 1px solid var(--fm-border);
  border-radius: 12px;
  background: #101610;
}
.nova-asset-head {
  display: flex;
  align-items: center;
  gap: 11px;
}
.nova-asset-mark {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: none;
  border: 1px solid #466537;
  border-radius: 10px;
  background: #182417;
  color: var(--fm-accent);
  font-size: 24px;
  font-weight: 750;
}
.nova-asset-head h3 {
  color: #eef3e9;
  font-size: 15px;
  font-weight: 620;
}
.nova-asset-source {
  display: block;
  margin-top: 4px;
  color: #a4b29a;
  font-size: 11px;
}
#novaWithdrawButton {
  min-width: 84px;
  min-height: 44px;
  margin-left: auto;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #527441;
  border-radius: 999px;
  background: #1b2a17;
  color: #d9ffc6;
  font-size: 12px;
  font-weight: 600;
}
#novaWithdrawButton svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}
#novaWithdrawButton:hover {
  background: #263a1f;
  border-color: #8cbd70;
}
#novaWithdrawButton:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.nova-asset-balances {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 16px;
  align-items: end;
}
.nova-asset-balances > div {
  min-width: 0;
}
.nova-asset-balances > div > span {
  display: block;
  color: #a4b29a;
  font-size: 11px;
}
.nova-asset-balances strong {
  display: block;
  margin-top: 5px;
  color: #f0f5e9;
  font-size: 27px;
  line-height: 1.3;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.nova-asset-balances strong small {
  margin-left: 3px;
  color: #a4b29a;
  font-size: 11px;
  font-weight: 500;
}
.nova-asset-balances .nova-asset-pending {
  padding-left: 18px;
  border-left: 1px solid var(--fm-border-soft);
}
.nova-asset-pending strong {
  color: #c5d0bc;
  font-size: 19px;
}
#assetTransactionFilters {
  flex-shrink: 0;
}
#assetTransactionFilters button {
  min-width: 52px;
  min-height: 40px;
  padding: 0 12px;
  font-size: 11px;
}
#assetTransactionList > div[hidden] {
  display: none;
}
#assetTransactionList > div {
  grid-template-columns: 32px minmax(0, 1fr) auto 100px;
  min-height: 66px;
  gap: 12px;
}
#assetTransactionList > div > span {
  min-width: 0;
}
#assetTransactionList b, #assetTransactionList strong {
  font-size: 12px;
}
#assetTransactionList small {
  color: #a0ae96;
  font-size: 10px;
  overflow-wrap: anywhere;
}
#assetTransactionList strong {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
#assetTransactionList em {
  display: block;
  color: #a0ae96;
  text-align: right;
  font-size: 10px;
}
#assetTransactionList [data-asset-token="NOVA"] > i {
  border-color: #425736;
  background: #1b2816;
  color: #bde59e;
}
#novaWithdrawModal .nova-withdraw-modal {
  padding: 26px;
}
#novaWithdrawModal .section-label {
  font-size: 11px;
}
#novaWithdrawModal h3 {
  font-size: 23px;
  font-weight: 600;
}
.nova-withdraw-available {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-top: 24px;
}
.nova-withdraw-available > span {
  color: #a4b29a;
  font-size: 12px;
}
.nova-withdraw-available strong {
  color: #ebf4e3;
  font-size: 18px;
  font-weight: 600;
}
.nova-withdraw-available small {
  color: #a4b29a;
  font-size: 11px;
  font-weight: 500;
}
#novaWithdrawModal .field {
  margin-top: 24px;
}
#novaWithdrawModal .field > span {
  color: #c7d2bf;
  font-size: 12px;
}
#novaWithdrawModal .amount-input {
  height: 54px;
}
#novaWithdrawModal .amount-input input {
  width: 0;
  font-size: 18px;
}
#novaWithdrawModal .amount-input input::placeholder {
  color: #819078;
  font-size: 13px;
}
#novaWithdrawModal .amount-input em {
  color: #bdcab3;
  font-size: 11px;
}
#novaWithdrawMax {
  min-height: 40px;
  min-width: 44px;
  font-size: 11px;
  color: #cbedb6;
}
#novaWithdrawError {
  min-height: 18px;
  margin: 7px 0 0;
  color: var(--fm-danger);
  font-size: 11px;
  line-height: 18px;
}
.nova-withdraw-destination {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin: 10px 0 22px;
  color: #a4b29a;
  font-size: 11px;
}
#novaWithdrawWallet {
  color: #d2dec8;
  text-align: right;
  overflow-wrap: anywhere;
}
#confirmNovaWithdraw {
  min-height: 46px;
  font-size: 13px;
}
#novaWithdrawModal .nova-withdraw-note {
  margin-top: 12px;
  color: #a4b29a;
  text-align: center;
  font-size: 10px;
}
#novaWithdrawModal .modal-close {
  width: 40px;
  height: 40px;
}
#novaWithdrawButton:focus-visible, #novaWithdrawModal button:focus-visible, #assetTransactionFilters button:focus-visible {
  outline: 2px solid #b9e59b;
  outline-offset: 3px;
}
#novaWithdrawModal .amount-input:focus-within {
  outline: 1px solid #a3cb88;
  outline-offset: 2px;
}
#novaWithdrawAmount:focus-visible {
  outline: none !important;
}
@media (max-width: 640px) {
  .nova-asset-card {
    padding: 17px;
  }
  .nova-asset-balances {
    gap: 10px;
    margin-top: 16px;
  }
  .nova-asset-balances strong {
    font-size: 25px;
  }
  .nova-asset-pending strong {
    font-size: 17px;
  }
  .nova-asset-balances .nova-asset-pending {
    padding-left: 12px;
  }
  #assetTransactionFilters {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  #assetTransactionFilters button {
    min-width: 0;
    padding: 0 8px;
  }
  #assetTransactionList > div {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 3px 9px;
    padding: 13px 0;
  }
  #assetTransactionList > div > i {
    width: 28px;
    height: 28px;
    grid-column: 1;
    grid-row: 1 / 3;
  }
  #assetTransactionList > div > span {
    grid-column: 2;
    grid-row: 1 / 3;
  }
  #assetTransactionList strong {
    grid-column: 3;
    grid-row: 1;
    align-self: end;
  }
  #assetTransactionList em {
    grid-column: 3;
    grid-row: 2;
    align-self: start;
  }
  #novaWithdrawModal .nova-withdraw-modal {
    padding: 24px 20px;
  }
}
@media (max-width: 374px) {
  .nova-asset-card {
    padding: 15px;
  }
  .nova-asset-head {
    gap: 8px;
  }
  .nova-asset-head h3 {
    font-size: 14px;
  }
  #novaWithdrawButton {
    min-width: 72px;
    padding: 0 11px;
  }
  .nova-asset-balances strong {
    font-size: 22px;
  }
  .nova-asset-pending strong {
    font-size: 16px;
  }
  .nova-asset-balances strong small {
    font-size: 10px;
  }
  #assetTransactionList > div {
    column-gap: 7px;
  }
  #assetTransactionList b, #assetTransactionList strong {
    font-size: 11px;
  }
}
/* Component layer: violet-home */
html.violet-home {
  --fm-bg: #130a24;
  --fm-aside: #170d2a;
  --fm-surface: rgba(33,20,51,.74);
  --fm-surface-solid: #211433;
  --fm-surface-raised: #2a1c3e;
  --fm-inset: #170e27;
  --fm-border: rgba(221,185,255,.18);
  --fm-border-soft: rgba(221,185,255,.10);
  --fm-border-strong: rgba(225,192,255,.32);
  --fm-accent: #dc94ff;
  --fm-accent-mid: #c574ef;
  --fm-accent-soft: #f8d4ff;
  --fm-gold: #ffb98d;
  --fm-text: #fff8ff;
  --fm-text-secondary: #d6c7e3;
  --fm-muted: #a99db9;
  --fm-danger: #ff9297;
  --fm-warning: #ffc185;
  --green: #6ed9b5;
  --red: #ff9297;
  background: #130a24 !important;
}
html.violet-home body {
  background: #130a24 !important;
  font-family: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #fff8ff;
}
html.violet-home .app-shell {
  width: 100%;
  margin: 0;
  min-height: 100vh;
  border: 0;
  border-radius: 0;
  background: #130a24 !important;
  box-shadow: none;
}
html.violet-home .workspace {
  background: transparent;
}
html.violet-home .main {
  position: relative;
  isolation: isolate;
  padding: 36px clamp(24px,4.4vw,76px) 64px;
  background: linear-gradient(154deg,#241034 0,#1c122a 39%,#151c2a 72%,#101e29 100%) !important;
}
html.violet-home .main::before {
  position: absolute;
  inset: 0 !important;
  z-index: -1;
  background: radial-gradient(ellipse at 2% 6%,rgba(143,42,192,.18),transparent 37%),radial-gradient(ellipse at 98% 34%,rgba(35,118,143,.12),transparent 43%) !important;
  opacity: 1 !important;
  filter: none !important;
  mask-image: none;
  animation: violetAmbient 18s ease-in-out infinite alternate !important;
}
html.violet-home .view[data-page="overview"] {
  position: relative;
  z-index: 1;
  width: min(1180px,100%);
  margin: 0 auto;
}
html.violet-home .view[data-page="overview"] .reveal {
  animation: violetEnter .8s cubic-bezier(.2,.7,.25,1) both;
  filter: none;
}
html.violet-home .view[data-page="overview"] .delay-1 {
  animation-delay: .08s;
}
html.violet-home .view[data-page="overview"] .delay-2 {
  animation-delay: .16s;
}
html.violet-home .view[data-page="overview"] .page-head {
  display: flex;
  padding: 0;
  margin: 0 0 12px;
  border: 0;
  background: none;
}
html.violet-home .view[data-page="overview"] .page-head .kicker {
  min-height: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: #c6a5de;
  font-size: 11px;
  letter-spacing: .16em;
}
html.violet-home .view[data-page="overview"] .page-head h2 {
  margin-top: 10px;
  color: #fff7ff;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -.045em;
}
html.violet-home .view[data-page="overview"] .page-head p {
  max-width: 600px;
  margin-top: 10px;
  color: #beaccf;
  font-size: 12px;
  line-height: 1.7;
}
html.violet-home .violet-atmosphere {
  position: fixed;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .85;
}
.violet-atmosphere {
  display: none;
}
html.violet-home .violet-atmosphere {
  display: block;
}
html.violet-home .sidebar {
  height: 100vh;
  padding-top: 26px;
  background: linear-gradient(180deg,#211132,#130d22) !important;
  border-color: rgba(218,178,255,.12) !important;
  box-shadow: none !important;
}
html.violet-home .brand-word {
  font-size: 20px;
  color: #fff5ff;
}
html.violet-home .brand-mark::before {
  border-color: #e792d8;
  box-shadow: 0 0 12px rgba(222,85,222,.3);
}
html.violet-home .brand-mark::after {
  border-color: #ffbe90;
}
html.violet-home .brand-mark i {
  background: #fff0ff;
  box-shadow: 0 0 8px #d992f0;
}
html.violet-home .nav-item {
  color: #ad9bbb;
  font-size: 13px;
  height: 48px;
}
html.violet-home .nav-item.active {
  color: #fff0ff;
  border-color: rgba(229,162,255,.25);
  background: linear-gradient(100deg,rgba(166,49,196,.23),rgba(103,57,174,.12));
  box-shadow: inset 0 1px rgba(255,224,255,.07);
}
html.violet-home .nav-item::before {
  background: #f9a1e2;
  box-shadow: 0 0 14px #bb56cb;
}
html.violet-home .admin-entry,html.violet-home .biometric-mini {
  background: rgba(160,101,186,.06);
  border-color: rgba(218,178,255,.12);
}
html.violet-home .fingerprint-mini {
  background: #2d1d3e;
  border-color: #775586;
  box-shadow: none;
}
html.violet-home .topbar {
  height: 76px;
  background: rgba(24,12,39,.91) !important;
  border-color: rgba(233,193,255,.12) !important;
  box-shadow: none !important;
}
html.violet-home .topbar::after {
  background: linear-gradient(90deg,transparent,rgba(216,98,196,.45),rgba(119,105,241,.3),transparent);
}
html.violet-home .topbar-context h1 {
  font-size: 16px;
  color: #eee1f5;
}
html.violet-home .topbar-status {
  margin-left: 22px;
}
html.violet-home .topbar-status>span {
  background: transparent;
  border-color: rgba(218,178,255,.12);
  color: #b09fc1;
}
html.violet-home .topbar-status>span:first-child {
  color: #83d7bf;
}
html.violet-home .topbar .eyebrow {
  color: #a98ebf;
}
html.violet-home .network-pill,html.violet-home .icon-button,html.violet-home .community-link {
  background: rgba(161,99,183,.09);
  border-color: rgba(229,179,250,.18);
  color: #dccbe5;
  box-shadow: none;
}
html.violet-home .wallet-button {
  height: 40px;
  border: 1px solid rgba(255,203,201,.36) !important;
  border-radius: 10px !important;
  color: #ffece8 !important;
  background: linear-gradient(110deg,rgba(239,131,77,.2),rgba(195,62,184,.23)) !important;
  box-shadow: inset 0 1px rgba(255,241,224,.10) !important;
  font-size: 12px;
}
html.violet-home .wallet-button:hover {
  background: linear-gradient(110deg,#fa9a52,#d659b9,#9942d7) !important;
  color: white !important;
}
html.violet-home .market-ticker {
  height: 38px;
  background: rgba(20,10,35,.95);
  border-color: rgba(209,173,235,.12) !important;
}
html.violet-home .market-ticker::after {
  background: linear-gradient(90deg,transparent,rgba(225,112,223,.2),transparent) !important;
}
html.violet-home .ticker-source,html.violet-home .ticker-item {
  border-color: rgba(209,173,235,.12) !important;
}
html.violet-home .ticker-source,html.violet-home .ticker-item b,html.violet-home .freshness {
  color: #b5a2c5;
}
html.violet-home .ticker-item {
  font-size: 11px;
}
html.violet-home .app-progress {
  background: linear-gradient(90deg,#ffac68,#f17bce,#ad5df4);
  box-shadow: 0 0 14px #a34dce;
}
html.violet-home .mobile-nav {
  background: rgba(23,13,37,.91) !important;
  border-color: rgba(236,196,255,.18) !important;
  box-shadow: 0 -12px 40px rgba(9,4,20,.3) !important;
  backdrop-filter: blur(24px);
}
html.violet-home .mobile-nav button {
  color: #ac99bd !important;
}
html.violet-home .mobile-nav button.active {
  color: #f6d4ff !important;
}
html.violet-home .mobile-nav button.active::before {
  background: linear-gradient(90deg,#ffb879,#e677d5,#aa5de0) !important;
  box-shadow: 0 0 14px rgba(215,108,225,.6) !important;
}
html.violet-home .mobile-nav button.active::after {
  background: radial-gradient(ellipse at top,rgba(200,98,237,.21),transparent 70%) !important;
}
html.violet-home .lumen-float-gem {
  border-color: #f8d1f4;
  background: linear-gradient(145deg,#ffd5a9,#eb8cdb 46%,#a850e1);
  box-shadow: inset 0 1px rgba(255,255,255,.5),0 8px 22px rgba(164,63,199,.3);
}
html.violet-home .lumen-float-toggle::after {
  background: linear-gradient(145deg,#93457f,#612b85);
}
html.violet-home .lumen-float-face {
  color: #391343;
}
html.violet-home .lumen-float-menu {
  background: #221532;
  border-color: rgba(241,200,255,.25);
}
html.violet-home .lumen-menu-item {
  color: #e8d4f3;
}
html.violet-home .ai-principal-card {
  min-height: 405px;
  margin: 0 0 32px;
  padding: 38px 0 34px;
  overflow: visible;
  isolation: isolate;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
html.violet-home .ai-principal-card::before {
  inset: 0;
  opacity: .6;
  background: radial-gradient(ellipse at 72% 43%,rgba(201,65,225,.16),transparent 55%);
  mask-image: none;
}
html.violet-home .ai-principal-card::after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg,rgba(247,174,205,.38),rgba(143,118,194,.14),transparent);
  opacity: 1;
}
html.violet-home .ai-flow-field {
  inset: -35px -20px 0;
  overflow: hidden;
  background: none;
}
html.violet-home .ai-flow-field>i {
  width: 23%;
  top: -180%;
  height: 360%;
  filter: blur(22px);
  background: linear-gradient(90deg,transparent,rgba(240,93,186,.11),rgba(163,73,238,.05),transparent);
  animation: violetLightFlow 16s ease-in-out infinite;
}
html.violet-home .ai-flow-field>i:nth-child(2) {
  opacity: .6;
  animation-delay: -6s;
  animation-duration: 21s;
}
html.violet-home .ai-flow-field>i:nth-child(3) {
  opacity: .5;
  animation-delay: -11s;
  animation-duration: 18s;
}
html.violet-home .ai-principal-main {
  width: 100%;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  text-align: left;
  align-items: center;
}
html.violet-home .ai-principal-copy {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  padding: 20px 0 0;
  text-align: left;
}
html.violet-home .ai-principal-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
html.violet-home .ai-principal-title>span {
  color: #dbbedf;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .05em;
}
html.violet-home .ai-principal-title>em {
  color: #bfb1dc;
  font-size: 11px;
  gap: 7px;
}
html.violet-home .ai-principal-title>em>i {
  width: 5px;
  height: 5px;
  background: #eea2ed;
  box-shadow: 0 0 10px #cd7fff;
  animation: violetStatus 3s ease-in-out infinite;
}
html.violet-home .ai-principal-copy>strong {
  display: block;
  margin-top: 20px;
  color: #fff5fb;
  font-size: clamp(40px,4.6vw,64px);
  font-weight: 580;
  letter-spacing: -.055em;
  line-height: 1.08;
  text-shadow: 0 4px 28px rgba(168,50,181,.16);
}
html.violet-home .ai-principal-copy>small {
  max-width: none;
  margin-top: 14px;
  color: #b09cbc;
  font-size: 12px;
  line-height: 1.5;
}
html.violet-home .ai-principal-actions {
  justify-content: flex-start;
  margin-top: 28px;
  gap: 10px;
}
html.violet-home .ai-principal-action {
  height: 46px;
  min-width: 120px;
  padding: 0 20px;
  border: 1px solid rgba(224,162,249,.3);
  border-radius: 10px;
  background: rgba(176,104,204,.09);
  color: #f2dff8;
  font-size: 13px;
  font-weight: 600;
  box-shadow: inset 0 1px rgba(255,237,255,.04);
}
html.violet-home .ai-principal-action.primary {
  position: relative;
  overflow: hidden;
  border-color: rgba(255,203,177,.3);
  background: linear-gradient(106deg,#ffad50 0,#f569a4 46%,#b829f1 100%);
  color: #fff;
  box-shadow: 0 8px 30px -8px rgba(191,49,192,.46),inset 0 1px rgba(255,239,217,.35);
}
html.violet-home .ai-principal-action.primary::after {
  content: "";
  position: absolute;
  inset: -100% auto -100% -70%;
  width: 40%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform: skewX(-20deg);
  animation: violetButtonGlint 8s ease-in-out infinite;
  pointer-events: none;
}
html.violet-home .ai-principal-action:hover {
  transform: translateY(-2px);
  border-color: #eac1f4;
  background: rgba(185,105,223,.17);
}
html.violet-home .ai-principal-action.primary:hover {
  background: linear-gradient(106deg,#ffba70,#ff7abc 46%,#ca55fa);
}
html.violet-home .ai-settlement-countdown {
  top: 8px;
  right: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: right;
}
html.violet-home .ai-settlement-countdown span {
  color: #b5a1c4;
  font-size: 11px;
  font-weight: 500;
}
html.violet-home .ai-settlement-countdown strong {
  margin: 0;
  color: #f0c5db;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: .035em;
}
html.violet-home .ai-chip-stage {
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  width: 340px;
  min-width: 0;
  height: 310px;
  perspective: 800px;
}
html.violet-home .ai-chip-stage::before {
  inset: 40px;
  border-radius: 50%;
  background: radial-gradient(circle,#913cbd,rgba(215,67,168,.3) 40%,transparent 72%);
  opacity: .35;
  filter: blur(26px);
  animation: violetCoreBreathe 9s ease-in-out infinite alternate;
}
html.violet-home .violet-core-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  pointer-events: none;
}
html.violet-home .violet-core-glass {
  position: absolute;
  inset: 21%;
  transform: none;
  animation: violetCoreFloat 8s ease-in-out infinite;
  filter: drop-shadow(0 16px 25px rgba(18,5,35,.3));
}
html.violet-home .ai-orb-badge {
  z-index: 2;
  width: 104px;
  height: 86px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  animation: violetCoreFloat 8s ease-in-out infinite;
}
html.violet-home .ai-orb-badge::before,html.violet-home .ai-orb-badge::after {
  content: none;
}
html.violet-home .ai-orb-badge>span {
  color: #fff4fd;
  font-size: 28px;
  font-weight: 550;
  letter-spacing: -.035em;
  text-shadow: 0 1px 1px #bb69d9,0 0 22px rgba(235,163,255,.5);
}
html.violet-home .ai-orb-badge>small {
  margin-top: 5px;
  color: #eed2f2 !important;
  font-family: inherit;
  font-size: 14px;
  letter-spacing: .08em;
  font-weight: 450;
}
html.violet-home .ai-orb-badge>i {
  bottom: 0;
  width: 19px;
  height: 2px;
  background: #ffbdae;
  box-shadow: 0 0 10px #f5a0dd;
  animation: violetStatus 3s ease-in-out infinite;
}
html.violet-home :is(button,a):focus-visible {
  outline: 2px solid #f7b5e5;
  outline-offset: 4px;
}
html.violet-home .modal-layer .modal {
  background: #20142e !important;
  border-color: rgba(238,191,255,.3) !important;
  color: #f7ebff;
}
html.violet-home .modal-layer input {
  background: #180e25;
  border-color: #654674;
  color: #fff3ff;
}
html.violet-home .modal-layer .button.primary {
  background: linear-gradient(110deg,#f7a454,#e667ba,#a241e5) !important;
  border-color: #db94d6;
  color: white !important;
  box-shadow: none !important;
}
@keyframes violetAmbient {
  from {
    transform: translate3d(0,0,0);
  }
  to {
    transform: translate3d(0,24px,0);
  }
}
@keyframes violetEnter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes violetCoreFloat {
  0%,100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -8px;
  }
}
@keyframes violetCoreBreathe {
  from {
    opacity: .27;
    scale: .94;
  }
  to {
    opacity: .45;
    scale: 1.05;
  }
}
@keyframes violetStatus {
  0%,100% {
    opacity: .5;
  }
  50% {
    opacity: 1;
  }
}
@keyframes violetLightFlow {
  0% {
    left: -60%;
    transform: rotate(30deg);
  }
  100% {
    left: 130%;
    transform: rotate(30deg);
  }
}
@keyframes violetButtonGlint {
  0%,55% {
    left: -70%;
  }
  82%,100% {
    left: 130%;
  }
}
@media (max-width:1200px) {
  html.violet-home .topbar-status {
    display: none;
  }
  html.violet-home .ai-chip-stage {
    width: 300px;
    height: 290px;
  }
}
@media (max-width:1024px) {
  html.violet-home .main {
    padding: 28px 28px 110px;
  }
  html.violet-home .topbar {
    height: 64px;
  }
}
@media (max-width:640px) {
  html.violet-home .topbar {
    height: 64px;
    padding: 0 18px;
  }
  html.violet-home .mobile-brand {
    gap: 8px;
  }
  html.violet-home .mobile-brand b {
    font-size: 16px;
    font-weight: 600;
  }
  html.violet-home .market-ticker {
    height: 34px;
  }
  html.violet-home .ticker-source {
    padding: 0 10px;
    font-size: 9px;
  }
  html.violet-home .ticker-item {
    padding: 0 12px;
    font-size: 10px;
  }
  html.violet-home .main {
    padding: 24px 18px 110px;
  }
  html.violet-home .view[data-page="overview"] .page-head {
    margin: 0;
  }
  html.violet-home .view[data-page="overview"] .page-head .kicker {
    font-size: 10px;
  }
  html.violet-home .view[data-page="overview"] .page-head h2 {
    margin-top: 6px;
    font-size: 25px;
  }
  html.violet-home .view[data-page="overview"] .page-head p {
    margin-top: 7px;
    font-size: 11px;
    line-height: 1.65;
  }
  html.violet-home .ai-principal-card {
    min-height: 0;
    margin: 0 0 24px;
    padding: 43px 0 37px;
  }
  html.violet-home .ai-principal-main {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
  }
  html.violet-home .ai-chip-stage {
    width: 278px;
    height: 234px;
    margin-top: -12px;
  }
  html.violet-home .violet-core-glass {
    inset: 17% 23%;
  }
  html.violet-home .ai-orb-badge {
    width: 84px;
    height: 72px;
  }
  html.violet-home .ai-orb-badge>span {
    font-size: 23px;
  }
  html.violet-home .ai-orb-badge>small {
    margin-top: 4px;
    font-size: 12px;
    letter-spacing: .055em;
  }
  html.violet-home .ai-principal-copy {
    padding: 0;
    margin-top: -8px;
    text-align: center;
  }
  html.violet-home .ai-principal-title {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }
  html.violet-home .ai-principal-title>span {
    font-size: 12px;
  }
  html.violet-home .ai-principal-title>em {
    margin-top: 0;
    font-size: 10px;
  }
  html.violet-home .ai-principal-copy>strong {
    margin-top: 13px;
    font-size: 43px;
  }
  html.violet-home .ai-principal-copy>small {
    margin-top: 10px;
    font-size: 11px;
  }
  html.violet-home .ai-principal-actions {
    margin-top: 23px;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 10px;
  }
  html.violet-home .ai-principal-action {
    height: 46px;
    min-width: 0;
    padding: 0 18px;
    font-size: 13px;
  }
  html.violet-home .ai-settlement-countdown {
    top: 18px;
    right: 0;
    gap: 8px;
  }
  html.violet-home .ai-settlement-countdown span {
    font-size: 10px;
  }
  html.violet-home .ai-settlement-countdown strong {
    font-size: 14px;
  }
  html.violet-home .community-link {
    width: 30px;
    height: 32px;
  }
  html.violet-home .wallet-button {
    min-width: 104px;
    height: 36px;
    padding: 0 10px;
    font-size: 11px;
  }
  html.violet-home .mobile-nav {
    left: 12px;
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    width: auto;
    border: 1px solid rgba(236,196,255,.18) !important;
    border-radius: 18px !important;
    overflow: hidden;
  }
  html.violet-home .mobile-nav button {
    min-height: 54px;
    border-radius: 12px;
  }
  html.violet-home .mobile-nav button.active {
    background: rgba(209,132,231,.09) !important;
  }
  html.violet-home .mobile-nav span {
    font-size: 10px;
  }
}
@media (max-width:374px) {
  html.violet-home .main {
    padding-inline: 14px;
  }
  html.violet-home .topbar {
    padding-inline: 14px;
  }
  html.violet-home .mobile-brand b {
    display: none;
  }
  html.violet-home .ai-principal-copy>strong {
    font-size: 39px;
  }
  html.violet-home .ai-chip-stage {
    width: 254px;
    height: 228px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.violet-home .main::before,html.violet-home .view[data-page="overview"] *,html.violet-home .view[data-page="overview"] *::before,html.violet-home .view[data-page="overview"] *::after {
    animation: none !important;
    transition: none !important;
  }
  html.violet-home .view[data-page="overview"] .reveal {
    opacity: 1;
    transform: none;
  }
}
html.violet-home .ai-principal-action {
  height: 44px;
  border-radius: 7px;
  background: rgba(176,104,204,.04);
  font-weight: 550;
  box-shadow: none;
}
html.violet-home .ai-principal-action.primary {
  background: linear-gradient(106deg,#f5a257,#ea6b9f 48%,#bc49db);
  box-shadow: inset 0 1px rgba(255,239,217,.25);
}
html.violet-home .ai-principal-action.primary::after {
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
  animation-duration: 4.8s;
}
/* Component layer: violet-sections */
html.violet-home .view[data-page="overview"] .ecosystem-teaser {
  margin-top: 24px;
}
html.violet-home .view[data-page="overview"] .eco-teaser-link {
  padding: 25px 28px;
  gap: 25px;
  border: 1px solid rgba(199, 187, 221, .15);
  border-radius: 12px;
  background: #171420;
  color: #faf5ff;
  box-shadow: 0 18px 38px -30px rgba(3, 0, 13, .5);
  backdrop-filter: none;
  transition: border-color .25s ease, box-shadow .25s ease;
}
html.violet-home .view[data-page="overview"] .eco-teaser-link::before {
  inset: 0 auto auto -26%;
  width: 26%;
  height: 1px;
  padding: 0;
  border-radius: 0;
  background: linear-gradient(90deg, transparent, rgba(187, 175, 219, .3) 35%, #e5dbfa 72%, #fbf7ff 83%, transparent);
  mask: none;
  -webkit-mask: none;
  filter: none;
  animation: violetSectionEdgeFlow 5s linear infinite;
}
html.violet-home .view[data-page="overview"] .eco-teaser-link:hover {
  border-color: rgba(215, 205, 235, .28);
  box-shadow: 0 18px 38px -30px rgba(3, 0, 13, .5);
}
html.violet-home .view[data-page="overview"] .eco-teaser-main {
  display: grid;
  grid-template-columns: 48px minmax(190px, 1fr) auto auto 36px;
  align-items: center;
  gap: 18px;
}
html.violet-home .view[data-page="overview"] .eco-teaser-icon {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(213, 205, 231, .17);
  border-radius: 8px;
  background: #211c2b;
  color: #d3c9e6;
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .eco-teaser-icon svg {
  width: 26px;
  height: 26px;
}
html.violet-home .view[data-page="overview"] .eco-teaser-copy strong {
  color: #fff8ff;
  font-size: 20px;
  font-weight: 620;
  letter-spacing: -.025em;
}
html.violet-home .view[data-page="overview"] .eco-teaser-copy > .eco-teaser-rule {
  margin-top: 6px;
  color: #c7b5d6;
  font-size: 13px;
  line-height: 1.55;
}
html.violet-home .view[data-page="overview"] .eco-teaser-pool {
  display: block;
  margin-right: 10px;
}
html.violet-home .view[data-page="overview"] .eco-teaser-pool > small,
html.violet-home .view[data-page="overview"] .eco-teaser-countdown > small,
html.violet-home .view[data-page="overview"] .eco-teaser-pool > span,
html.violet-home .view[data-page="overview"] .eco-teaser-countdown > span {
  color: #c5b5d5 !important;
  font-size: 12px;
}
html.violet-home .view[data-page="overview"] .eco-teaser-pool > strong {
  margin-top: 7px;
  color: #fff9f2;
  font-size: 25px;
  font-weight: 590;
  letter-spacing: -.025em;
}
html.violet-home .view[data-page="overview"] .eco-teaser-pool > strong small {
  color: #cbbcd6 !important;
  font-size: 12px;
  font-weight: 450;
}
html.violet-home .view[data-page="overview"] .eco-teaser-countdown {
  min-width: 132px;
  padding-left: 26px;
  border-left-color: rgba(221, 195, 248, .17);
}
html.violet-home .view[data-page="overview"] .eco-teaser-countdown > strong {
  margin-top: 7px;
  color: #eee9f5;
  font-size: 23px;
  font-weight: 530;
  letter-spacing: .01em;
}
html.violet-home .view[data-page="overview"] .eco-teaser-arrow {
  width: 36px;
  height: 36px;
  margin-left: 0;
  border: 1px solid rgba(210, 201, 230, .17);
  border-radius: 8px;
  background: transparent;
  color: #f7e5ff;
}
html.violet-home .view[data-page="overview"] .eco-teaser-results {
  padding-top: 20px;
  border-top-color: rgba(225, 190, 247, .14);
}
html.violet-home .view[data-page="overview"] .eco-teaser-result-heading {
  margin-bottom: 14px;
  gap: 7px 15px;
}
html.violet-home .view[data-page="overview"] .eco-teaser-result-heading > strong {
  color: #f0e5f7;
  font-size: 14px;
  font-weight: 550;
}
html.violet-home .view[data-page="overview"] .eco-teaser-result-heading > span {
  color: #b8a5c9;
  font-size: 12px;
}
html.violet-home .view[data-page="overview"] .eco-teaser-winners {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
}
html.violet-home .view[data-page="overview"] .eco-teaser-winning-ticket {
  padding: 9px 7px;
  border: 1px solid rgba(195, 185, 217, .1);
  border-radius: 6px;
  background: #13121b;
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .eco-teaser-winning-ticket > code {
  color: #f7eafd;
}
html.violet-home .view[data-page="overview"] .eco-teaser-winning-ticket .eco-ticket-digits {
  gap: 3px;
}
html.violet-home .view[data-page="overview"] .eco-teaser-winning-ticket .eco-ticket-digit {
  min-height: 32px;
  border: 1px solid rgba(211, 201, 230, .11);
  border-radius: 3px;
  background: #201d2a;
  color: #fbf1ff;
  font-size: 16px;
  font-weight: 520;
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .eco-ticket-digit::after {
  background: rgba(14, 8, 28, .15);
}
html.violet-home .view[data-page="overview"] .stats-grid {
  margin-top: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border: 0;
  background: transparent;
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .nova-market-card {
  min-width: 0;
  min-height: 0;
  padding: 28px;
  display: grid;
  grid-template-columns: minmax(330px, .92fr) minmax(0, 1.18fr);
  gap: 26px;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(199, 187, 221, .15) !important;
  border-radius: 12px !important;
  background: #14141f !important;
  box-shadow: 0 18px 38px -30px rgba(3, 0, 13, .5) !important;
  backdrop-filter: none;
}
html.violet-home .view[data-page="overview"] .nova-market-card:hover {
  border-color: rgba(215, 205, 235, .28) !important;
  box-shadow: 0 18px 38px -30px rgba(3, 0, 13, .5) !important;
}
html.violet-home .view[data-page="overview"] .nova-market-card::after {
  inset: 0 auto auto -26%;
  width: 26%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(166, 183, 218, .3) 35%, #d1dff8 72%, #f2f7ff 83%, transparent);
  box-shadow: none;
  pointer-events: none;
  animation: violetSectionEdgeFlow 5s -2.1s linear infinite;
}
html.violet-home .view[data-page="overview"] .nova-market-summary {
  padding: 6px 0;
  justify-content: center;
}
html.violet-home .view[data-page="overview"] .nova-market-heading {
  flex-wrap: wrap;
  gap: 18px;
}
html.violet-home .view[data-page="overview"] .nova-market-heading > div {
  gap: 12px;
}
html.violet-home .view[data-page="overview"] .nova-market-heading i {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(213, 205, 231, .17);
  border-radius: 50%;
  background: #252030;
  color: #f9e6ff;
  font-size: 23px;
  font-weight: 570;
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .nova-market-heading strong {
  color: #fff9ff;
  font-size: 20px;
  font-weight: 600;
}
html.violet-home .view[data-page="overview"] .nova-market-heading small {
  margin-top: 5px;
  color: #bba9cc !important;
  font-size: 12px;
}
html.violet-home .view[data-page="overview"] .nova-market-heading > .nova-heading-price {
  gap: 8px;
  align-items: flex-end;
  flex-direction: column;
}
html.violet-home .view[data-page="overview"] .nova-heading-price > strong {
  font-size: 29px;
  line-height: 1.15;
  font-weight: 570;
  letter-spacing: -.035em;
}
html.violet-home .view[data-page="overview"] .nova-heading-price > strong small {
  display: inline;
  margin-right: 4px;
  color: #e5d9ef !important;
  font-size: 16px;
  vertical-align: 3px;
}
html.violet-home .view[data-page="overview"] .nova-heading-price > em {
  padding: 4px 8px;
  border: 1px solid rgba(101, 223, 177, .23);
  background: rgba(88, 213, 159, .08);
  color: #79e1b2 !important;
  font-size: 12px;
  font-weight: 500;
}
html.violet-home .view[data-page="overview"] .nova-market-stats {
  margin-top: 26px;
  padding-top: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 20px;
  border-top: 1px solid rgba(221, 197, 246, .13);
  background: transparent;
}
html.violet-home .view[data-page="overview"] .nova-market-stats > div {
  padding: 0 !important;
  border: 0;
  background: transparent;
}
html.violet-home .view[data-page="overview"] .nova-market-stats span {
  color: #bfaed0;
  font-size: 14px;
  line-height: 1.5;
}
html.violet-home .view[data-page="overview"] .nova-market-stats strong {
  margin-top: 10px;
  color: #fff7ff;
  font-size: 23px;
  line-height: 1.25;
  font-weight: 560;
  letter-spacing: -.025em;
}
html.violet-home .view[data-page="overview"] .nova-market-stats small {
  margin-top: 7px;
  color: #c8b5d8 !important;
  font-size: 12px;
}
html.violet-home .view[data-page="overview"] .nova-market-stats .nova-burn-value {
  flex-wrap: wrap;
  gap: 5px;
}
html.violet-home .view[data-page="overview"] .nova-burn-value > b {
  color: #fff7ff;
  font-size: 23px;
  font-weight: 560;
}
html.violet-home .view[data-page="overview"] .nova-burn-value > em {
  color: #ac9abd !important;
  font-size: 12px;
  font-weight: 450;
}
html.violet-home .view[data-page="overview"] .nova-subscribe-stat > strong > small {
  display: inline;
  margin-left: 4px;
  color: #c8b5d8 !important;
  font-size: 12px;
}
html.violet-home .view[data-page="overview"] .nova-laser-progress {
  height: 3px;
  margin-top: 16px;
  background: rgba(194, 184, 218, .12);
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .nova-laser-progress > b {
  min-width: 5px;
  background: #b7a7cf;
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .nova-laser-progress::after {
  background: linear-gradient(90deg, transparent, rgba(215, 209, 233, .08), rgba(239, 234, 248, .46), transparent);
  animation-duration: 5.5s;
}
html.violet-home .view[data-page="overview"] .nova-subscribe-actions {
  margin-top: 16px;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 7px;
}
html.violet-home .view[data-page="overview"] .nova-subscribe-actions > button {
  height: 39px;
  padding: 0 9px;
  border: 1px solid rgba(211, 201, 230, .2);
  border-radius: 7px;
  background: #211d2b;
  color: #f0dffb;
  font-size: 14px;
  font-weight: 550;
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .nova-subscribe-actions > button.primary {
  border: 1px solid rgba(252, 175, 225, .42);
  background: linear-gradient(112deg, #ff9d45 -16%, #f9579c 46%, #a629f2 112%);
  color: #fff;
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .nova-kline-panel {
  min-width: 0;
  padding: 18px 19px 15px;
  border: 1px solid rgba(190, 193, 216, .1);
  border-radius: 8px;
  background: #10131d;
}
html.violet-home .view[data-page="overview"] .nova-kline-panel > header span {
  color: #c8b6d8;
  font-size: 13px;
}
html.violet-home .view[data-page="overview"] .nova-kline-panel > header strong {
  color: #f6ecff;
  font-size: 15px;
  font-weight: 550;
}
html.violet-home .view[data-page="overview"] .nova-kline-panel > header em {
  color: #b3a5c8 !important;
  font-size: 12px;
}
html.violet-home .view[data-page="overview"] .nova-kline-chart {
  height: auto;
  min-height: 164px;
  max-height: none;
  margin-top: 17px;
}
html.violet-home .view[data-page="overview"] .nova-kline-grid {
  stroke: rgba(201, 178, 233, .12);
}
html.violet-home .view[data-page="overview"] .nova-kline-current {
  stroke: rgba(113, 226, 176, .5);
  animation-duration: 4s;
}
html.violet-home .view[data-page="overview"] .nova-kline-candles .bull path {
  stroke: #6bdeb0;
}
html.violet-home .view[data-page="overview"] .nova-kline-candles .bull rect {
  fill: #6bdeb0;
}
html.violet-home .view[data-page="overview"] .nova-kline-candles .bear path {
  stroke: #f47798;
}
html.violet-home .view[data-page="overview"] .nova-kline-candles .bear rect {
  fill: #f47798;
}
html.violet-home .view[data-page="overview"] .nova-kline-axis text {
  fill: #ae9ec2;
  font-size: 16px;
  font-weight: 450;
}
html.violet-home .view[data-page="overview"] .nova-kline-axis .is-current {
  fill: #83e6ba;
}
html.violet-home .view[data-page="overview"] .nova-kline-panel > footer {
  margin-top: 9px;
  color: #ac9bbc;
  font-size: 12px;
  font-weight: 450;
}
html.violet-home .view[data-page="overview"] .nova-burn-ledger {
  position: relative;
  z-index: 2;
  grid-column: 1 / -1;
  padding: 2px 20px 5px;
  border: 1px solid rgba(190, 193, 216, .1);
  border-radius: 8px;
  background: #10131d;
  color: #f3eafa;
}
html.violet-home .view[data-page="overview"] .nova-burn-list-head {
  min-height: 45px;
  grid-template-columns: minmax(150px, .75fr) minmax(0, 1.2fr) minmax(184px, auto);
  border-color: rgba(211, 188, 240, .13);
  color: #b6a4c8;
  font-size: 12px;
}
html.violet-home .view[data-page="overview"] .nova-burn-row {
  min-height: 72px;
  padding: 13px 0;
  grid-template-columns: minmax(150px, .75fr) minmax(0, 1.2fr) minmax(184px, auto);
  border-color: rgba(211, 188, 240, .1);
}
html.violet-home .view[data-page="overview"] .nova-burn-row > div > span {
  color: #b4a1c6;
  font-size: 12px;
}
html.violet-home .view[data-page="overview"] .nova-burn-row > div > strong {
  color: #f6edf9;
  font-size: 17px;
  font-weight: 520;
}
html.violet-home .view[data-page="overview"] .nova-burn-row > div > strong > small {
  color: #b9a6cb !important;
  font-size: 12px;
}
html.violet-home .view[data-page="overview"] .nova-burn-row code {
  color: #d4c4e2;
  font-size: 13px;
}
html.violet-home .view[data-page="overview"] .nova-burn-row > time {
  color: #b9a9ca;
  font-size: 12px;
  font-weight: 450;
}
html.violet-home .view[data-page="overview"] .nova-burn-copy {
  min-height: 40px;
  border-radius: 8px;
  color: #dbc7eb;
}
html.violet-home .view[data-page="overview"] .nova-burn-copy > span:last-child {
  color: #c5a7df;
  font-size: 12px;
}
html.violet-home .view[data-page="overview"] .nova-burn-copy:hover {
  border-color: rgba(204, 159, 240, .22);
  background: rgba(191, 132, 235, .07);
}
html.violet-home .view[data-page="overview"] .nova-burn-copy[data-state="copied"] {
  border-color: rgba(119, 219, 177, .25);
  background: rgba(95, 204, 159, .075);
  color: #97e1bd;
}
html.violet-home .view[data-page="overview"] .nova-burn-copy[data-state="copied"] > span:last-child {
  color: #97e1bd;
}
html.violet-home .view[data-page="overview"] .nova-burn-more {
  min-height: 47px;
  border-color: rgba(211, 188, 240, .12);
  color: #dfc8ee;
  font-size: 14px;
}
html.violet-home .view[data-page="overview"] .nova-burn-more:hover {
  background: rgba(190, 139, 231, .06);
  color: #fff3ff;
}
html.violet-home .view[data-page="overview"] .nova-community-section {
  margin-top: 24px;
}
html.violet-home .view[data-page="overview"] .nova-whitepaper-cta {
  position: relative;
  min-height: 70px;
  padding: 0 28px;
  overflow: hidden;
  border: 1px solid rgba(255, 192, 226, .43);
  border-radius: 9px;
  background: linear-gradient(108deg, #ff9d45 -15%, #f9579c 42%, #a629f2 108%);
  color: #fff;
  font-size: 18px;
  font-weight: 570;
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .nova-whitepaper-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: none;
}
html.violet-home .view[data-page="overview"] .nova-whitepaper-cta i {
  font-size: 25px;
}
html.violet-home .view[data-page="overview"] .nova-whitepaper-cta:hover,
html.violet-home .view[data-page="overview"] .nova-whitepaper-cta:focus-visible {
  filter: brightness(1.06);
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .nova-community-heading {
  margin-top: 35px;
  gap: 12px;
}
html.violet-home .view[data-page="overview"] .nova-community-heading h3 {
  color: #fbf4ff;
  font-size: 20px;
  font-weight: 540;
  letter-spacing: -.025em;
}
html.violet-home .view[data-page="overview"] .nova-community-orbit {
  width: 28px;
  height: 28px;
  border-color: rgba(211, 203, 229, .26);
  background: transparent;
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .nova-community-orbit::before {
  background: #b8abc9;
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .nova-community-orbit i {
  border-color: rgba(211, 203, 229, .26);
}
html.violet-home .view[data-page="overview"] .nova-community-card {
  min-height: 146px;
  margin-top: 18px;
  padding: 30px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  border: 1px solid rgba(199, 187, 221, .13);
  border-radius: 12px;
  background: #13131d;
  box-shadow: none;
  backdrop-filter: none;
}
html.violet-home .view[data-page="overview"] .nova-community-card::before {
  content: none;
}
html.violet-home .view[data-page="overview"] .nova-community-brand {
  justify-content: flex-start;
  gap: 15px;
}
html.violet-home .view[data-page="overview"] .nova-community-brand > strong {
  color: #fff7ff;
  font-size: 28px;
  font-weight: 540;
  letter-spacing: -.035em;
}
html.violet-home .view[data-page="overview"] .nova-community-brand .brand-mark {
  width: 43px;
  height: 43px;
  border-color: rgba(223, 214, 239, .45);
  background: #292232;
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .nova-community-brand .brand-mark::before,
html.violet-home .view[data-page="overview"] .nova-community-brand .brand-mark::after,
html.violet-home .view[data-page="overview"] .nova-community-brand .brand-mark i {
  border-color: rgba(244, 213, 255, .65);
  box-shadow: none;
  animation: none;
}
html.violet-home .view[data-page="overview"] .nova-community-channels {
  margin-top: 0;
  gap: 20px;
  align-items: center;
}
html.violet-home .view[data-page="overview"] .nova-community-channel {
  min-width: 148px;
  padding: 12px 18px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 12px;
  border: 1px solid rgba(201, 193, 220, .13);
  border-radius: 8px;
  background: #1b1925;
  color: #e2d0ef;
}
html.violet-home .view[data-page="overview"] .nova-community-channel > span {
  width: 38px;
  height: 38px;
  border: 0;
  background: transparent;
  color: #f8eaff;
  box-shadow: none;
}
html.violet-home .view[data-page="overview"] .nova-community-channel svg {
  width: 19px;
  height: 19px;
}
html.violet-home .view[data-page="overview"] .nova-community-channel b {
  margin-top: 0;
  font-size: 14px;
  font-weight: 500;
}
html.violet-home .view[data-page="overview"] .nova-community-channel:hover,
html.violet-home .view[data-page="overview"] .nova-community-channel:focus-visible {
  border-color: rgba(221, 211, 237, .28);
  color: #fff1ff;
  background: #23202f;
}
html.violet-home .view[data-page="overview"] .nova-community-channel:hover > span,
html.violet-home .view[data-page="overview"] .nova-community-channel:focus-visible > span {
  background: transparent;
  box-shadow: none;
}
@keyframes violetSectionEdgeFlow {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(485%);
  }
}
html.violet-home.violet-motion-paused .view[data-page="overview"] .eco-teaser-link::before,
html.violet-home.violet-motion-paused .view[data-page="overview"] .nova-market-card::after,
html.violet-home.violet-motion-paused .view[data-page="overview"] .nova-laser-progress::after,
html.violet-home.violet-motion-paused .view[data-page="overview"] .nova-kline-current {
  animation-play-state: paused !important;
}
@media (prefers-reduced-motion: reduce) {
  html.violet-home .view[data-page="overview"] .eco-teaser-link::before,
  html.violet-home .view[data-page="overview"] .nova-market-card::after {
    animation: none !important;
    transform: translateX(230%);
  }
  html.violet-home .view[data-page="overview"] .nova-laser-progress::after,
  html.violet-home .view[data-page="overview"] .nova-kline-current {
    animation: none !important;
  }
}
html.violet-home .view[data-page="overview"] .eco-teaser-link:focus-visible,
html.violet-home .view[data-page="overview"] .nova-burn-link:focus-visible,
html.violet-home .view[data-page="overview"] .nova-subscribe-actions > button:focus-visible,
html.violet-home .view[data-page="overview"] .nova-burn-copy:focus-visible,
html.violet-home .view[data-page="overview"] .nova-burn-more:focus-visible,
html.violet-home .view[data-page="overview"] .nova-whitepaper-cta:focus-visible,
html.violet-home .view[data-page="overview"] .nova-community-channel:focus-visible {
  outline: 2px solid #efbaff;
  outline-offset: 4px;
}
@media (max-width: 1199px) {
  html.violet-home .view[data-page="overview"] .eco-teaser-winners {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-main {
    grid-template-columns: 44px minmax(155px, 1fr) auto auto 32px;
    gap: 12px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-copy strong {
    font-size: 18px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-countdown {
    min-width: 120px;
    padding-left: 18px;
  }
  html.violet-home .view[data-page="overview"] .nova-market-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }
  html.violet-home .view[data-page="overview"] .nova-market-stats {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 32px;
  }
  html.violet-home .view[data-page="overview"] .nova-kline-chart {
    max-height: 245px;
  }
  html.violet-home .view[data-page="overview"] .nova-community-card {
    padding: 28px;
    gap: 24px;
  }
  html.violet-home .view[data-page="overview"] .nova-community-channels {
    gap: 12px;
  }
  html.violet-home .view[data-page="overview"] .nova-community-channel {
    min-width: 125px;
    padding: 10px 12px;
  }
}
@media (max-width: 760px) {
  html.violet-home .view[data-page="overview"] .ecosystem-teaser,
  html.violet-home .view[data-page="overview"] .stats-grid,
  html.violet-home .view[data-page="overview"] .nova-community-section {
    margin-top: 20px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-link {
    padding: 20px;
    gap: 20px;
    border-radius: 11px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-main {
    grid-template-columns: 42px minmax(0, 1fr) 34px;
    gap: 16px 12px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-icon {
    width: 42px;
    height: 42px;
    border-radius: 8px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-copy {
    grid-column: 2;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-copy strong {
    font-size: 18px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-copy > .eco-teaser-rule {
    margin-top: 4px;
    font-size: 12px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-arrow {
    grid-column: 3;
    grid-row: 1;
    width: 32px;
    height: 32px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-pool {
    grid-column: 1 / 3;
    grid-row: 2;
    margin: 0;
    text-align: left;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-pool > strong {
    font-size: 24px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-countdown {
    grid-column: 2 / 4;
    grid-row: 2;
    min-width: 0;
    width: max-content;
    justify-self: end;
    padding-left: 18px;
    border: 0;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-countdown > strong {
    font-size: 22px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-results {
    padding-top: 18px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-result-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 13px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-winners {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-winning-ticket {
    padding: 9px 7px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-winning-ticket .eco-ticket-digit {
    min-height: 32px;
    font-size: 17px;
  }
  html.violet-home .view[data-page="overview"] .nova-market-card {
    padding: 21px;
    gap: 21px;
    border-radius: 11px !important;
  }
  html.violet-home .view[data-page="overview"] .nova-market-summary {
    padding: 0;
  }
  html.violet-home .view[data-page="overview"] .nova-market-heading {
    gap: 12px;
  }
  html.violet-home .view[data-page="overview"] .nova-market-heading i {
    width: 43px;
    height: 43px;
  }
  html.violet-home .view[data-page="overview"] .nova-market-heading strong {
    font-size: 19px;
  }
  html.violet-home .view[data-page="overview"] .nova-heading-price > strong {
    font-size: 27px;
  }
  html.violet-home .view[data-page="overview"] .nova-market-stats {
    margin-top: 23px;
    padding-top: 19px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
  }
  html.violet-home .view[data-page="overview"] .nova-burn-value > b,
  html.violet-home .view[data-page="overview"] .nova-market-stats strong {
    font-size: 22px;
  }
  html.violet-home .view[data-page="overview"] .nova-subscribe-actions {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
  }
  html.violet-home .view[data-page="overview"] .nova-subscribe-actions > button {
    height: 37px;
    font-size: 14px;
  }
  html.violet-home .view[data-page="overview"] .nova-kline-panel {
    padding: 16px 13px 14px;
    border-radius: 7px;
  }
  html.violet-home .view[data-page="overview"] .nova-kline-panel > header > div {
    gap: 8px;
  }
  html.violet-home .view[data-page="overview"] .nova-kline-panel > header span {
    font-size: 12px;
  }
  html.violet-home .view[data-page="overview"] .nova-kline-chart {
    min-height: 100px;
    margin-top: 12px;
  }
  html.violet-home .view[data-page="overview"] .nova-kline-grid,
  html.violet-home .view[data-page="overview"] .nova-kline-current,
  html.violet-home .view[data-page="overview"] .nova-kline-candles {
    transform: scaleX(.84);
    transform-origin: 0 50%;
  }
  html.violet-home .view[data-page="overview"] .nova-kline-axis {
    transform: translateX(-82px);
  }
  html.violet-home .view[data-page="overview"] .nova-kline-axis text {
    font-size: 25px;
  }
  html.violet-home .view[data-page="overview"] .nova-kline-axis text:first-child {
    transform: translateY(-9px);
  }
  html.violet-home .view[data-page="overview"] .nova-kline-axis text:nth-child(3) {
    transform: translateY(12px);
  }
  html.violet-home .view[data-page="overview"] .nova-kline-axis text:nth-child(4) {
    transform: translateY(6px);
  }
  html.violet-home .view[data-page="overview"] .nova-burn-ledger {
    padding: 0 14px 3px;
    border-radius: 7px;
  }
  html.violet-home .view[data-page="overview"] .nova-burn-list-head {
    display: none;
  }
  html.violet-home .view[data-page="overview"] .nova-burn-row {
    min-height: 101px;
    padding: 15px 0 11px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px 10px;
  }
  html.violet-home .view[data-page="overview"] .nova-burn-row > div {
    grid-column: 1;
    grid-row: 1;
  }
  html.violet-home .view[data-page="overview"] .nova-burn-row > time {
    grid-column: 2;
    grid-row: 1;
    max-width: 114px;
    font-size: 12px;
    line-height: 1.7;
    white-space: normal;
  }
  html.violet-home .view[data-page="overview"] .nova-burn-copy {
    grid-column: 1 / -1;
    grid-row: 2;
    padding: 6px 8px;
    border-color: rgba(216, 186, 245, .1);
    background: rgba(201, 158, 231, .035);
  }
  html.violet-home .view[data-page="overview"] .nova-burn-row code {
    font-size: 13px;
  }
  html.violet-home .view[data-page="overview"] .nova-whitepaper-cta {
    min-height: 59px;
    border-radius: 8px;
    font-size: 17px;
  }
  html.violet-home .view[data-page="overview"] .nova-community-heading {
    margin-top: 29px;
  }
  html.violet-home .view[data-page="overview"] .nova-community-heading h3 {
    font-size: 18px;
  }
  html.violet-home .view[data-page="overview"] .nova-community-card {
    margin-top: 16px;
    padding: 28px 20px;
    flex-direction: column;
    gap: 26px;
    border-radius: 11px;
  }
  html.violet-home .view[data-page="overview"] .nova-community-brand > strong {
    font-size: 26px;
  }
  html.violet-home .view[data-page="overview"] .nova-community-channels {
    width: 100%;
    gap: 12px;
  }
  html.violet-home .view[data-page="overview"] .nova-community-channel {
    min-width: 0;
    flex: 1;
    padding: 12px 10px;
    justify-content: center;
    gap: 9px;
    border-radius: 7px;
  }
  html.violet-home .view[data-page="overview"] .nova-community-channel > span {
    width: 33px;
    height: 33px;
  }
}
@media (max-width: 420px) {
  html.violet-home .view[data-page="overview"] .eco-teaser-link,
  html.violet-home .view[data-page="overview"] .nova-market-card {
    padding: 18px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-main {
    gap: 17px 10px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-copy strong {
    font-size: 17px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-pool > strong {
    font-size: 22px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-countdown > strong {
    font-size: 20px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-winning-ticket {
    padding: 8px 6px;
  }
  html.violet-home .view[data-page="overview"] .eco-teaser-winning-ticket .eco-ticket-digit {
    font-size: 16px;
  }
  html.violet-home .view[data-page="overview"] .nova-market-heading > div {
    gap: 9px;
  }
  html.violet-home .view[data-page="overview"] .nova-heading-price > strong {
    font-size: 25px;
  }
  html.violet-home .view[data-page="overview"] .nova-market-stats {
    gap: 14px;
  }
  html.violet-home .view[data-page="overview"] .nova-burn-value > b,
  html.violet-home .view[data-page="overview"] .nova-market-stats strong {
    font-size: 21px;
  }
  html.violet-home .view[data-page="overview"] .nova-kline-axis text {
    font-size: 28px;
  }
  html.violet-home .view[data-page="overview"] .nova-community-channel {
    flex-direction: column;
    gap: 10px;
  }
}
html.violet-home .view[data-page="overview"] .eco-teaser-link {
  padding-bottom: 52px;
}
html.violet-home .view[data-page="overview"] .eco-teaser-link > .violet-lucky-flow {
  position: absolute;
  inset: auto 0 6px;
  z-index: 0;
  display: block;
  width: 100%;
  height: 44px;
  pointer-events: none;
}
/* Component layer: violet-float */
#lumenFloat {
  align-items: flex-end;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: none;
  will-change: auto;
}
#lumenFloat:not(.dragging) {
  left: auto !important;
  right: max(8px, env(safe-area-inset-right)) !important;
}
#lumenFloat .lumen-float-toggle {
  animation: none !important;
  transform: none !important;
}
#lumenFloat .lumen-float-gem,
#lumenFloat .lumen-float-toggle::after {
  left: auto;
  animation: none !important;
  transform: rotate(45deg) !important;
  will-change: auto;
}
#lumenFloat .lumen-float-gem {
  right: 11px;
}
#lumenFloat .lumen-float-toggle::after {
  right: 10px;
}
#lumenFloat .lumen-float-menu {
  left: auto;
  right: 8px;
  transform-origin: bottom right;
}
#lumenFloat.menu-below .lumen-float-menu {
  transform-origin: top right;
}
@media (max-width: 640px) {
  #lumenFloat .lumen-float-gem {
    right: 9px;
  }
  #lumenFloat .lumen-float-toggle::after {
    right: 8px;
  }
}
/* Component layer: violet-navigation */
.mobile-nav:not(.violet-top-navigation) {
  display: none !important;
}
.violet-nav-toggle,
html.violet-navigation-ready .mobile-nav.violet-top-navigation {
  display: none;
}
html.violet-navigation-ready {
  --nav-glass-tint: 19, 28, 24;
  --nav-glass-accent: 202, 227, 207;
  --nav-glass-ink: #f1f7f1;
  --nav-glass-muted: #c0cec3;
}
html.violet-home.violet-navigation-ready {
  --nav-glass-tint: 34, 24, 47;
  --nav-glass-accent: 236, 195, 255;
  --nav-glass-ink: #fff5ff;
  --nav-glass-muted: #e3d5eb;
}
.violet-nav-toggle,
.violet-top-navigation,
html.violet-navigation-ready .side-nav {
  --nav-glass-x: 22%;
  --nav-glass-y: 0%;
}
@media (min-width: 1025px) {
  html.violet-navigation-ready .side-nav {
    position: relative;
    padding: 8px;
    border: 1px solid rgba(var(--nav-glass-accent), .18);
    border-top-color: rgba(255, 255, 255, .35);
    border-left-color: rgba(255, 255, 255, .25);
    border-radius: 18px;
    background: radial-gradient(ellipse at var(--nav-glass-x) var(--nav-glass-y), rgba(255, 255, 255, .11), transparent 65%),
      linear-gradient(145deg, rgba(255, 255, 255, .025), rgba(var(--nav-glass-accent), .015) 48%, rgba(255, 255, 255, .065)),
      rgba(var(--nav-glass-tint), .32);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -1px 0 rgba(255, 255, 255, .04), 0 12px 28px rgba(0, 0, 0, .1);
    backdrop-filter: blur(22px) saturate(165%);
    -webkit-backdrop-filter: blur(22px) saturate(165%);
  }
  html.violet-navigation-ready .side-nav .nav-item {
    color: var(--nav-glass-muted);
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
  }
  html.violet-navigation-ready .side-nav .nav-item:hover,
  html.violet-navigation-ready .side-nav .nav-item.active {
    color: var(--nav-glass-ink);
    border-color: rgba(var(--nav-glass-accent), .22);
    background: linear-gradient(115deg, rgba(255, 255, 255, .12), rgba(var(--nav-glass-accent), .055));
    box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 3px 9px rgba(0, 0, 0, .07);
  }
  html.violet-navigation-ready .side-nav .nav-item::before {
    left: -3px;
    width: 2px;
    background: rgba(var(--nav-glass-accent), .9);
    box-shadow: none;
  }
  html.violet-navigation-ready .side-nav .nav-item:focus-visible {
    outline: 2px solid var(--nav-glass-ink);
    outline-offset: 2px;
  }
}
@media (max-width: 1024px) {
  html.violet-navigation-ready .workspace {
    padding-bottom: 0;
  }
  html.violet-navigation-ready .main {
    padding-bottom: calc(28px + env(safe-area-inset-bottom));
  }
  .violet-nav-toggle {
    position: relative;
    isolation: isolate;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--nav-glass-accent), .28);
    border-top-color: rgba(255, 255, 255, .6);
    border-left-color: rgba(255, 255, 255, .4);
    border-radius: 13px;
    background: radial-gradient(ellipse at var(--nav-glass-x) var(--nav-glass-y), rgba(255, 255, 255, .28), transparent 72%),
      linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(var(--nav-glass-accent), .035) 60%, rgba(255, 255, 255, .16)),
      rgba(var(--nav-glass-tint), .25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .23), inset 0 -1px 0 rgba(255, 255, 255, .07), 0 5px 12px rgba(0, 0, 0, .14);
    backdrop-filter: blur(16px) saturate(170%);
    -webkit-backdrop-filter: blur(16px) saturate(170%);
    color: var(--nav-glass-ink);
    cursor: pointer;
  }
  .violet-nav-toggle svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
  }
  .violet-nav-toggle:hover,
  .violet-nav-toggle[aria-expanded="true"] {
    border-color: rgba(var(--nav-glass-accent), .58);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), inset 0 -1px 0 rgba(255, 255, 255, .13), 0 6px 16px rgba(0, 0, 0, .15);
  }
  .violet-nav-toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
  }
  .topbar.violet-navigation-open {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html.violet-navigation-ready .mobile-nav.violet-top-navigation {
    position: absolute;
    inset: calc(100% + 8px) 14px auto auto;
    z-index: 110;
    width: 220px;
    max-width: calc(100vw - 28px);
    height: auto;
    max-height: calc(100dvh - 90px);
    margin: 0;
    padding: 7px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
    overflow: auto;
    border: 1px solid rgba(var(--nav-glass-accent), .28) !important;
    border-top-color: rgba(255, 255, 255, .66) !important;
    border-left-color: rgba(255, 255, 255, .42) !important;
    border-radius: 21px !important;
    background: radial-gradient(ellipse at var(--nav-glass-x) var(--nav-glass-y), rgba(255, 255, 255, .19), transparent 58%),
      linear-gradient(135deg, rgba(255, 255, 255, .085), rgba(var(--nav-glass-accent), .025) 48%, rgba(255, 255, 255, .115)),
      rgba(var(--nav-glass-tint), .48) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .27), inset 0 1px 0 rgba(255, 255, 255, .24), inset 0 -1px 0 rgba(255, 255, 255, .1), inset 1px 0 0 rgba(255, 255, 255, .07) !important;
    backdrop-filter: blur(26px) saturate(180%) brightness(1.12) !important;
    -webkit-backdrop-filter: blur(26px) saturate(180%) brightness(1.12) !important;
    animation: violetNavigationIn .16s ease-out;
  }
  html.violet-navigation-ready .mobile-nav.violet-top-navigation[hidden] {
    display: none;
  }
  html.violet-navigation-ready .mobile-nav.violet-top-navigation::after {
    display: none;
  }
  html.violet-navigation-ready .mobile-nav.violet-top-navigation button {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 0 13px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    border: 1px solid transparent;
    border-radius: 13px !important;
    background: transparent !important;
    color: var(--nav-glass-muted) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    text-align: left;
  }
  html.violet-navigation-ready .mobile-nav.violet-top-navigation button:hover,
  html.violet-navigation-ready .mobile-nav.violet-top-navigation button.active {
    border-color: rgba(var(--nav-glass-accent), .25);
    background: linear-gradient(115deg, rgba(255, 255, 255, .17), rgba(var(--nav-glass-accent), .075)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 3px 9px rgba(0, 0, 0, .06);
    color: var(--nav-glass-ink) !important;
  }
  html.violet-navigation-ready .mobile-nav.violet-top-navigation button::before {
    left: auto;
    right: 13px;
    top: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor !important;
    box-shadow: none !important;
    transform: translateY(-50%);
    opacity: 0;
  }
  html.violet-navigation-ready .mobile-nav.violet-top-navigation button.active::before {
    opacity: .85;
  }
  html.violet-navigation-ready .mobile-nav.violet-top-navigation button::after {
    display: none !important;
  }
  html.violet-navigation-ready .mobile-nav.violet-top-navigation button:focus-visible {
    outline: 1px solid currentColor;
    outline-offset: -3px;
  }
  html.violet-navigation-ready .mobile-nav.violet-top-navigation svg {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 0;
    transform: none;
  }
  html.violet-navigation-ready .mobile-nav.violet-top-navigation span {
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
  }
  html.violet-navigation-ready .violet-top-navigation .violet-nav-community {
    margin: 5px 6px 2px;
    padding-top: 11px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    border-top: 1px solid rgba(193, 207, 184, .14);
  }
  html.violet-navigation-ready .violet-top-navigation .violet-nav-community a {
    width: auto;
    height: 36px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid rgba(193, 207, 184, .14);
    border-radius: 10px;
    color: var(--nav-glass-muted);
    background: rgba(255, 255, 255, .035);
  }
  html.violet-navigation-ready .violet-top-navigation .violet-nav-community a:hover {
    color: var(--nav-glass-ink);
    background: rgba(255, 255, 255, .1);
  }
  html.violet-navigation-ready .violet-top-navigation .violet-nav-community a:focus-visible {
    outline: 2px solid var(--nav-glass-ink);
    outline-offset: 2px;
  }
  html.violet-navigation-ready .violet-top-navigation .violet-nav-community svg {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
  }
  html.violet-navigation-ready .violet-top-navigation .violet-nav-community span {
    display: inline;
    font-size: 10px;
    line-height: 16px;
  }
  html.violet-home.violet-navigation-ready .violet-top-navigation .violet-nav-community,
  html.violet-home.violet-navigation-ready .violet-top-navigation .violet-nav-community a {
    border-color: rgba(230, 195, 245, .15);
  }
}
@keyframes violetNavigationIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  html.violet-navigation-ready .mobile-nav.violet-top-navigation {
    animation: none;
  }
}
/* Component layer: violet-brand */
.lumenova-logo {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
  width: auto;
  height: 40px;
  vertical-align: middle;
}
.lumenova-logo-symbol {
  display: block;
  flex: 0 0 auto;
  width: 15px;
  height: 34px;
}
.lumenova-logo-word {
  display: block;
  flex: 0 0 auto;
  width: 128px;
  height: 12px;
}
.sidebar .brand {
  height: 52px;
  padding: 0;
  margin-bottom: 14px;
}
.nova-community-brand .lumenova-logo {
  height: 58px;
  gap: 13px;
}
.nova-community-brand .lumenova-logo-symbol {
  width: 22px;
  height: 49px;
}
.nova-community-brand .lumenova-logo-word {
  width: 180px;
  height: 17px;
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .sidebar .brand {
    width: 100%;
    height: 56px;
    justify-content: center;
  }
  .sidebar .lumenova-logo-word {
    display: none;
  }
  .sidebar .lumenova-logo-symbol {
    width: 20px;
    height: 44px;
  }
}
@media (max-width: 1024px) {
  .topbar {
    gap: 8px;
  }
  .topbar .mobile-brand {
    flex: 0 1 auto;
    min-width: 0;
    height: 44px;
    margin-right: auto;
  }
  .topbar .topbar-actions {
    flex: 0 0 auto;
    gap: 8px;
  }
  .topbar .wallet-button {
    min-width: 104px;
    padding-inline: 10px;
  }
}
@media (max-width: 374px) {
  html .topbar {
    padding-inline: 12px;
  }
  .topbar .mobile-brand {
    height: 40px;
  }
  .topbar .lumenova-logo {
    gap: 7px;
  }
  .topbar .lumenova-logo-symbol {
    width: 13px;
    height: 30px;
  }
  .topbar .lumenova-logo-word {
    width: 115px;
    height: 11px;
  }
  .topbar .wallet-button {
    min-width: 92px;
    padding-inline: 8px;
  }
}
/* Component layer: violet-liquid-home */
html.violet-home {
  --liquid-tint: 30, 22, 44;
  --liquid-accent: 231, 195, 252;
  --liquid-ink: #fff5ff;
  --liquid-muted: #d7c6e3;
}
html.violet-home .view[data-page="overview"] :is(.eco-teaser-link, .nova-market-card, .nova-community-card, .nova-whitepaper-cta) {
  --liquid-x: 18%;
  --liquid-y: 0%;
  border: 1px solid rgba(var(--liquid-accent), .27) !important;
  border-top-color: rgba(255, 255, 255, .6) !important;
  border-left-color: rgba(255, 255, 255, .36) !important;
  border-radius: 22px !important;
  background: radial-gradient(ellipse at var(--liquid-x) var(--liquid-y), rgba(255, 255, 255, .14), transparent 62%),
    linear-gradient(135deg, rgba(255, 255, 255, .075), rgba(var(--liquid-accent), .025) 47%, rgba(255, 255, 255, .08)),
    rgba(var(--liquid-tint), .38) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(255, 255, 255, .07), 0 18px 38px -16px rgba(6, 2, 17, .3) !important;
  backdrop-filter: blur(24px) saturate(165%) brightness(1.08) !important;
  -webkit-backdrop-filter: blur(24px) saturate(165%) brightness(1.08) !important;
  color: var(--liquid-ink);
}
html.violet-home .view[data-page="overview"] :is(.eco-teaser-link, .nova-market-card, .nova-community-card, .nova-whitepaper-cta):hover {
  border-top-color: rgba(255, 255, 255, .76) !important;
  border-left-color: rgba(255, 255, 255, .46) !important;
}
html.violet-home .view[data-page="overview"] :is(.eco-teaser-icon, .eco-teaser-arrow, .eco-teaser-winning-ticket, .nova-community-channel) {
  border-color: rgba(var(--liquid-accent), .25);
  border-top-color: rgba(255, 255, 255, .38);
  background: linear-gradient(140deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .025)), rgba(var(--liquid-tint), .16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), inset 0 -1px 0 rgba(255, 255, 255, .035);
  color: var(--liquid-ink);
}
html.violet-home .view[data-page="overview"] .eco-teaser-winning-ticket {
  border-radius: 10px;
}
html.violet-home .view[data-page="overview"] .eco-teaser-winning-ticket .eco-ticket-digit {
  border-color: rgba(var(--liquid-accent), .22);
  border-top-color: rgba(255, 255, 255, .3);
  border-radius: 5px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .045)), rgba(16, 12, 30, .25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  color: #fff8ff;
}
html.violet-home .view[data-page="overview"] .eco-ticket-digit::after {
  background: rgba(9, 4, 19, .055);
}
html.violet-home .view[data-page="overview"] .eco-teaser-results {
  border-top-color: rgba(var(--liquid-accent), .22);
}
html.violet-home .view[data-page="overview"] .eco-teaser-result-heading > span {
  color: #d8c4e7;
}
html.violet-home .view[data-page="overview"] :is(.eco-teaser-pool, .eco-teaser-countdown) > small,
html.violet-home .view[data-page="overview"] :is(.eco-teaser-pool, .eco-teaser-countdown) > span {
  color: var(--liquid-muted) !important;
}
html.violet-home .view[data-page="overview"] .nova-whitepaper-cta {
  border-radius: 16px !important;
  background: radial-gradient(ellipse at var(--liquid-x) var(--liquid-y), rgba(255, 255, 255, .21), transparent 65%),
    linear-gradient(110deg, rgba(255, 185, 149, .18), rgba(231, 151, 218, .13) 45%, rgba(172, 129, 240, .16)),
    rgba(var(--liquid-tint), .32) !important;
}
html.violet-home .view[data-page="overview"] .nova-whitepaper-cta:hover {
  filter: none;
}
html.violet-home .view[data-page="overview"] .nova-community-channels {
  gap: 10px;
}
html.violet-home .view[data-page="overview"] .nova-community-channel {
  min-width: 0;
  min-height: 44px;
  padding: 10px 16px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
}
html.violet-home .view[data-page="overview"] .nova-community-channel:hover {
  border-color: rgba(247, 217, 255, .5);
  background: linear-gradient(130deg, rgba(255, 255, 255, .17), rgba(var(--liquid-accent), .055));
}
html.violet-home .view[data-page="overview"] .nova-community-channel > span {
  width: 18px;
  height: 18px;
  flex: none;
  color: var(--liquid-ink);
}
html.violet-home .view[data-page="overview"] .nova-community-channel svg {
  width: 18px;
  height: 18px;
}
html.violet-home .view[data-page="overview"] .nova-community-channel b {
  margin-top: 0;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
}
@media (max-width: 640px) {
  html.violet-home .view[data-page="overview"] :is(.eco-teaser-link, .nova-market-card, .nova-community-card) {
    border-radius: 20px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.violet-home .view[data-page="overview"] :is(.eco-teaser-link, .nova-market-card, .nova-community-card, .nova-whitepaper-cta) {
    transition: none;
  }
}
/* Component layer: violet-liquid-market */
html.violet-home .view[data-page="overview"] .nova-market-heading i {
  border-color: rgba(255, 243, 255, .28);
  background: linear-gradient(145deg, rgba(255, 245, 255, .22), rgba(231, 195, 252, .04) 53%, rgba(173, 191, 255, .13)),
    rgba(var(--liquid-tint), .24);
  color: var(--liquid-ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .26), inset 0 -1px 0 rgba(217, 197, 255, .12);
}
html.violet-home .view[data-page="overview"] .nova-market-heading strong,
html.violet-home .view[data-page="overview"] .nova-market-stats strong,
html.violet-home .view[data-page="overview"] .nova-burn-value > b {
  color: var(--liquid-ink);
}
html.violet-home .view[data-page="overview"] .nova-market-heading small,
html.violet-home .view[data-page="overview"] .nova-market-stats small,
html.violet-home .view[data-page="overview"] .nova-burn-value > em {
  color: var(--liquid-muted) !important;
}
html.violet-home .view[data-page="overview"] .nova-heading-price > strong small {
  color: #f0e4f8 !important;
}
html.violet-home .view[data-page="overview"] .nova-heading-price > em {
  border-color: rgba(172, 249, 216, .31);
  background: linear-gradient(145deg, rgba(193, 255, 229, .13), rgba(94, 212, 163, .045));
  color: #9bf1c9 !important;
  box-shadow: inset 0 1px 0 rgba(226, 255, 241, .15);
}
html.violet-home .view[data-page="overview"] .nova-market-stats {
  border-color: rgba(255, 240, 255, .19);
}
html.violet-home .view[data-page="overview"] .nova-market-stats span {
  color: var(--liquid-muted);
}
html.violet-home .view[data-page="overview"] .nova-laser-progress {
  background: linear-gradient(180deg, rgba(246, 231, 255, .16), rgba(246, 231, 255, .07));
  box-shadow: inset 0 1px 1px rgba(10, 5, 22, .18), 0 1px 0 rgba(255, 247, 255, .05);
}
html.violet-home .view[data-page="overview"] .nova-laser-progress > b {
  background: linear-gradient(90deg, #bf9cdd, #fff0ff);
  box-shadow: 0 0 6px rgba(231, 195, 252, .3);
}
html.violet-home .view[data-page="overview"] .nova-laser-progress::after {
  background: linear-gradient(90deg, transparent, rgba(230, 200, 249, .06), rgba(255, 247, 255, .55), transparent);
}
html.violet-home .view[data-page="overview"] .nova-subscribe-actions > button {
  border-color: rgba(251, 232, 255, .26);
  background: linear-gradient(160deg, rgba(255, 247, 255, .13), rgba(231, 195, 252, .025) 56%, rgba(192, 201, 255, .09)),
    rgba(var(--liquid-tint), .19);
  color: var(--liquid-ink);
  box-shadow: inset 0 1px 0 rgba(255, 253, 255, .19), inset 0 -1px 0 rgba(211, 204, 255, .09);
}
html.violet-home .view[data-page="overview"] .nova-subscribe-actions > button.primary {
  border-color: rgba(255, 223, 245, .48);
  background: linear-gradient(154deg, rgba(255, 243, 255, .27), transparent 49%, rgba(251, 226, 255, .11)),
    linear-gradient(112deg, rgba(238, 157, 164, .57), rgba(185, 101, 204, .65) 58%, rgba(113, 87, 178, .64));
  color: #fff8ff;
  box-shadow: inset 0 1px 0 rgba(255, 244, 255, .37), inset 0 -1px 0 rgba(244, 218, 255, .16);
}
html.violet-home .view[data-page="overview"] .nova-subscribe-actions > button:hover {
  border-color: rgba(255, 237, 255, .48);
  box-shadow: inset 0 1px 0 rgba(255, 253, 255, .31), inset 0 -1px 0 rgba(211, 204, 255, .16);
}
html.violet-home .view[data-page="overview"] .nova-kline-panel,
html.violet-home .view[data-page="overview"] .nova-burn-ledger {
  border-color: rgba(241, 228, 255, .2);
  background: linear-gradient(154deg, rgba(244, 224, 255, .075), rgba(208, 210, 255, .025) 48%, rgba(205, 190, 255, .055)),
    rgba(14, 15, 31, .19);
  box-shadow: inset 0 1px 0 rgba(255, 249, 255, .12), inset 0 -1px 0 rgba(216, 220, 255, .045);
  color: var(--liquid-ink);
}
html.violet-home .view[data-page="overview"] .nova-kline-panel > header span,
html.violet-home .view[data-page="overview"] .nova-kline-panel > footer {
  color: var(--liquid-muted);
}
html.violet-home .view[data-page="overview"] .nova-kline-panel > header strong {
  color: var(--liquid-ink);
}
html.violet-home .view[data-page="overview"] .nova-kline-panel > header em {
  color: var(--liquid-muted) !important;
}
html.violet-home .view[data-page="overview"] .nova-kline-grid {
  stroke: rgba(237, 219, 253, .15);
}
html.violet-home .view[data-page="overview"] .nova-kline-axis text {
  fill: #d5c4e7;
}
html.violet-home .view[data-page="overview"] .nova-kline-axis .is-current {
  fill: #9bf1c9;
}
html.violet-home .view[data-page="overview"] .nova-burn-list-head,
html.violet-home .view[data-page="overview"] .nova-burn-row {
  border-color: rgba(241, 228, 255, .16);
  background: transparent;
}
html.violet-home .view[data-page="overview"] .nova-burn-list-head,
html.violet-home .view[data-page="overview"] .nova-burn-row > div > span,
html.violet-home .view[data-page="overview"] .nova-burn-row > time {
  color: var(--liquid-muted);
}
html.violet-home .view[data-page="overview"] .nova-burn-row > div > strong {
  color: var(--liquid-ink);
}
html.violet-home .view[data-page="overview"] .nova-burn-row > div > strong > small {
  color: var(--liquid-muted) !important;
}
html.violet-home .view[data-page="overview"] .nova-burn-row code {
  color: #ecddf5;
}
html.violet-home .view[data-page="overview"] .nova-burn-copy {
  border-color: rgba(239, 220, 252, .15);
  background: linear-gradient(155deg, rgba(255, 246, 255, .07), rgba(231, 195, 252, .015));
  color: #ecddf5;
  box-shadow: inset 0 1px 0 rgba(255, 250, 255, .065);
}
html.violet-home .view[data-page="overview"] .nova-burn-copy > span:last-child {
  color: #e2c9f3;
}
html.violet-home .view[data-page="overview"] .nova-burn-copy:hover {
  border-color: rgba(241, 220, 255, .32);
  background: linear-gradient(155deg, rgba(255, 246, 255, .12), rgba(231, 195, 252, .045));
  color: var(--liquid-ink);
}
html.violet-home .view[data-page="overview"] .nova-burn-copy[data-state="copied"] {
  border-color: rgba(171, 241, 208, .34);
  background: linear-gradient(155deg, rgba(209, 255, 233, .12), rgba(105, 214, 167, .045));
  color: #b0f3d3;
}
html.violet-home .view[data-page="overview"] .nova-burn-copy[data-state="copied"] > span:last-child {
  color: #b0f3d3;
}
html.violet-home .view[data-page="overview"] .nova-burn-more {
  width: fit-content;
  min-width: 128px;
  min-height: 40px;
  margin: 14px auto 10px;
  padding: 9px 24px;
  border: 1px solid rgba(241, 228, 255, .22);
  border-top-color: rgba(255, 246, 255, .38);
  border-radius: 999px;
  background: linear-gradient(155deg, rgba(255, 246, 255, .09), rgba(223, 203, 249, .025));
  color: #eadcf4;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  box-shadow: inset 0 1px 0 rgba(255, 250, 255, .08), 0 3px 10px rgba(14, 7, 27, .1);
}
html.violet-home .view[data-page="overview"] .nova-burn-more:hover {
  background: linear-gradient(180deg, rgba(246, 230, 255, .11), rgba(223, 203, 249, .04));
  color: var(--liquid-ink);
}
/* Component layer: violet-app */
html.violet-app {
  --v-ink: #fff5ff;
  --v-muted: #c7b9d5;
  --v-accent: #e7bcf8;
  --v-border: rgba(235, 211, 255, .22);
  --v-inset: rgba(17, 11, 29, .28);
  --v-up: #8de4c2;
  --v-down: #ffa4ae;
  --v-surface: radial-gradient(ellipse at 18% 0%, rgba(255,255,255,.13), transparent 62%), linear-gradient(135deg, rgba(255,255,255,.075), rgba(231,195,252,.025) 47%, rgba(255,255,255,.07)), rgba(30,22,44,.38);
  --v-shadow: inset 0 1px rgba(255,255,255,.16), inset 0 -1px rgba(255,255,255,.06), 0 18px 38px -16px rgba(6,2,17,.3);
}
html.violet-app:not(.violet-home) {
  --fm-bg: #130d22;
  --fm-aside: #1b112b;
  --fm-surface: rgba(33,20,51,.6);
  --fm-surface-solid: #241b31;
  --fm-surface-raised: #2a203b;
  --fm-inset: var(--v-inset);
  --fm-border: var(--v-border);
  --fm-border-soft: rgba(230,208,250,.12);
  --fm-border-strong: rgba(233,208,255,.38);
  --fm-accent: var(--v-accent);
  --fm-accent-mid: #c790e1;
  --fm-accent-soft: #f7dcff;
  --fm-gold: #f4c7a2;
  --fm-text: var(--v-ink);
  --fm-text-secondary: var(--v-muted);
  --fm-muted: #ae9fbd;
  --fm-danger: var(--v-down);
  --fm-warning: #f4c7a2;
  --green: var(--v-up);
  --red: var(--v-down);
  --orange: #f4c7a2;
  --glass-surface: rgba(36,27,49,.58);
  --glass-raised: rgba(46,34,60,.56);
  --ledger-inset: var(--v-inset);
  --ledger-line: var(--v-border);
  --ledger-line-soft: rgba(230,208,250,.12);
  --bg: #130d22;
  --deep: #130d22;
  --panel: rgba(33,20,51,.6);
  --line: var(--v-border);
  --text: var(--v-ink);
  --muted: var(--v-muted);
  --faint: #ae9fbd;
  --accent: var(--v-accent);
  background: #130d22 !important;
}
html.violet-app:not(.violet-home) body {
  background: #130d22 !important;
  color: var(--v-ink);
  font-family: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;
}
html.violet-app:not(.violet-home) .app-shell {
  width: 100%;
  min-height: 100vh;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #130d22 !important;
  box-shadow: none;
}
html.violet-app:not(.violet-home) .workspace {
  background: transparent;
}
html.violet-app:not(.violet-home) .main {
  position: relative;
  isolation: isolate;
  padding: 32px clamp(24px, 3.4vw, 56px) 56px;
  background: linear-gradient(154deg, #241534 0%, #20182e 38%, #192132 72%, #15252f 100%) !important;
}
html.violet-app:not(.violet-home) .main::before {
  content: "";
  position: absolute;
  display: block !important;
  inset: 0 !important;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 4% 10%, rgba(172,79,190,.16), transparent 42%), radial-gradient(ellipse at 96% 66%, rgba(79,145,177,.12), transparent 48%) !important;
  opacity: 1 !important;
  filter: none !important;
  mask-image: none;
  animation: none !important;
}
html.violet-app:not(.violet-home) .main::after {
  display: none !important;
}
html.violet-app:not(.violet-home) .sidebar {
  height: 100vh;
  padding-top: 26px;
  border-color: var(--v-border) !important;
  background: linear-gradient(180deg,#211532,#151021) !important;
  box-shadow: none !important;
}
html.violet-app:not(.violet-home) .topbar {
  height: 76px;
  border-color: rgba(233,193,255,.12) !important;
  background: rgba(24,16,37,.88) !important;
  box-shadow: none !important;
}
html.violet-app:not(.violet-home) .topbar::after {
  background: linear-gradient(90deg,transparent,rgba(216,145,222,.35),transparent);
}
html.violet-app:not(.violet-home) :is(.topbar-context h1,.nav-icon) {
  color: var(--v-ink);
}
html.violet-app:not(.violet-home) :is(.eyebrow,.topbar-status > span,.biometric-mini span,.ticker-source,.freshness) {
  color: var(--v-muted);
}
html.violet-app:not(.violet-home) :is(.admin-entry,.biometric-mini,.network-pill,.icon-button,.community-link,.topbar-status > span) {
  color: var(--v-muted);
  border-color: var(--v-border);
  background: rgba(213,163,240,.045);
  box-shadow: none;
}
html.violet-app:not(.violet-home) .fingerprint-mini {
  background: #2d223b;
  border-color: #8a6f9b;
  box-shadow: none;
}
html.violet-app:not(.violet-home) .wallet-button {
  height: 40px;
  border: 1px solid rgba(255,203,201,.36) !important;
  border-radius: 10px !important;
  color: #ffece8 !important;
  background: linear-gradient(110deg,rgba(239,131,77,.2),rgba(195,62,184,.23)) !important;
  box-shadow: inset 0 1px rgba(255,241,224,.1) !important;
  font-size: 12px;
}
html.violet-app:not(.violet-home) .wallet-button:hover {
  background: linear-gradient(110deg,rgba(239,131,77,.32),rgba(195,62,184,.38)) !important;
}
html.violet-app:not(.violet-home) .market-ticker {
  height: 38px;
  background: rgba(20,13,32,.9);
  border-color: var(--v-border) !important;
}
html.violet-app:not(.violet-home) :is(.ticker-item,.ticker-source) {
  border-color: var(--v-border) !important;
}
html.violet-app:not(.violet-home) .ticker-item b {
  color: var(--v-muted);
}
html.violet-app:not(.violet-home) .app-progress {
  background: linear-gradient(90deg,#ffb891,#ebabe0,#b595e9);
  box-shadow: none;
}
html.violet-app:not(.violet-home).violet-navigation-ready {
  --nav-glass-tint: 34,24,47;
  --nav-glass-accent: 236,195,255;
  --nav-glass-ink: #fff5ff;
  --nav-glass-muted: #e3d5eb;
}
html.violet-app:not(.violet-home) .lumen-float-gem {
  border-color: #f8d1f4;
  background: linear-gradient(145deg,#ffd5a9,#eb8cdb 46%,#a850e1);
  box-shadow: inset 0 1px rgba(255,255,255,.5),0 8px 22px rgba(164,63,199,.3);
}
html.violet-app:not(.violet-home) .lumen-float-toggle::after {
  background: linear-gradient(145deg,#93457f,#612b85);
}
html.violet-app:not(.violet-home) .lumen-float-face {
  color: #391343;
}
html.violet-app:not(.violet-home) .lumen-float-menu {
  background: var(--v-surface);
  border-color: var(--v-border);
  backdrop-filter: blur(24px);
}
html.violet-app .view:not([data-page="overview"]) {
  position: relative;
  width: min(1180px,100%);
  margin-inline: auto;
  color: var(--v-ink);
}
html.violet-app .view:not([data-page="overview"]) :is(.page-head,.subpage-head) {
  margin-bottom: 22px;
}
html.violet-app .view:not([data-page="overview"]) :is(.page-head,.subpage-head) h2 {
  color: var(--v-ink);
  font-size: 28px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.035em;
}
html.violet-app .view:not([data-page="overview"]) :is(.kicker,.section-label) {
  color: var(--v-accent);
  font-size: 11px;
  letter-spacing: .06em;
}
html.violet-app .view:not([data-page="overview"]) .kicker {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
html.violet-app .view:not([data-page="overview"]) :is(.page-head p,.subpage-head p,.panel-head p) {
  color: var(--v-muted) !important;
  font-size: 12px;
  line-height: 1.7;
}
html.violet-app .view:not([data-page="overview"]) .panel-head h3 {
  color: var(--v-ink);
  font-size: 18px;
  font-weight: 550;
}
html.violet-app .view:not([data-page="overview"]) :is(.panel,.ops-stats > div) {
  border: 1px solid var(--v-border) !important;
  border-top-color: rgba(255,246,255,.52) !important;
  border-left-color: rgba(255,246,255,.32) !important;
  border-radius: 20px;
  background: var(--v-surface) !important;
  box-shadow: var(--v-shadow) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
}
html.violet-app .view:not([data-page="overview"]) .panel::before {
  display: none;
}
html.violet-app .view:not([data-page="overview"]) :is(.panel,.ops-stats > div):hover {
  border-color: rgba(244,222,255,.36) !important;
  box-shadow: var(--v-shadow) !important;
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) .button {
  min-height: 44px;
  padding-inline: 18px;
  border: 1px solid var(--v-border) !important;
  border-top-color: rgba(255,246,255,.38) !important;
  border-radius: 11px !important;
  color: var(--v-ink) !important;
  background: linear-gradient(145deg,rgba(255,255,255,.095),rgba(223,197,243,.025)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08) !important;
  font-size: 12px;
  font-weight: 550;
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) .button.primary {
  border-color: rgba(246,193,233,.44) !important;
  background: linear-gradient(110deg,rgba(239,171,140,.23),rgba(202,121,207,.27) 55%,rgba(153,112,204,.25)) !important;
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) .button::after {
  display: none;
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) .button:hover {
  border-color: rgba(252,225,255,.6) !important;
  filter: brightness(1.08);
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) :is(.text-button,.subpage-back) {
  color: var(--v-accent);
  font-size: 12px;
}
html.violet-app .view:not([data-page="overview"]) .subpage-back {
  border-color: var(--v-border);
  background: linear-gradient(145deg,rgba(242,222,255,.08),rgba(218,188,242,.025));
  box-shadow: inset 0 1px rgba(255,255,255,.07);
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) .segmented {
  background: var(--v-inset);
  border: 1px solid var(--v-border);
  border-radius: 11px;
  padding: 3px;
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) .segmented button {
  min-height: 34px;
  border-radius: 8px;
  color: var(--v-muted);
  font-size: 11px;
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) .segmented button.active {
  border-color: var(--v-border) !important;
  background: linear-gradient(130deg,rgba(240,209,255,.19),rgba(236,198,255,.07)) !important;
  color: var(--v-ink) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.15) !important;
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) :is(input:not([type="checkbox"]),select) {
  color: var(--v-ink);
  accent-color: var(--v-accent);
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) :is(input,select)::placeholder {
  color: #b1a1bf;
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) :is(.amount-input,.field > div,.compact-form label > div,.earnings-filters input,.earnings-filters select) {
  border: 1px solid var(--v-border) !important;
  background: var(--v-inset) !important;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(255,255,255,.03) !important;
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) :is(.amount-input em,.amount-input button,.field > span,.compact-form label > span) {
  color: var(--v-muted);
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) .toggle:checked {
  background: #bb88ce !important;
  border-color: #d6a9e6 !important;
  box-shadow: none !important;
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) :is(.switch input:checked + i) {
  background: #bc8fcd !important;
  border-color: #d6a9e6 !important;
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) :is(.status-chip,.status-chip.demo) {
  border-color: var(--v-border);
  color: var(--v-accent);
  background: rgba(232,190,255,.06);
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) :is(.up,.status-chip.success) {
  color: var(--v-up) !important;
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) .status-chip.success {
  border-color: rgba(141,228,194,.22);
  background: rgba(141,228,194,.05);
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) .down {
  color: var(--v-down) !important;
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) :is(.warning-text,.status-chip.warning) {
  color: #f4c7a2 !important;
}
html.violet-app :is(.view:not([data-page="overview"]),.modal) :is(button,a,input,select):focus-visible {
  outline: 2px solid #ecc8ff;
  outline-offset: 3px;
}
html.violet-app .view:not([data-page="overview"]) .data-table th {
  color: var(--v-muted) !important;
  background: rgba(18,12,29,.23) !important;
}
html.violet-app .view:not([data-page="overview"]) .data-table td {
  border-color: rgba(237,215,251,.12) !important;
  color: #e5dcec;
}
html.violet-app .view:not([data-page="overview"]) .data-table td > span:not(.status-chip) {
  color: var(--v-muted);
}
html.violet-app .view:not([data-page="overview"]) :is(.table-progress i,.payout-summary i) {
  background: rgba(218,191,238,.12);
  box-shadow: none;
}
html.violet-app .view:not([data-page="overview"]) :is(.table-progress i b,.payout-summary i::after) {
  background: linear-gradient(90deg,#aa82ca,#e6b5e6);
  box-shadow: none;
}
html.violet-app .view:not([data-page="overview"]) :is(.config-list span,.config-list em,.settings-list small,.ops-stats span,.ops-stats em,.payout-summary span,.payout-summary em) {
  color: var(--v-muted);
}
html.violet-app .view:not([data-page="overview"]) :is(.config-list b,.settings-list b,.ops-stats strong,.payout-summary b) {
  color: var(--v-ink);
}
html.violet-app .modal-layer {
  background: rgba(10,5,20,.62);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
html.violet-app .modal-layer .modal {
  --fm-accent: var(--v-accent);
  --fm-accent-mid: #bd8ada;
  --fm-accent-soft: #f3d9ff;
  --fm-border: var(--v-border);
  --fm-border-soft: rgba(230,208,250,.12);
  border: 1px solid rgba(240,212,255,.3) !important;
  border-top-color: rgba(255,246,255,.58) !important;
  border-radius: 22px;
  background: radial-gradient(ellipse at 14% 0%,rgba(255,244,255,.12),transparent 62%),linear-gradient(135deg,rgba(224,189,244,.06),transparent),rgba(35,26,49,.92) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.16),0 24px 80px rgba(8,3,17,.4) !important;
  color: var(--v-ink);
}
html.violet-app .modal :is(h3,h4,strong,b) {
  color: var(--v-ink);
}
html.violet-app .modal :is(p,small,.section-label,.fee-breakdown span,.order-summary span,.form-grid label > span,.field > span,.direct-members-toolbar > span) {
  color: var(--v-muted) !important;
}
html.violet-app .modal :is(.modal-close,.wallet-choice,.answer-list button,.cycle-picker button) {
  border-color: var(--v-border);
  background: rgba(242,216,255,.055);
  color: var(--v-ink);
  box-shadow: inset 0 1px rgba(255,255,255,.06);
}
html.violet-app .modal :is(.wallet-choice em,.wallet-choice b) {
  color: var(--v-ink);
}
html.violet-app .modal :is(.answer-list button.selected,.cycle-picker button.active) {
  color: var(--v-ink) !important;
  border-color: rgba(240,201,255,.5) !important;
  background: rgba(220,163,248,.17) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.09) !important;
}
html.violet-app .modal .answer-list button i {
  border-color: var(--v-border);
  background: var(--v-inset);
  color: var(--v-ink);
}
html.violet-app .modal .answer-list button.selected i {
  border-color: var(--v-accent);
  background: rgba(218,171,240,.23);
}
html.violet-app .modal .risk-progress {
  background: rgba(227,192,249,.1);
}
html.violet-app .modal .risk-progress i {
  background: linear-gradient(90deg,#b78cdd,#efbfe9);
  box-shadow: none;
}
html.violet-app .modal :is(.order-summary,.fee-breakdown,.transfer-rule-summary,.subscription-records-modal-summary,.order-settlement-summary,.pool-history-summary,.nova-withdraw-available,.nova-withdraw-destination,.history-ledger,.subscription-ledger,.direct-members-ledger,.order-settlement-ledger) {
  border-color: var(--v-border) !important;
  background: var(--v-inset) !important;
  box-shadow: none !important;
}
html.violet-app .modal :is(.history-ledger-head,.subscription-ledger-head,.direct-members-ledger-head,.order-settlement-ledger-head) {
  color: var(--v-muted) !important;
  background: #30263e !important;
  border-color: var(--v-border);
}
html.violet-app .modal :is(.history-ledger-row,.subscription-record,.direct-member-row,.order-settlement-ledger-row) {
  border-color: var(--v-border) !important;
  color: var(--v-muted);
  background: transparent !important;
}
html.violet-app .modal :is(.subscription-record em,.direct-member-status.is-active,.direct-member-level,.order-settlement-ledger-row em) {
  color: var(--v-up) !important;
  border-color: rgba(141,228,194,.22);
  background: rgba(141,228,194,.045);
}
html.violet-app .modal :is(.direct-member-address,.direct-member-amount,.direct-member-change,.history-ledger-row b,.history-ledger-row strong) {
  color: var(--v-ink);
}
html.violet-app .modal :is(.direct-member-level,.direct-member-amount,.direct-member-change)::before {
  color: var(--v-muted);
}
html.violet-app .modal input::placeholder {
  color: #b9a7c9 !important;
}
html.violet-app #novaWithdrawMax {
  color: var(--v-accent);
  border-color: var(--v-border);
  background: rgba(225,185,248,.05);
}
html.violet-app .toast {
  border-color: var(--v-border);
  background: rgba(38,28,52,.96);
  color: var(--v-ink);
}
@media (max-width: 1024px) {
  html.violet-app:not(.violet-home) .topbar {
    height: 64px;
  }
  html.violet-app:not(.violet-home) .main {
    padding: 22px 18px calc(28px + env(safe-area-inset-bottom));
  }
}
@media (max-width: 640px) {
  html.violet-app:not(.violet-home) .main {
    padding-inline: 14px;
  }
  html.violet-app .view:not([data-page="overview"]) :is(.page-head,.subpage-head) {
    margin-bottom: 18px;
  }
  html.violet-app .view:not([data-page="overview"]) :is(.page-head,.subpage-head) h2 {
    font-size: 24px;
  }
  html.violet-app .view:not([data-page="overview"]) .panel-head {
    flex-wrap: wrap;
    gap: 12px;
  }
  html.violet-app .view:not([data-page="overview"]) .panel-head h3 {
    font-size: 17px;
  }
  html.violet-app .view:not([data-page="overview"]) .panel {
    padding: 18px 16px;
  }
  html.violet-app .modal {
    border-radius: 20px;
  }
  html.violet-app .modal .direct-member-address code {
    font-size: 9px;
  }
}
/* Component layer: violet-finance */
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) {
  --fm-border: var(--v-border, rgba(235, 211, 255, .22));
  --fm-border-soft: rgba(235, 211, 255, .12);
  --fm-border-strong: rgba(245, 229, 255, .36);
  --fm-inset: var(--v-inset, rgba(17, 11, 29, .28));
  --fm-text-secondary: var(--v-ink, #fff5ff);
  --fm-muted: var(--v-muted, #c7b9d5);
  --fm-accent: var(--v-accent, #e7bcf8);
  --fm-accent-mid: #be96db;
  --fm-accent-soft: #f2d7f2;
  --fm-danger: var(--v-down, #ffa4ae);
  --fm-warning: #efd19e;
  --fm-gold: #efd19e;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.risk-banner, .pool-hero, .asset-card, .nova-asset-card, .asset-earnings, .subscription-summary-card, .eco-shortcuts) {
  border: 1px solid var(--v-border, rgba(235, 211, 255, .22)) !important;
  border-top-color: rgba(255, 246, 255, .51) !important;
  border-left-color: rgba(255, 246, 255, .31) !important;
  border-radius: 20px !important;
  background: var(--v-surface, linear-gradient(140deg, rgba(255, 255, 255, .105), rgba(229, 200, 248, .025) 55%, rgba(255, 255, 255, .045)), rgba(30, 22, 44, .44)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(255, 255, 255, .035), 0 18px 38px -20px rgba(7, 3, 15, .42) !important;
  backdrop-filter: blur(24px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.risk-banner p, .builder-field > span, .builder-reinvest small, .builder-facts small, .builder-note, .order-center-summary span, .table-progress > span, .order-empty, .pool-balance > span, .pool-balance > div span, .pool-globe span, .pool-inline-ledger-head span, .activity-list small, .asset-total-card > header > span, .asset-total-breakdown span, .nova-asset-source, .nova-asset-balances > div > span, .overview-earnings-totals span, .overview-earnings-row > span, .overview-earnings-note, .subscription-summary-card > span, .subscription-summary-card > em, .subscription-field > span, .subscription-quote span, .subscription-note, .subscription-record small, .transaction-list small, .transaction-list em) {
  color: var(--v-muted, #c7b9d5) !important;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.risk-banner h3, .builder-reinvest b, .builder-facts b, .order-center-summary strong, .pool-balance > strong, .pool-balance > div b, .pool-globe strong, .asset-total-card > header > strong, .asset-total-breakdown strong, .nova-asset-head h3, .nova-asset-balances strong, .overview-earnings-head h3, .overview-earnings-totals strong, .overview-earnings-row > b, .subscription-summary-card > strong, .subscription-quote b, .subscription-record > b, .subscription-record > span, .subscription-record > strong) {
  color: var(--v-ink, #fff5ff);
  text-shadow: none;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.asset-total-card, .nova-asset-card, .asset-earnings, .subscription-summary-card) small {
  color: var(--v-muted, #c7b9d5) !important;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.builder-cycle-picker, .order-center-summary, .asset-total-breakdown, .overview-earnings-breakdown, .subscription-field > div, .subscription-quote, .subscription-ledger) {
  border-color: var(--fm-border-soft) !important;
  border-radius: 10px;
  background: var(--v-inset, rgba(17, 11, 29, .28)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.builder-cycle-picker button, .builder-shortcuts button, .subscription-shortcuts button) {
  min-height: 44px;
  border-radius: 10px;
  border-color: var(--fm-border-soft);
  background: rgba(235, 213, 254, .035);
  color: var(--v-muted, #c7b9d5);
  font-size: 12px;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.builder-cycle-picker button.active, .subscription-shortcuts button.active, .builder-cycle-picker button:hover, .builder-shortcuts button:hover, .subscription-shortcuts button:hover) {
  border-color: rgba(237, 205, 255, .34) !important;
  background: linear-gradient(140deg, rgba(255, 244, 255, .14), rgba(221, 174, 246, .11)) !important;
  color: var(--v-ink, #fff5ff) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) !important;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .builder-facts {
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--fm-border-soft);
  border-radius: 10px;
  background: var(--v-inset, rgba(17, 11, 29, .28)) !important;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .builder-facts > span {
  background: transparent !important;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .builder-facts > span + span {
  border-left: 1px solid var(--fm-border-soft);
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .risk-banner::after {
  background: linear-gradient(110deg, transparent, rgba(233, 198, 248, .075));
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.fingerprint-wide, .nova-asset-mark, .transaction-list > div > i, #assetTransactionList [data-asset-token="NOVA"] > i, .activity-icon) {
  border-color: rgba(235, 211, 255, .27);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(253, 226, 255, .12), rgba(195, 154, 227, .065));
  color: var(--v-accent, #e7bcf8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .075);
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .fingerprint-wide svg {
  stroke: #f3dbfa;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .fingerprint-wide i {
  background: #f6e8ff;
  box-shadow: 0 0 7px 1px rgba(235, 199, 255, .35);
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.order-settlement-trigger, .subscription-record-link, .subscription-field button, .asset-total-actions > button, #novaWithdrawButton) {
  min-height: 44px;
  border: 1px solid rgba(235, 211, 255, .28);
  border-radius: 999px;
  background: linear-gradient(145deg, rgba(255, 245, 255, .09), rgba(229, 196, 248, .045));
  color: var(--v-accent, #e7bcf8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .085);
  font-size: 12px;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.order-settlement-trigger:hover, .subscription-record-link:hover, .subscription-field button:hover, .asset-total-actions > button:hover, #novaWithdrawButton:hover) {
  border-color: rgba(245, 218, 255, .47);
  background: linear-gradient(145deg, rgba(255, 245, 255, .15), rgba(229, 196, 248, .08));
  color: var(--v-ink, #fff5ff);
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .asset-total-actions > button.primary {
  border-color: rgba(255, 228, 247, .56);
  background: linear-gradient(110deg, #e7bfca, #deb8e8 58%, #c7a3e3);
  color: #2d1738;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .33), 0 9px 22px -16px rgba(211, 163, 241, .5);
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .pool-hero::before {
  background-image: radial-gradient(rgba(238, 213, 255, .42) .6px, transparent .8px);
  opacity: .1;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .pool-globe {
  border-color: rgba(235, 205, 255, .34);
  background: radial-gradient(circle at 36% 28%, rgba(248, 225, 255, .16), rgba(76, 45, 100, .18) 48%, rgba(21, 13, 34, .28) 74%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 0 32px rgba(230, 189, 252, .055), 0 12px 34px -18px rgba(171, 115, 213, .2);
  animation: poolFloat 6.8s ease-in-out infinite;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .pool-globe::before {
  border-color: rgba(235, 199, 255, .31);
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .pool-globe::after {
  border-color: rgba(246, 219, 219, .3);
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .pool-globe > i {
  background: #f8e6ff;
  box-shadow: 0 0 7px rgba(241, 211, 255, .4);
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .pool-globe strong {
  animation: none;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.table-progress > i, .subscription-summary-card > i) {
  background: rgba(235, 211, 255, .12);
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.table-progress > i > b, .allocation-list em, .subscription-summary-card > i > b) {
  background: linear-gradient(90deg, #a784bf, #e3c0ef 75%, #f0d3e5);
  box-shadow: none;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) #poolEcosystemSummary {
  --eco-accent: var(--v-accent, #e7bcf8);
  --eco-text: var(--v-ink, #fff5ff);
  --eco-muted: var(--v-muted, #c7b9d5);
  --eco-dim: #ab9aba;
  --eco-line: rgba(235, 211, 255, .12);
  --eco-line-strong: rgba(235, 211, 255, .24);
  --eco-surface: rgba(37, 25, 50, .24);
  --eco-surface-deep: rgba(17, 11, 29, .22);
  --eco-gold: #efd1bb;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.eco-shortcut, .eco-icon) {
  border-color: var(--fm-border-soft);
  background: var(--v-inset, rgba(17, 11, 29, .28));
  color: var(--v-accent, #e7bcf8);
  border-radius: 10px;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .eco-shortcut:hover {
  background: rgba(232, 199, 252, .065);
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .eco-shortcuts-grid {
  border-radius: 10px;
  overflow: hidden;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .overview-earnings-totals {
  gap: 0;
  border-color: var(--fm-border-soft);
  border-radius: 10px;
  background: transparent;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .overview-earnings-totals > div {
  background: var(--v-inset, rgba(17, 11, 29, .28));
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .overview-earnings-totals > div + div {
  border-left: 1px solid var(--fm-border-soft);
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .overview-earnings-totals > .is-current {
  background: linear-gradient(150deg, rgba(226, 188, 244, .12), rgba(226, 188, 244, .025));
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.overview-earnings-totals .is-current strong, .subscription-quote strong, .subscription-summary-card.primary > strong, .subscription-summary-card.primary > em, .subscription-record-link b) {
  color: var(--v-accent, #e7bcf8) !important;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.overview-earnings-row.is-head, .subscription-ledger-head) {
  background: rgba(238, 212, 254, .045);
  color: var(--v-muted, #c7b9d5);
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.overview-earnings-row.is-head > span, .subscription-record > b::before, .subscription-record > span::before, .subscription-record > strong::before, .subscription-record > em::before) {
  color: #b4a3c5;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .overview-earnings-row > b.is-pending {
  color: #efd19e;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .subscription-field > div:focus-within {
  border-color: rgba(235, 205, 255, .48) !important;
  box-shadow: 0 0 0 3px rgba(229, 185, 250, .075) !important;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .subscription-field button {
  min-width: 54px;
  min-height: 36px;
  flex: none;
  white-space: nowrap;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .subscription-record > em.success {
  color: var(--v-up, #8de4c2) !important;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.asset-total-card > header > span, .asset-total-breakdown span, .overview-earnings-totals span, .subscription-summary-card > span, .subscription-summary-card > em, .subscription-field > span, .subscription-quote span, .builder-field > span, .builder-reinvest b, .order-center-summary span) {
  font-size: 11px;
  line-height: 1.5;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.asset-total-breakdown > div > small, .overview-earnings-totals small, .overview-earnings-note, .subscription-summary-card > strong small, .subscription-note, .subscription-record small, .builder-facts small, .builder-facts b, .builder-note) {
  font-size: 10px;
  line-height: 1.5;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.overview-earnings-row > span, .overview-earnings-row > b, .overview-earnings-row.is-head > span) {
  font-size: 10px;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.subscription-quote b, .subscription-quote strong, .subscription-record > b, .subscription-record > span, .subscription-record > strong, .subscription-record > em) {
  font-size: 12px;
}
html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) :is(.subscription-record > b::before, .subscription-record > span::before, .subscription-record > strong::before, .subscription-record > em::before) {
  font-size: 10px;
}
@media (max-width: 640px) {
  html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .order-center .data-table tbody tr {
    border-color: var(--fm-border-soft) !important;
    border-radius: 10px !important;
    background: var(--v-inset, rgba(17, 11, 29, .28)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  }
  html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .order-center .data-table td::before {
    color: var(--v-muted, #c7b9d5);
  }
  html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .subscription-record {
    background: var(--v-inset, rgba(17, 11, 29, .28));
    border-color: var(--fm-border-soft);
    border-radius: 10px;
  }
  html.violet-app .view:is([data-page="strategy"], [data-page="pool"], [data-page="assets"], [data-page="subscription"]) .subscription-ledger {
    background: transparent !important;
    box-shadow: none !important;
  }
}
/* Component layer: violet-team */
html.violet-app .view:is([data-page="team"],[data-page="levels"],[data-page="team-earnings"]) :is(.team-overview-panel,.team-action-card,.level-current-panel,.base-level-card,.level-rule-card,.earnings-total-card) {
  border: 1px solid var(--v-border) !important;
  border-top-color: rgba(255,246,255,.52) !important;
  border-left-color: rgba(255,246,255,.32) !important;
  border-radius: 20px;
  background: var(--v-surface) !important;
  box-shadow: var(--v-shadow) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
}
html.violet-app .view:is([data-page="team"],[data-page="levels"],[data-page="team-earnings"]) :is(.team-action-card,.base-level-card,.level-rule-card,.earnings-total-card) {
  padding: 22px;
}
html.violet-app .view[data-page="team"] :is(.team-stat,.level-orbit,.upgrade-card,.team-invite) {
  border-color: var(--v-border) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.violet-app .view[data-page="team"] .team-overview-panel .level-orbit {
  background: radial-gradient(ellipse at 30% 12%,rgba(236,176,222,.15),transparent 68%) !important;
}
html.violet-app .view:is([data-page="team"],[data-page="levels"]) :is(.level-orbit strong,.level-current-mark strong) {
  color: #f1d2f6;
  text-shadow: none;
}
html.violet-app .view:is([data-page="team"],[data-page="levels"]) :is(.level-orbit span,.level-orbit em,.upgrade-card span,.upgrade-card em,.team-stat > span,.team-daily-pairs small,.team-invite > span,.team-member-count-grid span,.team-member-count-grid em,.level-current-mark span,.level-current-progress span,.level-current-progress small,.level-card-top > div > span,.base-level-card > div > span,.base-level-card small,.level-condition span,.level-values dt,.level-note-card p,.level-reward-row) {
  color: var(--v-muted) !important;
}
html.violet-app .view[data-page="team"] :is(.team-stat > strong,.team-invite strong,.team-member-count-grid strong,.team-action-card strong) {
  color: var(--v-ink);
  text-shadow: none;
}
html.violet-app .view[data-page="team"] :is(.team-invite small,.team-action-card span,.team-action-card i,.team-daily-pairs b) {
  color: var(--v-accent);
}
html.violet-app .view[data-page="team"] .team-action-card small {
  color: var(--v-muted) !important;
}
html.violet-app .view[data-page="team"] .team-action-card {
  min-height: 132px;
  text-align: left;
}
html.violet-app .view[data-page="team"] .team-action-card:hover {
  border-color: rgba(248,223,255,.5) !important;
  transform: translateY(-2px);
}
html.violet-app .view[data-page="team"] :is(.team-action-card > i,.team-members-open) {
  border-color: var(--v-border);
  background: rgba(228,193,248,.055);
  color: var(--v-accent);
}
html.violet-app .view[data-page="team"] #teamEcosystemSummary {
  --eco-accent: var(--v-accent);
  --eco-text: var(--v-ink);
  --eco-muted: var(--v-muted);
  --eco-dim: #b3a2c2;
  --eco-line: rgba(235,211,255,.12);
  --eco-line-strong: var(--v-border);
  --eco-surface: rgba(33,24,47,.38);
  --eco-surface-deep: var(--v-inset);
}
html.violet-app .view[data-page="team"] .eco-shortcuts {
  border: 1px solid var(--v-border);
  border-top-color: rgba(255,246,255,.46);
  border-radius: 20px;
  background: var(--v-surface);
  box-shadow: var(--v-shadow);
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
}
html.violet-app .view[data-page="team"] :is(.eco-shortcut,.eco-icon) {
  border-color: var(--v-border);
  background: var(--v-inset);
  color: var(--v-accent);
}
html.violet-app .view[data-page="team"] .eco-shortcuts-grid {
  border-radius: 10px;
  overflow: hidden;
}
html.violet-app .view[data-page="team"] .eco-shortcut small {
  color: var(--v-muted) !important;
}
html.violet-app .view[data-page="team"] .team-member-count-grid {
  gap: 0;
  border-color: var(--v-border);
  border-radius: 12px;
  background: var(--v-inset);
}
html.violet-app .view[data-page="team"] .team-member-count-grid > div {
  background: transparent;
  border-color: var(--v-border);
}
html.violet-app .view[data-page="team"] .team-member-count-grid .is-effective strong {
  color: var(--v-accent);
}
html.violet-app .view:is([data-page="team"],[data-page="levels"]) :is(.upgrade-card > i,.level-current-progress > i) {
  background: rgba(236,202,252,.13);
  box-shadow: none;
}
html.violet-app .view:is([data-page="team"],[data-page="levels"]) :is(.upgrade-card > i b,.level-current-progress > i b) {
  background: linear-gradient(90deg,#b190d1,#edbbdf);
  box-shadow: none;
}
html.violet-app .view[data-page="levels"] .level-current-mark {
  border-color: var(--v-border);
}
html.violet-app .view[data-page="levels"] .level-current-mark em {
  color: var(--v-accent) !important;
}
html.violet-app .view:is([data-page="levels"], [data-page="team"]) .level-rule-card.current {
  border-color: rgba(244,209,255,.56) !important;
  background: radial-gradient(ellipse at 15% 0,rgba(226,174,239,.18),transparent 65%),var(--v-surface) !important;
}
html.violet-app .view:is([data-page="levels"], [data-page="team"]) :is(.level-card-top > em,.level-emblem) {
  color: var(--v-accent) !important;
  border-color: rgba(233,195,251,.28);
  background: rgba(233,195,251,.055);
  box-shadow: inset 0 1px rgba(255,255,255,.1);
}
html.violet-app .view:is([data-page="levels"], [data-page="team"]) .level-emblem:is(.tier-8,.tier-9,.tier-10,.tier-11) {
  color: #f2caaa !important;
  border-color: rgba(242,202,170,.3);
  background: rgba(242,202,170,.055);
}
html.violet-app .view:is([data-page="levels"], [data-page="team"]) .level-values {
  background: var(--v-border);
  border-radius: 10px;
  overflow: hidden;
}
html.violet-app .view:is([data-page="levels"], [data-page="team"]) .level-values > div {
  background: #2a2237;
}
html.violet-app .view:is([data-page="levels"], [data-page="team"]) :is(.level-condition b,.level-values dd) {
  color: var(--v-ink);
}
html.violet-app .view[data-page="levels"] .level-reward-row b {
  color: #f2caaa;
}
html.violet-app .view[data-page="team-earnings"] :is(.earnings-total-card > span,.earnings-filters label > span,.earnings-range-summary,.earnings-ledger-head,.earnings-row small,.earnings-row span,.earnings-empty) {
  color: var(--v-muted) !important;
}
html.violet-app .view[data-page="team-earnings"] :is(.earnings-range-summary,.earnings-ledger) {
  background: var(--v-inset);
  border-color: var(--v-border);
  border-radius: 12px;
}
html.violet-app .view[data-page="team-earnings"] .earnings-ledger-head {
  background: rgba(223,190,244,.055);
  border-color: var(--v-border);
}
html.violet-app .view[data-page="team-earnings"] :is(.earnings-row,.earnings-ledger-row) {
  background: transparent;
  border-color: var(--v-border);
  color: var(--v-ink);
}
html.violet-app .view[data-page="team-earnings"] :is(.earnings-range-summary b,.earnings-total-card strong) {
  color: var(--v-ink);
}
html.violet-app .view[data-page="team-earnings"] .earnings-ledger-row small {
  color: var(--v-muted) !important;
}
html.violet-app .view[data-page="team-earnings"] .earnings-ledger-row em {
  color: var(--v-up) !important;
}
@media (max-width: 640px) {
  html.violet-app .view[data-page="team"] .team-action-card {
    min-height: 126px;
    padding: 18px;
  }
  html.violet-app .view:is([data-page="team"],[data-page="levels"]) :is(.level-orbit,.level-current-mark,.level-current-progress) {
    padding: 20px;
  }
  html.violet-app .view:is([data-page="levels"], [data-page="team"]) :is(.base-level-card,.level-rule-card) {
    padding: 18px;
  }
  html.violet-app .view[data-page="team-earnings"] .earnings-total-card {
    min-height: 128px;
    padding: 18px;
  }
  html.violet-app .view[data-page="team"] .team-member-count-grid em {
    font-size: 10px;
  }
  html.violet-app .view[data-page="team"] .team-member-count-grid span {
    font-size: 11px;
  }
  html.violet-app .view[data-page="team"] .team-stat > span {
    font-size: 9px;
  }
  html.violet-app .view[data-page="team"] .team-stat > strong {
    font-size: 16px;
  }
  html.violet-app .view[data-page="team"] .team-daily-pairs small {
    font-size: 9px;
  }
  html.violet-app .view[data-page="team"] .team-daily-pairs b {
    font-size: 10px;
  }
  html.violet-app .view[data-page="team"] :is(.level-orbit span,.level-orbit em,.upgrade-card span,.upgrade-card em,.team-invite > span,.team-invite small) {
    font-size: 10px;
  }
  html.violet-app .view[data-page="team-earnings"] .earnings-ledger-row small {
    font-size: 9px;
  }
  html.violet-app .view[data-page="team-earnings"] .earnings-ledger-row em {
    font-size: 11px;
  }
}
/* Component layer: violet-ecosystem */
html.violet-app .view[data-page="ecosystem"] :is(#ecosystemOverview, #ecosystemDetail) {
  --eco-accent: var(--v-accent, #e7bcf8);
  --eco-text: var(--v-ink, #fff5ff);
  --eco-muted: var(--v-muted, #c7b9d5);
  --eco-dim: #aa99bd;
  --eco-line: rgba(235, 211, 255, .13);
  --eco-line-strong: var(--v-border, rgba(235, 211, 255, .22));
  --eco-surface: rgba(37, 25, 51, .38);
  --eco-surface-deep: var(--v-inset, rgba(17, 11, 29, .28));
  --eco-gold: #f2d5bd;
  color: var(--eco-text);
}
html.violet-app .view[data-page="ecosystem"] :is(.eco-lucky-panel, .eco-fund-list, .eco-detail-hero, .eco-ledger) {
  border: 1px solid var(--v-border, rgba(235, 211, 255, .22));
  border-top-color: rgba(255, 249, 255, .48);
  border-left-color: rgba(255, 243, 255, .3);
  border-radius: 20px;
  background: var(--v-surface, linear-gradient(140deg, rgba(255, 255, 255, .09), rgba(228, 202, 249, .025) 55%, rgba(255, 255, 255, .05)), rgba(30, 22, 44, .42));
  box-shadow: inset 0 1px rgba(255, 255, 255, .13), inset 0 -1px rgba(255, 255, 255, .04), 0 18px 36px -20px rgba(6, 2, 17, .42);
  -webkit-backdrop-filter: blur(24px) saturate(155%) brightness(1.05) !important;
  backdrop-filter: blur(24px) saturate(155%) brightness(1.05) !important;
}
html.violet-app .view[data-page="ecosystem"] :is(.eco-lucky-panel, .eco-fund-list, .eco-detail-hero)::before {
  left: 24px;
  width: 74px;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 239, 255, .85), rgba(235, 191, 249, .34), transparent);
}
html.violet-app .view[data-page="ecosystem"] :is(.eco-back, .eco-ratio, .eco-status, .eco-lucky-rule, .eco-card-label, .eco-card-secondary, .eco-lucky-stats span, .eco-draw-payout span, .eco-history-share, .eco-history-share > :last-child, .eco-ledger-note) {
  color: var(--eco-muted);
}
html.violet-app .view[data-page="ecosystem"] :is(.eco-card-top h4, .eco-card-top h3, .eco-card-amount strong, .eco-allocation strong, .eco-card-secondary > b, .eco-lucky-stats strong, .eco-draw-head h3, .eco-history-heading h3, .eco-history-period > span, .eco-stat > strong, .eco-weights strong, .eco-burn-track strong, .eco-note strong, .eco-ledger-info strong, .eco-empty strong, .eco-list-head span) {
  color: var(--eco-text);
}
html.violet-app .view[data-page="ecosystem"] :is(.eco-card-amount small, .eco-card-secondary small, .eco-countdown > small, .eco-lucky-stats small, .eco-draw-payout small, .eco-history-heading > small, .eco-history-period small, .eco-lucky-tickets > small, .eco-list-head small, .eco-note small, .eco-ledger-info small) {
  color: var(--eco-muted) !important;
}
html.violet-app .view[data-page="ecosystem"] :is(.eco-draw-head time, .eco-history-period > time, .eco-index) {
  color: var(--eco-dim);
}
html.violet-app .view[data-page="ecosystem"] :is(.eco-icon, .eco-ledger-icon) {
  border-color: rgba(235, 207, 254, .25);
  background: linear-gradient(145deg, rgba(244, 219, 255, .11), rgba(223, 183, 248, .035));
  color: var(--eco-accent);
  box-shadow: inset 0 1px rgba(255, 255, 255, .09);
  border-radius: 10px;
}
html.violet-app .view[data-page="ecosystem"] .eco-status::before {
  background: var(--eco-accent);
}
html.violet-app .view[data-page="ecosystem"] .eco-lucky-panel .eco-icon {
  border-color: rgba(247, 213, 201, .32);
  background: linear-gradient(145deg, rgba(251, 216, 193, .12), rgba(238, 199, 248, .045));
  color: var(--eco-gold);
}
html.violet-app .view[data-page="ecosystem"] :is(.eco-lucky-panel .eco-card-amount strong, .eco-countdown > strong, .eco-lucky-detail .eco-detail-amount strong, .eco-lucky-detail .eco-cycle .eco-countdown strong, .eco-draw-payout strong, .eco-history-period > strong) {
  color: #f7decc;
}
html.violet-app .view[data-page="ecosystem"] .eco-lucky-panel .eco-ratio {
  color: var(--eco-gold);
}
html.violet-app .view[data-page="ecosystem"] :is(.eco-lucky-results, .eco-lucky-panel .eco-lucky-history-row, .eco-weights, .eco-burn-track, .eco-note) {
  border: 1px solid var(--eco-line-strong);
  border-top-color: rgba(247, 230, 255, .27);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(255, 241, 255, .035), transparent 70%), var(--eco-surface-deep);
  box-shadow: inset 0 1px rgba(255, 248, 255, .035);
}
html.violet-app .view[data-page="ecosystem"] .eco-lucky-results {
  border-color: rgba(245, 209, 202, .22);
}
html.violet-app .view[data-page="ecosystem"] :is(.eco-lucky-stats, .eco-lucky-stats > div + div, .eco-draw-payout > div + div) {
  border-color: var(--eco-line);
}
html.violet-app .view[data-page="ecosystem"] .eco-draw-badge {
  border-color: rgba(246, 209, 203, .25);
  border-radius: 7px;
  background: rgba(249, 209, 203, .055);
  color: #efd2c4;
}
html.violet-app .view[data-page="ecosystem"] .eco-winning-ticket {
  border-color: rgba(241, 213, 241, .23);
  border-top-color: rgba(255, 238, 252, .34);
  border-radius: 10px;
  background: linear-gradient(140deg, rgba(249, 217, 222, .075), rgba(219, 181, 247, .025)), rgba(26, 18, 37, .25);
  box-shadow: inset 0 1px rgba(255, 247, 255, .04);
}
html.violet-app .view[data-page="ecosystem"] .eco-ticket-digit {
  border-color: rgba(239, 214, 251, .22);
  border-top-color: rgba(255, 240, 255, .36);
  border-radius: 5px;
  background: linear-gradient(180deg, rgba(250, 226, 243, .1), rgba(228, 205, 246, .025) 49%, rgba(239, 206, 247, .07) 51%, rgba(209, 182, 235, .025));
  color: #fff0ea;
  box-shadow: inset 0 1px rgba(255, 244, 252, .05);
}
html.violet-app .view[data-page="ecosystem"] .eco-ticket-digit::after {
  background: rgba(14, 8, 24, .22);
}
html.violet-app .view[data-page="ecosystem"] .eco-history-winners > code {
  border-color: rgba(235, 211, 255, .15);
  border-radius: 7px;
  background: rgba(229, 196, 251, .035);
  color: #ecd9f7;
}
html.violet-app .view[data-page="ecosystem"] .eco-lucky-ticket-groups > .eco-lucky-tickets-head {
  color: var(--eco-text);
}
html.violet-app .view[data-page="ecosystem"] .eco-lucky-ticket-groups {
  align-items: start;
}
html.violet-app .view[data-page="ecosystem"] .eco-lucky-ticket-groups .eco-lucky-tickets {
  border-color: var(--eco-line-strong);
  border-radius: 10px;
  background: var(--eco-surface-deep);
}
html.violet-app .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-mine {
  border-color: rgba(229, 175, 247, .44);
  background: linear-gradient(135deg, rgba(221, 163, 246, .085), rgba(240, 212, 254, .025)), var(--eco-surface-deep);
}
html.violet-app .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-mine > header {
  color: #f0ccff;
}
html.violet-app .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-platform > header {
  color: #dfd3e9;
}
html.violet-app .view[data-page="ecosystem"] .eco-lucky-ticket-groups :is(.eco-lucky-tickets-head > strong, .eco-lucky-tickets > header > strong) {
  border: 1px solid rgba(241, 220, 255, .1);
  border-radius: 6px;
  background: rgba(228, 204, 246, .065);
  color: #ded0ec;
}
html.violet-app .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-mine > header > strong {
  border-color: rgba(232, 188, 250, .16);
  background: rgba(224, 165, 249, .12);
  color: #f2cfff;
}
html.violet-app .view[data-page="ecosystem"] .eco-lucky-ticket-groups .eco-lucky-ticket {
  border-color: rgba(235, 211, 255, .18);
  border-radius: 7px;
  background: rgba(235, 211, 255, .03);
  color: #e2d4ed;
}
html.violet-app .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-mine .eco-lucky-ticket {
  border-color: rgba(233, 181, 251, .27);
  background: rgba(227, 181, 247, .055);
  color: #f1d4ff;
}
html.violet-app .view[data-page="ecosystem"] .eco-lucky-ticket-groups .eco-lucky-ticket > small {
  color: #bdaaca !important;
}
html.violet-app .view[data-page="ecosystem"] :is(.eco-lucky-ticket-more, .eco-lucky-history-more) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 116px;
  min-height: 44px;
  margin: 12px auto 0;
  padding: 9px 20px;
  border: 1px solid rgba(239, 214, 255, .24);
  border-top-color: rgba(255, 242, 255, .43);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(248, 229, 255, .095), rgba(226, 201, 249, .025));
  color: #eedaf8;
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
  font-size: 12px;
  line-height: 1.4;
  transition: background .18s ease, border-color .18s ease;
}
html.violet-app .view[data-page="ecosystem"] :is(.eco-lucky-ticket-more, .eco-lucky-history-more):hover {
  border-color: rgba(245, 222, 255, .42);
  background: linear-gradient(180deg, rgba(248, 229, 255, .15), rgba(226, 201, 249, .055));
  color: #fff4ff;
}
html.violet-app .view[data-page="ecosystem"] :is(.eco-lucky-ticket-more, .eco-lucky-history-more):focus-visible {
  outline: 2px solid var(--eco-accent);
  outline-offset: 3px;
}
html.violet-app .view[data-page="ecosystem"] .eco-fund-track {
  grid-template-columns: minmax(0, 1fr);
}
html.violet-app .view[data-page="ecosystem"] .eco-fund-track .eco-card:not([data-eco-clone]) {
  min-height: 128px;
  padding: 18px 22px;
  border-right: 0 !important;
  border-bottom: 1px solid var(--eco-line) !important;
}
html.violet-app .view[data-page="ecosystem"] .eco-fund-track .eco-card:not([data-eco-clone]):nth-child(6) {
  border-bottom: 0 !important;
}
html.violet-app .view[data-page="ecosystem"] .eco-fund-track .eco-card-values .eco-card-secondary {
  border-top-color: var(--eco-line);
}
html.violet-app .view[data-page="ecosystem"] .eco-list-head {
  background: rgba(240, 221, 255, .025);
}
html.violet-app .view[data-page="ecosystem"] .eco-detail-hero {
  border-radius: 20px 20px 0 0;
  box-shadow: inset 0 1px rgba(255, 255, 255, .13);
}
html.violet-app .view[data-page="ecosystem"] .eco-detail-stats {
  border-color: var(--eco-line-strong);
  border-radius: 0 0 20px 20px;
  background: var(--eco-surface-deep);
}
html.violet-app .view[data-page="ecosystem"] .eco-detail-amount strong {
  color: var(--eco-accent);
}
html.violet-app .view[data-page="ecosystem"] .eco-cycle .eco-countdown strong {
  color: #f0deff;
}
html.violet-app .view[data-page="ecosystem"] .eco-note {
  color: var(--eco-muted);
}
html.violet-app .view[data-page="ecosystem"] .eco-note::before {
  background: rgba(230, 183, 249, .66);
}
html.violet-app .view[data-page="ecosystem"] .eco-burn-track meter {
  background: rgba(223, 191, 248, .11);
  accent-color: var(--eco-accent);
}
html.violet-app .view[data-page="ecosystem"] .eco-burn-track meter::-webkit-meter-bar {
  background: rgba(223, 191, 248, .11);
}
html.violet-app .view[data-page="ecosystem"] .eco-burn-track meter::-webkit-meter-optimum-value {
  background: linear-gradient(90deg, #ba84df, #f0c6f8);
  box-shadow: none;
}
html.violet-app .view[data-page="ecosystem"] .eco-burn-track meter::-moz-meter-bar {
  background: #dba9ed;
}
html.violet-app .view[data-page="ecosystem"] .eco-filters {
  border-color: var(--eco-line-strong);
  border-radius: 12px;
  background: var(--eco-surface-deep);
}
html.violet-app .view[data-page="ecosystem"] .eco-filters button {
  min-height: 40px;
  border-radius: 8px;
  color: var(--eco-muted);
}
html.violet-app .view[data-page="ecosystem"] .eco-filters button:is(.active, [aria-pressed="true"]) {
  background: linear-gradient(180deg, rgba(236, 199, 254, .16), rgba(223, 180, 247, .065));
  color: #f6dcff;
  box-shadow: inset 0 1px rgba(253, 236, 255, .16);
}
html.violet-app .view[data-page="ecosystem"] .eco-filters button:hover {
  color: var(--eco-text);
}
html.violet-app .view[data-page="ecosystem"] .eco-ledger-summary {
  padding-inline: 0;
}
html.violet-app .view[data-page="ecosystem"] .eco-ledger-icon.outgoing {
  border-color: rgba(219, 199, 236, .22);
  background: rgba(217, 196, 236, .055);
  color: #c6b6d4;
}
html.violet-app .view[data-page="ecosystem"] .eco-ledger-value strong {
  color: #e5d8ee;
}
html.violet-app .view[data-page="ecosystem"] .eco-ledger-value strong.incoming {
  color: var(--v-up, #8de4c2);
}
html.violet-app .view[data-page="ecosystem"] .eco-empty svg {
  stroke: var(--eco-accent);
}
@media (min-width: 641px) {
  html.violet-app .view[data-page="ecosystem"] .eco-fund-track .eco-card-content {
    display: grid;
    grid-template-columns: minmax(180px, .85fr) minmax(0, 1.15fr);
    align-items: center;
    gap: 8px 24px;
  }
  html.violet-app .view[data-page="ecosystem"] .eco-fund-track .eco-card-values {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 20px;
    margin-top: 0;
  }
  html.violet-app .view[data-page="ecosystem"] .eco-fund-track .eco-card-values .eco-card-secondary {
    display: block;
    margin-top: 0;
    padding: 0 0 0 20px;
    border-top: 0;
    border-left: 1px solid var(--eco-line);
  }
  html.violet-app .view[data-page="ecosystem"] .eco-fund-track .eco-card-secondary > b {
    margin-top: 6px;
    font-size: 16px;
  }
  html.violet-app .view[data-page="ecosystem"] .eco-fund-track .eco-card-foot {
    grid-column: 1 / -1;
    padding-top: 0;
  }
}
@media (max-width: 640px) {
  html.violet-app .view[data-page="ecosystem"] .eco-lucky-panel {
    padding: 18px 14px;
  }
  html.violet-app .view[data-page="ecosystem"] .eco-lucky-ticket-groups .eco-lucky-tickets {
    padding: 12px 9px;
  }
  html.violet-app .view[data-page="ecosystem"] .eco-lucky-ticket-groups .eco-lucky-ticket {
    padding-inline: 4px;
    letter-spacing: 0;
  }
  html.violet-app .view[data-page="ecosystem"] .eco-fund-track .eco-card:not([data-eco-clone]) {
    padding: 16px 15px;
  }
  html.violet-app .view[data-page="ecosystem"] .eco-lucky-stats > div + div {
    padding-left: 7px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.violet-app .view[data-page="ecosystem"] :is(.eco-lucky-ticket-more, .eco-lucky-history-more) {
    transition: none;
  }
}
/* Component layer: violet-live */
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) {
  --live-surface: rgba(30, 22, 44, .38);
  --live-elevated: rgba(239, 214, 255, .08);
  --live-line: var(--v-border);
  --live-text: var(--v-ink);
  --live-muted: var(--v-muted);
  --live-accent: var(--v-accent);
  --live-positive: var(--v-up);
  --live-negative: var(--v-down);
  color: var(--v-ink);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-replay-desk, .live-flip-desk, .live-source-status) {
  border-color: var(--v-border);
  border-top-color: rgba(255, 255, 255, .58);
  border-left-color: rgba(255, 255, 255, .34);
  border-radius: 20px;
  background: var(--v-surface);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(255, 255, 255, .06), 0 18px 38px -16px rgba(6, 2, 17, .3);
  -webkit-backdrop-filter: blur(24px) saturate(165%) brightness(1.08);
  backdrop-filter: blur(24px) saturate(165%) brightness(1.08);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-page-head h2, .live-selected-head h3, .live-calendar-toolbar h4, .live-summary-meta b, .live-trades-meta b, .live-trade-symbol b, .live-trade-card dd) {
  color: var(--v-ink);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-eyebrow, .live-demo-notice, .live-total-earnings > span, .live-total-earnings small, .live-summary-meta > div > span, .live-selected-earnings span, .live-trades-meta, .live-trade-symbol small, .live-trade-profit small, .live-trade-card dt, .live-trade-body > footer small, .live-calendar-weekdays, .live-calendar-meta, .live-calendar-legend, .live-date-note, .live-deck-totals > small, .live-source-status p) {
  color: var(--v-muted) !important;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-total-earnings > strong {
  color: var(--v-ink);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-deck-totals, .live-desk-topline, .live-desk-topline h3, .live-source-status strong) {
  color: #e9d9f3;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-period-badge, .live-record-message, .live-deck-empty) {
  border-color: var(--v-border);
  background: var(--v-inset);
  color: var(--v-muted);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-selected-earnings strong, .live-trade-profit strong, .live-calendar-profit, .live-rail-profit) {
  color: var(--v-up);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-total-earnings > strong.is-loss, .live-selected-earnings strong.is-loss, .live-trade-profit strong.is-loss, .live-calendar-profit.is-loss, .live-day-button.is-loss .live-rail-profit) {
  color: var(--v-down);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-trades-panel, .live-trades-meta, .live-trade-card dl, .live-trade-body > footer, .live-calendar-legend) {
  border-color: var(--v-border);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-trade-card {
  border-color: var(--v-border);
  border-top-color: rgba(255, 255, 255, .32);
  border-radius: 12px;
  background: linear-gradient(130deg, rgba(255, 255, 255, .075), rgba(236, 207, 255, .025)), rgba(30, 22, 44, .3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-trade-summary:hover, .live-trade-disclosure[open] .live-trade-summary) {
  background: rgba(239, 214, 255, .065);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-trade-disclosure[open] {
  background: rgba(38, 28, 55, .42);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-trade-chevron {
  stroke: var(--v-accent);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-coin-logo {
  background: rgba(235, 212, 255, .1);
  box-shadow: inset 0 0 0 1px rgba(249, 235, 255, .07);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-coin-initial {
  color: #e3c9ee;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-trade-route, .live-trade-detail, .live-inline-button, .live-online-link) {
  color: var(--v-accent);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-trade-route span::before {
  border-color: #d2b3e5;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-trade-route span:last-child::before {
  background: #ecd0f8;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-trade-route i {
  background: linear-gradient(90deg, rgba(224, 187, 250, .25), #d1afe8);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-trade-route i::after {
  border-color: #d1afe8;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-trade-body::before {
  background: linear-gradient(105deg, transparent, rgba(239, 214, 255, .065), transparent);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-more-button, .live-calendar-navigation button, .live-deck-controls > button, .live-deck-controls #liveReplay, .live-deck-controls #liveCalendarToggle, .live-deck-retry) {
  border-color: var(--v-border);
  border-top-color: rgba(255, 255, 255, .34);
  border-radius: 10px;
  background: linear-gradient(140deg, rgba(255, 255, 255, .09), rgba(236, 207, 255, .025));
  color: #eedcf7;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .065);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-deck-controls > .live-deck-arrow {
  border-radius: 50%;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-more-button, .live-calendar-navigation button, .live-deck-controls > button, .live-deck-controls #liveReplay, .live-deck-controls #liveCalendarToggle, .live-deck-retry):hover:not(:disabled) {
  border-color: rgba(242, 216, 255, .48);
  background: rgba(239, 214, 255, .12);
  color: var(--v-ink);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-deck-controls #liveReplay[aria-pressed="true"], .live-deck-controls #liveCalendarToggle[aria-expanded="true"]) {
  border-color: rgba(244, 213, 255, .55);
  background: linear-gradient(130deg, rgba(235, 183, 250, .22), rgba(198, 167, 241, .12));
  color: var(--v-ink);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-deck-controls > button:disabled, .live-calendar-navigation button:disabled) {
  color: #a697b3;
  background: transparent;
  border-color: rgba(235, 211, 255, .12);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(#liveDeckPosition, #liveDeckMessage) {
  color: var(--v-muted);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(button, a, .live-deck-stage, .live-trade-summary):focus-visible {
  outline-color: #efceff;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-flip-desk .live-day-rail, .live-replay-desk .live-calendar-panel) {
  border-color: var(--v-border);
  background: rgba(18, 12, 31, .22);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-day-button {
  color: var(--v-muted);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-day-button:hover {
  background: rgba(239, 214, 255, .06);
  color: var(--v-ink);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-day-button.is-selected, .live-calendar-day.is-selected) {
  border-color: rgba(236, 199, 255, .52);
  background: linear-gradient(150deg, rgba(237, 193, 255, .22), rgba(211, 179, 242, .1));
  color: var(--v-ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .17);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-day-button.is-selected .live-rail-profit {
  color: var(--v-up);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-day-button.is-selected.is-loss .live-rail-profit {
  color: var(--v-down);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-calendar-day {
  color: #96899f;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-calendar-day.has-records:not(.is-selected), .live-calendar-day.is-uncollected) {
  border-color: rgba(235, 211, 255, .16);
  background: rgba(235, 211, 255, .04);
  color: #e3d3ee;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-calendar-day.has-records, .live-calendar-day.is-uncollected):hover {
  border-color: rgba(237, 207, 255, .5);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-calendar-day.is-selected .live-calendar-profit {
  color: var(--v-up);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-calendar-day.is-selected .live-calendar-profit.is-loss {
  color: var(--v-down);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-calendar-day.is-today {
  border-color: rgba(236, 211, 255, .24);
  background: linear-gradient(145deg, rgba(243, 218, 255, .15), rgba(191, 166, 220, .04));
  box-shadow: inset 0 1px 0 rgba(255, 245, 255, .12);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-calendar-day.is-today::before {
  background: radial-gradient(ellipse at 30% 75%, rgba(246, 225, 255, .25), transparent 62%), radial-gradient(ellipse at 75% 40%, rgba(210, 184, 235, .19), transparent 65%);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-calendar-day.is-today .live-calendar-date {
  color: #ede0f5;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-calendar-legend i {
  background: var(--v-accent);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-calendar-legend i.is-today {
  border-color: var(--v-border);
  background: linear-gradient(135deg, rgba(245, 220, 255, .35), rgba(199, 166, 228, .1));
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-flip-desk {
  --deck-paper: #eee6f2;
  --deck-paper-back: #e9dfef;
  --deck-ink: #302238;
  --deck-muted: #74617d;
  --deck-positive: #286249;
  --deck-negative: #aa404e;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-deck-card.is-current .live-deck-front {
  background: linear-gradient(105deg, #faf3fb, var(--deck-paper) 74%, #e1d5e9);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-deck-card.is-prev .live-deck-face, .live-deck-card.is-next .live-deck-face, .live-deck-placeholder) {
  background: #aea0bc;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-deck-face::before {
  background: repeating-linear-gradient(0deg, rgba(82, 47, 104, .022) 0 1px, transparent 1px 3px);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-deck-face::after, .live-deck-placeholder::after) {
  border-color: #b9a5c4;
  background: rgba(88, 52, 108, .035);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-deck-receipt-meta, .live-deck-receipt-meta > small, .live-deck-time, .live-deck-back .live-deck-unflip) {
  color: #74617d !important;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-deck-receipt-meta > span {
  border-color: #ae98b9;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .live-deck-logo {
  border-color: rgba(87, 55, 111, .14);
  background: #e4d9eb;
  color: #5c3b6e;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-deck-coin > small, .live-deck-currency, .live-deck-back dt) {
  color: var(--deck-muted) !important;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-deck-coin > b, .live-deck-back dd) {
  color: var(--deck-ink);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-deck-flip-hint, .live-deck-back a, .live-deck-back button) {
  color: #68457d;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-deck-back a:hover, .live-deck-back button:hover) {
  background: rgba(106, 62, 132, .08);
  color: #422a52;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-deck-front:focus-visible, .live-deck-back button:focus-visible, .live-deck-back a:focus-visible) {
  outline-color: #805594;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-score-card, .radar-chart-card, .radar-depth-card, .radar-metric, .radar-feature-grid article, .radar-ai-analysis) {
  border-color: var(--v-border);
  border-top-color: rgba(255, 255, 255, .3);
  border-radius: 14px;
  background: linear-gradient(130deg, rgba(255, 255, 255, .06), rgba(230, 200, 255, .02)), var(--v-inset);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-symbols, .radar-periods, .radar-plan-strip, .radar-intel-tabs, .radar-intel-summary, .radar-module-filterbar, .radar-intel-ledger, .radar-ai-layout, .radar-ai-scenarios > div > div, .radar-intel-list > div) {
  border-color: var(--v-border);
  background: var(--v-inset);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-intel-ledger-head, .radar-signal-head) {
  background: rgba(237, 215, 255, .06);
  color: var(--v-muted);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-symbols button, .radar-periods button, .radar-intel-tabs button, .radar-module-filterbar button) {
  color: var(--v-muted);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-symbols button.active, .radar-periods button.active, .radar-intel-tabs button.active, .radar-module-filterbar button.active) {
  border-color: rgba(233, 194, 255, .35);
  background: linear-gradient(140deg, rgba(239, 206, 255, .18), rgba(210, 177, 246, .08));
  box-shadow: inset 0 0 0 1px rgba(240, 214, 255, .16);
  color: var(--v-ink);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-select select, .radar-refresh) {
  border-color: var(--v-border);
  background: var(--v-inset);
  color: #e6c8f5;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-score-card::before, .radar-depth-card::before) {
  background: linear-gradient(90deg, transparent, rgba(248, 232, 255, .48), transparent);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-select, .radar-score-card > span, .radar-score-card > small, .radar-chart-card header span, .radar-chart-card footer, .radar-depth-card header > span, .radar-depth-card header code, .radar-depth-values, .radar-depth-card dt, .radar-metric span, .radar-metric code, .radar-metric > small, .radar-feature-grid span, .radar-feature-grid code, .radar-feature-grid p, .radar-intelligence-head p, .radar-module-filterbar > div > span, .radar-intel-list span, .radar-intel-list em, .radar-intel-list code, .radar-intel-list small, .radar-intel-note, .radar-signal-list time, .radar-signal-list code, .radar-disclaimer, .radar-ai-layout > div > span, .radar-ai-verdict p, .radar-ai-verdict small, .radar-ai-evidence li, .radar-ai-scenarios span, .radar-ai-disclaimer) {
  color: var(--v-muted) !important;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-score-card > strong, .radar-score-card > small b, .radar-chart-card header strong, .radar-chart-card footer b, .radar-depth-card dd, .radar-metric > strong, .radar-feature-grid strong, .radar-intel-list b, .radar-ai-analysis h4, .radar-ai-scenarios b, .radar-ai-verdict small em) {
  color: var(--v-ink);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-score-card > em, .radar-ai-verdict strong) {
  color: var(--v-accent);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-plan-strip small, .radar-intel-summary span, .radar-intel-summary small) {
  color: var(--v-muted) !important;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-plan-strip b, .radar-intel-summary strong) {
  color: var(--v-ink);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-metric > i, .radar-ai-verdict > i) {
  background: rgba(242, 218, 255, .13);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-metric > i > b, .radar-ai-verdict > i > b) {
  background: linear-gradient(90deg, #bd9ce2, #edc6ed);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .radar-score-scale {
  background: linear-gradient(90deg, var(--v-down), #f1d49c 48%, var(--v-up));
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .radar-score-scale::after {
  opacity: .5;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .radar-score-scale i {
  border-color: #382746;
  box-shadow: 0 0 0 1px rgba(239, 208, 255, .48), 0 0 10px rgba(231, 188, 248, .36);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .radar-chart-grid {
  stroke: rgba(227, 210, 242, .09);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .radar-chart-line {
  stroke: var(--v-accent);
  filter: drop-shadow(0 0 5px rgba(227, 187, 249, .22));
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) #radarAreaGradient stop {
  stop-color: #dfb7f2;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .radar-depth-ratio .bid {
  background: var(--v-up);
  box-shadow: none;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .radar-depth-ratio .ask {
  background: var(--v-down);
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-depth-values span:first-child b, .up) {
  color: var(--v-up) !important;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.radar-depth-values span:last-child b, .down) {
  color: var(--v-down) !important;
}
html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) .radar-ai-evidence li::before {
  background: var(--v-accent);
  box-shadow: 0 0 7px rgba(231, 188, 248, .24);
}
@media (max-width: 680px) {
  html.violet-app .view:is([data-page="live-records"], [data-page="radar"]) :is(.live-replay-desk, .live-flip-desk) {
    border-radius: 18px;
  }
}
/* Component layer: violet-frosted */
html.violet-app.violet-frosted {
  --frost-surface: rgba(67,55,82,.48);
  --frost-inset: rgba(17,12,27,.22);
  --frost-line: rgba(240,227,255,.12);
  --frost-shadow: 0 8px 26px rgba(10,5,20,.12);
  --v-surface: var(--frost-surface);
  --v-inset: var(--frost-inset);
  --v-border: var(--frost-line);
  --v-shadow: var(--frost-shadow);
}
html.violet-app.violet-frosted .view[data-page] :is(
  .eco-teaser-link,.nova-market-card,.nova-community-card,.nova-whitepaper-cta,
  .panel,.ops-stats > div,.risk-banner,.pool-hero,.asset-card,.nova-asset-card,
  .asset-earnings,.subscription-summary-card,.eco-shortcuts,.team-overview-panel,
  .team-action-card,.level-current-panel,.base-level-card,.level-rule-card,
  .earnings-total-card,.eco-lucky-panel,.eco-fund-list,.eco-detail-hero,.eco-ledger,
  .live-replay-desk,.live-flip-desk,.live-source-status
) {
  border-color: var(--frost-line) !important;
  background: var(--frost-surface) !important;
  box-shadow: var(--frost-shadow) !important;
  backdrop-filter: blur(30px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(110%) !important;
}
html.violet-app.violet-frosted .view[data-page] :is(
  .eco-teaser-link,.nova-market-card,.nova-community-card,.nova-whitepaper-cta,
  .panel,.ops-stats > div,.team-action-card,.asset-card,.level-rule-card
):hover {
  border-color: rgba(240,227,255,.18) !important;
  background: var(--frost-surface) !important;
  box-shadow: var(--frost-shadow) !important;
  filter: none;
}
html.violet-app.violet-frosted .view[data-page] :is(
  .eco-teaser-link,.nova-market-card,.nova-whitepaper-cta,.eco-lucky-panel,
  .eco-fund-list,.eco-detail-hero,.radar-score-card,.radar-depth-card
)::before {
  background: none !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted .view[data-page] :is(
  .nova-kline-panel,.nova-burn-ledger,.eco-teaser-winning-ticket,
  .order-center-summary,.builder-facts,.builder-reinvest,.asset-total-breakdown,
  .overview-earnings-breakdown,.overview-earnings-totals > div,.subscription-quote,
  .subscription-ledger,.subscription-record,.team-member-count-grid,.earnings-range-summary,
  .earnings-ledger,.level-values > div,.eco-shortcut,.eco-lucky-results,.eco-lucky-history-row,
  .eco-weights,.eco-burn-track,.eco-note,.eco-lucky-ticket-groups > section,
  .eco-winning-ticket,.eco-history-ticket,.eco-winning-ticket-card,.eco-history-ticket-card,
  .live-trade-card,.live-calendar-panel,.radar-score-card,.radar-chart-card,
  .radar-depth-card,.radar-metric,.radar-feature-grid article,.radar-ai-analysis,
  .radar-plan-strip,.radar-intel-summary,.radar-intel-ledger,.radar-ai-layout
) {
  border-color: var(--frost-line) !important;
  background: var(--frost-inset) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted .view[data-page] :is(
  .eco-teaser-winning-ticket .eco-ticket-digit,.eco-ticket-digit,.eco-history-digit,
  .eco-teaser-icon,.eco-teaser-arrow,.nova-market-heading > i,.nova-asset-icon,
  .level-emblem,.eco-icon,.eco-ledger-icon,.activity-icon,.transaction-icon
) {
  border-color: rgba(239,224,255,.13) !important;
  background: rgba(237,220,251,.055) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted .view[data-page] :is(.eco-ticket-digit,.eco-history-digit)::after {
  background: none;
}
html.violet-app.violet-frosted .view[data-page] .level-rule-card.current {
  border-color: rgba(229,194,247,.28) !important;
  background: rgba(87,65,104,.48) !important;
}
html.violet-app.violet-frosted .view[data-page] .team-overview-panel .level-orbit {
  background: rgba(237,211,249,.025) !important;
}
html.violet-app.violet-frosted .view:not([data-page="overview"]) :is(
  .button,.subpage-back,.segmented,.builder-cycle-picker > button,.builder-shortcuts > button,
  .order-settlement-trigger,.asset-total-actions > button,#novaWithdrawButton,.subscription-shortcuts > button,
  .subscription-record-link,.subscription-field button,.team-members-open,.team-action-card > i,
  .eco-lucky-history-more,.eco-lucky-ticket-more,.eco-back,.eco-filters button,
  .live-more-button,.live-calendar-navigation button,.live-deck-controls > button,
  .live-inline-button,.live-deck-retry,.radar-refresh
),
html.violet-app.violet-frosted .view[data-page="overview"] :is(
  .nova-community-channel,.nova-burn-more,.nova-subscribe-actions > button,.nova-burn-copy
) {
  border-color: rgba(241,226,252,.16) !important;
  background: rgba(225,199,240,.075) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted .view:not([data-page="overview"]) :is(
  .button,.subpage-back,.asset-total-actions > button,#novaWithdrawButton,
  .subscription-record-link,.live-more-button,.live-deck-controls > button
):hover,
html.violet-app.violet-frosted .view[data-page="overview"] :is(.nova-community-channel,.nova-burn-more,.nova-subscribe-actions > button,.nova-burn-copy):hover {
  border-color: rgba(241,226,252,.22) !important;
  background: rgba(225,199,240,.12) !important;
  box-shadow: none !important;
  filter: none;
}
html.violet-app.violet-frosted .view:not([data-page="overview"]) :is(
  .button.primary,.asset-total-actions > button.primary,.builder-cycle-picker > button.active,
  .subscription-shortcuts > button.active,.segmented button.active,.radar-symbols button.active,
  .radar-periods button.active,.radar-intel-tabs button.active,.radar-module-filterbar button.active,
  .live-day-button.is-selected,.live-calendar-day.is-selected,.eco-filters button.active,.eco-filters button[aria-pressed="true"],
  #liveReplay[aria-pressed="true"],#liveCalendarToggle[aria-expanded="true"]
),
html.violet-app.violet-frosted .view[data-page="overview"] .nova-subscribe-actions > button.primary {
  border-color: rgba(234,201,249,.25) !important;
  background: rgba(205,160,227,.2) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted .view[data-page="overview"] .nova-whitepaper-cta {
  background: rgba(102,74,103,.34) !important;
}
html.violet-app.violet-frosted .view[data-page="overview"] .nova-heading-price > em {
  border-color: rgba(173,233,211,.18);
  background: rgba(141,228,194,.055);
  box-shadow: none;
}
html.violet-app.violet-frosted .view[data-page="overview"] .nova-laser-progress {
  background: rgba(231,210,246,.12);
  box-shadow: none;
}
html.violet-app.violet-frosted .view[data-page="overview"] .nova-laser-progress > b {
  background: #c7a2dc;
  box-shadow: none;
}
html.violet-app.violet-frosted .view[data-page] .overview-earnings-totals > .is-current {
  background: rgba(222,186,239,.08) !important;
}
html.violet-app.violet-frosted .view[data-page] .eco-lucky-ticket-groups .is-mine {
  border-color: rgba(224,188,241,.28) !important;
  background: rgba(146,104,169,.12) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted .view[data-page] .nova-burn-copy[data-state="copied"] {
  background: rgba(141,228,194,.07) !important;
  border-color: rgba(141,228,194,.22) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted .view[data-page="live-records"] .live-trade-disclosure[open] {
  background: rgba(54,40,69,.42) !important;
}
@media (max-width: 640px) {
  html.violet-app.violet-frosted .view[data-page="strategy"] #ordersTable > tr:not([hidden]) {
    border-color: var(--frost-line) !important;
    background: var(--frost-inset) !important;
    box-shadow: none !important;
  }
}
/* Component layer: violet-frosted-chrome */
html.violet-app.violet-frosted .topbar {
  border-color: var(--frost-line) !important;
  background: rgba(38, 29, 51, .62) !important;
  box-shadow: none !important;
  backdrop-filter: blur(30px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(110%) !important;
}
html.violet-app.violet-frosted .topbar::after {
  background: none !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted :is(.side-nav, .mobile-nav.violet-top-navigation, .lumen-float-menu) {
  border-color: var(--frost-line) !important;
  background: var(--frost-surface) !important;
  box-shadow: var(--frost-shadow) !important;
  backdrop-filter: blur(30px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(110%) !important;
}
html.violet-app.violet-frosted :is(.wallet-button, .violet-nav-toggle) {
  border-color: var(--frost-line) !important;
  background: rgba(207, 180, 227, .12) !important;
  box-shadow: none !important;
  color: var(--v-ink) !important;
  backdrop-filter: blur(30px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(110%) !important;
}
html.violet-app.violet-frosted :is(.wallet-button:hover, .violet-nav-toggle:hover, .violet-nav-toggle[aria-expanded="true"]) {
  border-color: rgba(240, 227, 255, .21) !important;
  background: rgba(207, 180, 227, .19) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted :is(.side-nav .nav-item, .mobile-nav.violet-top-navigation button, .lumen-float-menu button) {
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: var(--v-muted) !important;
}
html.violet-app.violet-frosted :is(.side-nav .nav-item, .mobile-nav.violet-top-navigation button, .lumen-float-menu button):is(:hover, .active) {
  border-color: var(--frost-line) !important;
  background: rgba(210, 182, 231, .14) !important;
  box-shadow: none !important;
  color: var(--v-ink) !important;
}
html.violet-app.violet-frosted .lumen-float-menu button::before {
  color: var(--v-accent);
}
html.violet-app.violet-frosted .lumen-float-menu button::after {
  border-color: var(--v-accent);
}
html.violet-app.violet-frosted :is(.violet-nav-community, .violet-nav-community a) {
  border-color: var(--frost-line) !important;
}
html.violet-app.violet-frosted :is(.violet-nav-community a, .topbar .community-link, .topbar .icon-button, .topbar .network-pill) {
  background: rgba(207, 180, 227, .065) !important;
  border-color: var(--frost-line) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted .violet-nav-community a:hover {
  background: rgba(207, 180, 227, .13) !important;
}
html.violet-app.violet-frosted .modal-layer {
  background: rgba(12, 8, 21, .52);
  backdrop-filter: blur(12px) saturate(110%);
  -webkit-backdrop-filter: blur(12px) saturate(110%);
}
html.violet-app.violet-frosted .modal-layer .modal {
  border-color: var(--frost-line) !important;
  background: rgba(57, 45, 72, .78) !important;
  box-shadow: var(--frost-shadow) !important;
  backdrop-filter: blur(30px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(110%) !important;
}
html.violet-app.violet-frosted .modal :is(.button, .modal-close, .wallet-choice, .answer-list button, .cycle-picker button) {
  border-color: var(--frost-line) !important;
  background: rgba(207, 180, 227, .085) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: var(--v-ink) !important;
}
html.violet-app.violet-frosted .modal :is(.button.primary, .answer-list button.selected, .cycle-picker button.active) {
  border-color: rgba(240, 227, 255, .2) !important;
  background: rgba(203, 169, 226, .22) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted .modal :is(.button, .modal-close, .wallet-choice, .answer-list button, .cycle-picker button):hover {
  border-color: rgba(240, 227, 255, .21) !important;
  background: rgba(207, 180, 227, .16) !important;
  box-shadow: none !important;
  filter: none !important;
}
html.violet-app.violet-frosted .modal :is(.amount-input, .field > div, .plain-input, .compact-form label > div, .order-summary, .fee-breakdown, .transfer-rule-summary, .subscription-records-modal-summary, .order-settlement-summary, .pool-history-summary, .nova-withdraw-available, .nova-withdraw-destination, .history-ledger, .subscription-ledger, .direct-members-ledger, .order-settlement-ledger, .auto-row, .segmented) {
  border-color: var(--frost-line) !important;
  background: var(--frost-inset) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted .modal :is(.amount-input input, .field input) {
  background: transparent !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted .modal :is(.amount-input button, #novaWithdrawMax, .segmented button.active, .answer-list button.selected i) {
  border-color: var(--frost-line) !important;
  background: rgba(210, 182, 231, .14) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted .modal :is(.history-ledger-head, .subscription-ledger-head, .direct-members-ledger-head, .order-settlement-ledger-head) {
  border-color: var(--frost-line) !important;
  background: rgba(210, 182, 231, .065) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted .modal :is(.history-ledger-row, .subscription-record, .direct-member-row, .order-settlement-ledger-row) {
  border-color: var(--frost-line) !important;
}
html.violet-app.violet-frosted .modal .risk-progress i {
  background: #c5a2dd;
  box-shadow: none;
}
html.violet-app.violet-frosted .toast {
  border-color: var(--frost-line) !important;
  background: rgba(57, 45, 72, .86) !important;
  box-shadow: var(--frost-shadow) !important;
  backdrop-filter: blur(30px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(110%) !important;
}
@media (max-width: 1024px) {
  html.violet-app.violet-frosted .topbar.violet-navigation-open {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}
/* Component layer: violet-sunset */
html.violet-app.violet-frosted.violet-sunset {
  --sun-peach: #f5a257;
  --sun-rose: #ea6b9f;
  --sun-violet: #bc49db;
  --sun-gradient: linear-gradient(106deg, #f5a257 0%, #ea6b9f 48%, #bc49db 100%);
  --sun-accent: #efbbc9;
  --sun-muted: #c1bcc7;
  --sun-line: rgba(255,246,252,.14);
  --sun-panel: #151419;
  --sun-inset: #0b0b0f;
  --v-ink: #faf8fa;
  --v-muted: var(--sun-muted);
  --v-accent: var(--sun-accent);
  --frost-surface: var(--sun-panel);
  --frost-inset: var(--sun-inset);
  --frost-line: var(--sun-line);
  --frost-shadow: 0 4px 12px rgba(0,0,0,.16);
  --v-surface: var(--sun-panel);
  --v-inset: var(--sun-inset);
  --v-border: var(--sun-line);
  --fm-bg: #09090d;
  --fm-aside: #0c0c10;
  --fm-surface: var(--sun-panel);
  --fm-surface-solid: #151419;
  --fm-surface-raised: #211d25;
  --fm-inset: var(--sun-inset);
  --fm-border: var(--sun-line);
  --fm-border-soft: rgba(255,246,252,.09);
  --fm-border-strong: rgba(246,187,202,.32);
  --fm-accent: var(--sun-accent);
  --fm-accent-mid: #e699b6;
  --fm-accent-soft: #ffe0d5;
  --fm-gold: #f6c6a1;
  --fm-text: var(--v-ink);
  --fm-text-secondary: var(--sun-muted);
  --fm-muted: #aaa2b1;
  --liquid-tint: 21,20,25;
  --liquid-accent: 248,207,220;
  --liquid-ink: var(--v-ink);
  --liquid-muted: var(--sun-muted);
  --glass-surface: var(--sun-panel);
  --glass-raised: #211d25;
  --ledger-inset: var(--sun-inset);
  --ledger-line: var(--sun-line);
  --ledger-line-soft: rgba(248,207,220,.09);
  --bg: #09090d;
  --deep: #09090d;
  --panel: var(--sun-panel);
  --line: var(--sun-line);
  --text: var(--v-ink);
  --muted: var(--sun-muted);
  --faint: #aaa2b1;
  --accent: var(--sun-accent);
  background: #09090d !important;
}
html.violet-app.violet-frosted.violet-sunset :is(body,.app-shell) {
  background: #09090d !important;
  color: var(--v-ink);
}
html.violet-app.violet-frosted.violet-sunset .main {
  background: #09090d !important;
}
html.violet-app.violet-frosted.violet-sunset .main::before {
  background: none !important;
  animation: none !important;
}
html.violet-app.violet-frosted.violet-sunset .violet-atmosphere {
  opacity: .22;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page] :is(
  .eco-teaser-link,.nova-market-card,.nova-community-card,.nova-whitepaper-cta,
  .panel,.ops-stats > div,.risk-banner,.pool-hero,.asset-card,.nova-asset-card,
  .asset-earnings,.subscription-summary-card,.eco-shortcuts,.team-overview-panel,
  .team-action-card,.level-current-panel,.base-level-card,.level-rule-card,
  .earnings-total-card,.eco-lucky-panel,.eco-fund-list,.eco-detail-hero,.eco-ledger,
  .live-replay-desk,.live-flip-desk,.live-source-status
) {
  background: var(--sun-panel) !important;
  border-color: var(--sun-line) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: var(--frost-shadow) !important;
  border-radius: 14px !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page] :is(
  .nova-kline-panel,.nova-burn-ledger,.eco-teaser-winning-ticket,.eco-lucky-results,
  .eco-lucky-history-row,.eco-lucky-ticket-groups > section,.live-calendar-panel,.live-trade-card
) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset .market-ticker {
  background: rgba(35,22,34,.9);
  border-color: var(--sun-line) !important;
}
html.violet-app.violet-frosted.violet-sunset :is(.ticker-source,.ticker-item) {
  border-color: var(--sun-line) !important;
}
html.violet-app.violet-frosted.violet-sunset :is(.ticker-source,.ticker-item b,.freshness) {
  color: var(--sun-muted);
}
html.violet-app.violet-frosted.violet-sunset :is(.app-progress,.nav-item::before) {
  background: var(--sun-gradient) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page] :is(.kicker,.section-label) {
  color: var(--sun-accent);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page] :is(button,a,input,select):focus-visible {
  outline-color: #ffc4c9;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page] :is(
  .button,.subpage-back,.segmented,.builder-cycle-picker > button,.builder-shortcuts > button,
  .order-settlement-trigger,.asset-total-actions > button,#novaWithdrawButton,.subscription-shortcuts > button,
  .subscription-record-link,.subscription-field button,.team-members-open,.team-action-card > i,
  .eco-lucky-history-more,.eco-lucky-ticket-more,.eco-back,.eco-filters button,
  .live-more-button,.live-calendar-navigation button,.live-deck-controls > button,
  .live-inline-button,.live-deck-retry,.radar-refresh,.nova-community-channel,.nova-burn-more,
  .nova-subscribe-actions > button,.nova-burn-copy,.ai-principal-action
) {
  background: #17141c !important;
  border-color: #48404f !important;
  color: var(--v-ink) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page] :is(
  .button,.subpage-back,.asset-total-actions > button,#novaWithdrawButton,.nova-community-channel,
  .nova-burn-more,.nova-subscribe-actions > button,.ai-principal-action,.live-more-button
):hover {
  background: #28202e !important;
  border-color: #8e6e8b !important;
  filter: none;
}
html.violet-app.violet-frosted.violet-sunset #mainContent .view[data-page] :is(
  .button.primary,.asset-total-actions > button.primary,.nova-subscribe-actions > button.primary,
  .ai-principal-action.primary
) {
  background: var(--sun-gradient) !important;
  border-color: rgba(255,212,191,.48) !important;
  color: #fff !important;
  box-shadow: none !important;
  text-shadow: 0 1px 1px rgba(75,23,51,.16);
}
html.violet-app.violet-frosted.violet-sunset #mainContent .view[data-page] :is(
  .button.primary,.asset-total-actions > button.primary,.nova-subscribe-actions > button.primary,
  .ai-principal-action.primary
):hover {
  filter: brightness(1.06);
}
html.violet-app.violet-frosted.violet-sunset #mainContent .view[data-page] :is(
  .builder-cycle-picker > button.active,.subscription-shortcuts > button.active,
  .segmented button.active,.radar-symbols button.active,.radar-periods button.active,
  .radar-intel-tabs button.active,.radar-module-filterbar button.active,.eco-filters button.active,
  .eco-filters button[aria-pressed="true"],#liveReplay[aria-pressed="true"],#liveCalendarToggle[aria-expanded="true"]
) {
  background: #f5eae5 !important;
  border-color: #f5eae5 !important;
  color: #261a28 !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset #mainContent .view[data-page] :is(.segmented,.builder-cycle-picker) {
  background: #08080c !important;
  border-color: #35303d !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset #mainContent .view[data-page] :is(.segmented button:not(.active),.builder-cycle-picker > button:not(.active)) {
  background: transparent !important;
  border-color: transparent !important;
  color: #c9c0cf !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset #mainContent .view[data-page] :is(.builder-cycle-picker > button.active,.segmented button.active,.subscription-shortcuts > button.active) {
  font-weight: 600;
}
html.violet-app.violet-frosted.violet-sunset #mainContent #riskStart {
  background: #f5eae5 !important;
  border-color: #f5eae5 !important;
  color: #261a28 !important;
  box-shadow: none !important;
  font-weight: 650;
}
html.violet-app.violet-frosted.violet-sunset #mainContent #riskStart:hover {
  background: #fff7f2 !important;
  border-color: #fff7f2 !important;
}
html.violet-app.violet-frosted.violet-sunset #mainContent .view[data-page] :is(.amount-input,.field > div,.compact-form label > div,.earnings-filters input,.earnings-filters select) {
  background: var(--sun-inset) !important;
  border-color: #49404f !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset #mainContent .view[data-page] :is(.amount-input,.field > div,.compact-form label > div):focus-within {
  border-color: #e899bb !important;
  box-shadow: 0 0 0 2px rgba(234,107,159,.12) !important;
}
html.violet-app.violet-frosted.violet-sunset #mainContent .view[data-page] :is(.builder-field > span,.subscription-field > span,.field > span) {
  color: #ddd4e2 !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page] :is(.toggle:checked,.switch input:checked + i) {
  background: #d984ab !important;
  border-color: #efb3c9 !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page] :is(.status-chip.demo,.text-button,.subpage-back) {
  color: var(--sun-accent) !important;
}
html.violet-app.violet-frosted.violet-sunset .ai-principal-copy > strong {
  color: #f8f3f0;
  text-shadow: none;
}
html.violet-app.violet-frosted.violet-sunset :is(.ai-principal-copy > small,.ai-settlement-countdown span,.view[data-page="overview"] .page-head p) {
  color: var(--sun-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset :is(.ai-principal-title > span,.ai-settlement-countdown strong) {
  color: #f6c6bb;
}
html.violet-app.violet-frosted.violet-sunset .ai-principal-title > em {
  color: var(--sun-accent) !important;
}
html.violet-app.violet-frosted.violet-sunset .ai-principal-title > em > i {
  background: var(--sun-rose);
  box-shadow: 0 0 9px rgba(234,107,159,.38);
}
html.violet-app.violet-frosted.violet-sunset .ai-chip-stage::before {
  background: none !important;
  filter: none;
}
html.violet-app.violet-frosted.violet-sunset .violet-core-glass {
  filter: drop-shadow(0 8px 9px rgba(0,0,0,.18));
}
html.violet-app.violet-frosted.violet-sunset .ai-principal-action.primary::after {
  display: none;
}
html.violet-app.violet-frosted.violet-sunset .ai-principal-card::before {
  background: none !important;
}
html.violet-app.violet-frosted.violet-sunset .ai-flow-field > i {
  background: none;
  filter: none;
}
html.violet-app.violet-frosted.violet-sunset .ai-orb-badge :is(span,small) {
  color: #f7f2f5 !important;
  text-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset #mainContent .view[data-page] :is(.button,.asset-total-actions > button,#novaWithdrawButton) {
  border-radius: 10px !important;
}
html.violet-app.violet-frosted.violet-sunset .lumen-float-gem {
  filter: saturate(.8);
}
html.violet-app.violet-frosted.violet-sunset #violetCrystalEdge stop:nth-child(1) {
  stop-color: #ffd1a3;
}
html.violet-app.violet-frosted.violet-sunset #violetCrystalEdge stop:nth-child(2) {
  stop-color: #f5a0ba;
}
html.violet-app.violet-frosted.violet-sunset #violetCrystalEdge stop:nth-child(4) {
  stop-color: #ecc0f3;
}
html.violet-app.violet-frosted.violet-sunset #violetCrystalFacet stop:first-child {
  stop-color: #ffd6ad;
}
html.violet-app.violet-frosted.violet-sunset #violetCrystalBody stop:first-child {
  stop-color: #503d52;
  stop-opacity: 1;
}
html.violet-app.violet-frosted.violet-sunset #violetCrystalBody stop:nth-child(2) {
  stop-color: #28222f;
  stop-opacity: 1;
}
html.violet-app.violet-frosted.violet-sunset #violetCrystalBody stop:last-child {
  stop-color: #67516c;
  stop-opacity: 1;
}
html.violet-app.violet-frosted.violet-sunset #violetCrystalFacet stop:last-child {
  stop-color: #b791bf;
}
html.violet-app.violet-frosted.violet-sunset .lumenova-logo linearGradient stop:first-child {
  stop-color: #ffd0ae;
}
html.violet-app.violet-frosted.violet-sunset .lumenova-logo linearGradient stop:nth-child(2) {
  stop-color: #f1a1bf;
}
html.violet-app.violet-frosted.violet-sunset .lumenova-logo linearGradient stop:last-child {
  stop-color: #c985dc;
}
html.violet-app.violet-frosted.violet-sunset .lumenova-logo-word g > rect:first-child {
  fill: #fff5f0;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="overview"] :is(
  .eco-teaser-icon,.nova-market-heading > i,.eco-teaser-arrow
) {
  color: #ffd2ad;
  background: rgba(245,162,87,.075) !important;
  border-color: rgba(245,190,151,.23) !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="overview"] :is(
  .eco-teaser-copy > span,.eco-teaser-copy p,.eco-teaser-result-heading > span,
  .eco-teaser-pool > small,.eco-teaser-countdown > span,.nova-burn-value > em,
  .nova-burn-date,.nova-burn-address
) {
  color: var(--sun-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="overview"] :is(
  .eco-teaser-copy strong,.eco-teaser-result-heading strong,.eco-teaser-countdown > strong,
  .eco-teaser-pool > strong,.eco-ticket-digit,.nova-market-heading strong,.nova-market-stats strong
) {
  color: var(--v-ink) !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="overview"] :is(.eco-ticket-digit,.eco-teaser-winning-ticket .eco-ticket-digit) {
  background: rgba(246,187,202,.055) !important;
  border-color: rgba(248,207,220,.14) !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="overview"] :is(.eco-teaser-results,.nova-market-stats,.nova-burn-row,.nova-burn-ledger > header) {
  border-color: var(--sun-line) !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="overview"] .nova-whitepaper-cta {
  background: #20131e !important;
  border-color: #644056 !important;
  color: #f3d0bd;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="overview"] .nova-laser-progress {
  background: rgba(248,207,220,.1);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="overview"] .nova-laser-progress > b {
  background: var(--sun-gradient);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="overview"] .nova-kline-axis text {
  fill: var(--sun-muted);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="overview"] .nova-kline-grid {
  stroke: rgba(248,207,220,.11);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="overview"] .nova-burn-copy[data-state="copied"] {
  color: var(--v-up) !important;
  background: rgba(141,228,194,.07) !important;
  border-color: rgba(141,228,194,.22) !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page] :is(.up,.status-chip.success) {
  color: var(--v-up) !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page] .down {
  color: var(--v-down) !important;
}
/* Component layer: violet-sunset-sections */
html.violet-app.violet-frosted.violet-sunset .view:is([data-page="assets"], [data-page="strategy"], [data-page="pool"], [data-page="subscription"]) {
  --fm-accent: var(--sun-accent);
  --fm-accent-mid: #d992a9;
  --fm-accent-soft: #f8d4dc;
  --fm-border-soft: var(--sun-line);
  --fm-border-strong: rgba(248, 207, 220, .3);
}
html.violet-app.violet-frosted.violet-sunset .view:not([data-page="overview"]) :is(#poolEcosystemSummary, #teamEcosystemSummary, #ecosystemOverview, #ecosystemDetail) {
  --eco-accent: var(--sun-accent);
  --eco-muted: var(--sun-muted);
  --eco-dim: #b49daa;
  --eco-line: var(--sun-line);
  --eco-line-strong: rgba(248, 207, 220, .23);
  --eco-surface: var(--sun-panel);
  --eco-surface-deep: var(--sun-inset);
  --eco-gold: #f4ceac;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 20px 22px;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner::after {
  display: none;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner > div:nth-child(2) {
  min-width: 0;
  padding: 0;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner h3 {
  margin: 5px 0 0;
  font-size: 16px;
  font-weight: 550;
  line-height: 1.5;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner p {
  max-width: 660px;
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.65;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner #riskStart {
  position: static;
  grid-column: auto;
  width: auto;
  min-width: 108px;
  min-height: 40px;
  margin: 0;
  padding: 0 18px;
  white-space: nowrap;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner .fingerprint-wide {
  align-self: start;
  width: 40px;
  height: 48px;
  margin-top: 2px;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner .fingerprint-wide svg {
  width: 35px;
  height: 42px;
  stroke: #e6d9e0;
  stroke-width: 1.8;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner .fingerprint-wide i {
  left: 3px;
  right: 3px;
  background: #dcb3c2;
  opacity: .6;
  box-shadow: none;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .strategy-builder {
  padding: 24px;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .strategy-builder > .panel-head {
  margin-bottom: 0;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-cycle-picker {
  margin-top: 22px;
  padding: 4px;
  gap: 4px;
  border: 1px solid var(--sun-line) !important;
  border-radius: 9px;
  background: var(--sun-inset) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-cycle-picker > button {
  min-height: 40px;
  border-radius: 6px;
  font-size: 13px;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-field {
  margin-top: 22px;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-field > span {
  margin-bottom: 10px;
  color: #ddd8e1 !important;
  font-size: 12px;
  font-weight: 500;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-field .amount-input {
  height: 56px;
  padding: 0 12px 0 16px;
  border-color: rgba(247, 237, 244, .22) !important;
  border-radius: 8px;
  background: var(--sun-inset) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-field .amount-input:focus-within {
  border-color: rgba(241, 216, 228, .56) !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] #strategyAmount {
  font-size: 23px;
  font-weight: 550;
  letter-spacing: -.03em;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-field .amount-input em {
  font-size: 12px;
  color: var(--sun-muted);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] #strategyMax {
  height: 30px;
  margin-left: 10px;
  padding: 0 10px;
  border: 0;
  background: transparent !important;
  color: #edc5d4;
  font-size: 12px;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-shortcuts {
  margin-top: 10px;
  gap: 8px;
}
html.violet-app.violet-frosted.violet-sunset #mainContent .view[data-page="strategy"] .builder-shortcuts > button {
  height: 36px;
  min-height: 36px;
  border: 1px solid rgba(245, 234, 243, .17) !important;
  border-radius: 6px;
  background: #101015 !important;
  color: #d3cdd7 !important;
  font-size: 12px;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset #mainContent .view[data-page="strategy"] .builder-shortcuts > button:hover {
  border-color: rgba(239, 212, 226, .38) !important;
  background: #19161d !important;
  color: #f3ecf0 !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-reinvest {
  margin-top: 21px;
  padding: 17px 0;
  border: 0;
  border-top: 1px solid var(--sun-line) !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-reinvest b {
  color: #e7e1e8 !important;
  font-size: 13px;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-reinvest small {
  font-size: 11px;
  line-height: 1.5;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-facts {
  margin: 0 0 18px;
  padding: 14px 0 0;
  gap: 14px;
  border: 0 !important;
  border-top: 1px solid var(--sun-line) !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-facts > span {
  padding: 0;
  border: 0 !important;
  background: transparent !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-facts small {
  font-size: 10px;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-facts b {
  margin-top: 5px;
  color: #ddd5df !important;
  font-size: 12px;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-note {
  margin-top: 11px;
  font-size: 11px;
  line-height: 1.6;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="subscription"] .subscription-quote {
  padding-inline: 0;
  border: 0 !important;
  border-top: 1px solid var(--sun-line) !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset #mainContent .view[data-page="subscription"] .subscription-shortcuts > button:not(.active) {
  border: 1px solid rgba(245, 234, 243, .17) !important;
  background: #101015 !important;
  color: #d3cdd7 !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset .view:is([data-page="assets"], [data-page="strategy"], [data-page="pool"], [data-page="subscription"]) :is(.fingerprint-wide, .nova-asset-mark, .transaction-list > div > i, #assetTransactionList [data-asset-token="NOVA"] > i) {
  border-color: rgba(247, 190, 209, .22);
  background: #30282f;
  color: var(--sun-accent);
  box-shadow: none;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .fingerprint-wide svg {
  stroke: #f5cfda;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .fingerprint-wide i {
  background: #dcc5cb;
  box-shadow: none;
}
html.violet-app.violet-frosted.violet-sunset .view:not([data-page="overview"]) :is(.table-progress > i, .subscription-summary-card > i, .upgrade-card > i, .level-current-progress > i) {
  background: #39323a;
}
html.violet-app.violet-frosted.violet-sunset .view:not([data-page="overview"]) :is(.table-progress > i > b, .subscription-summary-card > i > b, .allocation-list em, .upgrade-card > i b, .level-current-progress > i b) {
  background: #c79ba8;
  box-shadow: none;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="assets"] .overview-earnings-totals > .is-current {
  background: #30272f !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="subscription"] .subscription-field > div:focus-within {
  border-color: rgba(245, 186, 205, .4) !important;
  box-shadow: 0 0 0 3px rgba(227, 130, 166, .06) !important;
}
html.violet-app.violet-frosted.violet-sunset .view:is([data-page="assets"], [data-page="subscription"]) :is(.overview-earnings-row.is-head > span, .subscription-record > b::before, .subscription-record > span::before, .subscription-record > strong::before, .subscription-record > em::before) {
  color: #bdacb5;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="pool"] .pool-hero::before {
  background-image: radial-gradient(rgba(249, 203, 199, .34) .6px, transparent .8px);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="pool"] .pool-globe {
  border-color: rgba(232, 215, 220, .22);
  background: radial-gradient(circle at 36% 28%, #3a323a, #29232d 48%, #1b181f 74%);
  box-shadow: inset 0 1px rgba(242, 233, 232, .07), 0 12px 24px -18px rgba(0, 0, 0, .55);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="pool"] .pool-globe::before {
  border-color: rgba(238, 166, 191, .28);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="pool"] .pool-globe::after {
  border-color: rgba(244, 194, 160, .26);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="pool"] .pool-globe > i {
  background: #e2cdc3;
  box-shadow: 0 0 4px rgba(239, 220, 209, .12);
}
html.violet-app.violet-frosted.violet-sunset .view:is([data-page="team"], [data-page="levels"]) :is(.level-orbit strong, .level-current-mark strong) {
  color: #f4c7cf;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="team"] .team-overview-panel .level-orbit {
  background: #29242c !important;
}
html.violet-app.violet-frosted.violet-sunset .view:is([data-page="levels"], [data-page="team"]) .level-rule-card.current {
  border-color: rgba(224, 182, 197, .3) !important;
  background: #322831 !important;
}
html.violet-app.violet-frosted.violet-sunset .view:is([data-page="levels"], [data-page="team"]) :is(.level-card-top > em, .level-emblem) {
  color: var(--sun-accent) !important;
  border-color: rgba(241, 181, 201, .22) !important;
  background: #342a32 !important;
}
html.violet-app.violet-frosted.violet-sunset .view:is([data-page="levels"], [data-page="team"]) .level-emblem:is(.tier-8, .tier-9, .tier-10, .tier-11) {
  color: #f2caaa !important;
  border-color: rgba(242, 202, 170, .24) !important;
  background: #332c29 !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="team-earnings"] .earnings-ledger-head {
  background: #28232b;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] :is(.eco-ticket-digit, .eco-history-digit) {
  border-color: rgba(233, 215, 213, .17) !important;
  background: #2d282d !important;
  color: #f4eae3;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] :is(.eco-history-winners > code, .eco-lucky-ticket-groups .eco-lucky-ticket) {
  border-color: var(--sun-line);
  background: #262129;
  color: #e5d4dd;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-mine {
  border-color: rgba(226, 170, 191, .3) !important;
  background: #30262e !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-mine > header {
  color: #fac9d7;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-platform > header {
  color: #ded0d8;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-lucky-ticket-groups :is(.eco-lucky-tickets-head > strong, .eco-lucky-tickets > header > strong) {
  border-color: var(--sun-line);
  background: #2f2931;
  color: #e3cdd8;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-mine > header > strong {
  border-color: rgba(223, 178, 195, .23);
  background: #44343e;
  color: #f1c5d3;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-mine .eco-lucky-ticket {
  border-color: rgba(228, 182, 198, .23);
  background: #382d35;
  color: #edced9;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-lucky-ticket-groups .eco-lucky-ticket > small {
  color: var(--sun-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-cycle .eco-countdown strong {
  color: #f3d4c3;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-note::before {
  background: rgba(240, 169, 194, .6);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-burn-track meter {
  background: #39323a;
  accent-color: var(--sun-accent);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-burn-track meter::-webkit-meter-bar {
  background: #39323a;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-burn-track meter::-webkit-meter-optimum-value {
  background: #c79ba8;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-burn-track meter::-moz-meter-bar {
  background: #c79ba8;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-ledger-icon.outgoing {
  border-color: var(--sun-line) !important;
  background: #2b252d !important;
  color: #cdb7c3;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="ecosystem"] .eco-ledger-value strong:not(.incoming) {
  color: #e5d4dd;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] .live-trade-disclosure[open] {
  background: #28222b !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] :is(.live-trade-summary:hover, .live-trade-disclosure[open] .live-trade-summary) {
  background: #302830;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] .live-trade-route span::before {
  border-color: #dba7b9;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] .live-trade-route span:last-child::before {
  background: #f1c5d3;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] .live-trade-route i {
  background: linear-gradient(90deg, rgba(240, 181, 205, .23), #dba7b9);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] .live-trade-route i::after {
  border-color: #dba7b9;
}
html.violet-app.violet-frosted.violet-sunset #mainContent .view[data-page="live-records"] :is(.live-day-button.is-selected, .live-calendar-day.is-selected) {
  border-color: #ac909f !important;
  background: #322730 !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] .live-calendar-day.is-today {
  border-color: rgba(245, 205, 218, .2);
  background: rgba(229, 179, 198, .09);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] .live-calendar-day.is-today::before {
  background: radial-gradient(ellipse at 30% 75%, rgba(250, 217, 216, .22), transparent 62%), radial-gradient(ellipse at 75% 40%, rgba(228, 186, 207, .16), transparent 65%);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] .live-calendar-legend i.is-today {
  border-color: var(--sun-line);
  background: rgba(242, 197, 213, .15);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] .live-flip-desk {
  --deck-paper: #f1efeb;
  --deck-paper-back: #e7e2df;
  --deck-ink: #302d2e;
  --deck-muted: #747071;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] .live-deck-card.is-current .live-deck-front {
  background: var(--deck-paper);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] :is(.live-deck-card.is-prev .live-deck-face, .live-deck-card.is-next .live-deck-face, .live-deck-placeholder) {
  background: #b8b1af;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] .live-deck-face::before {
  background: repeating-linear-gradient(0deg, rgba(67, 62, 57, .016) 0 1px, transparent 1px 3px);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] :is(.live-deck-face::after, .live-deck-placeholder::after) {
  border-color: #b9b1ab;
  background: rgba(86, 75, 68, .025);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] :is(.live-deck-receipt-meta, .live-deck-receipt-meta > small, .live-deck-time, .live-deck-back .live-deck-unflip) {
  color: #747071 !important;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] .live-deck-receipt-meta > span {
  border-color: #b5aaa8;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] .live-deck-logo {
  border-color: rgba(97, 83, 84, .13);
  background: #e4dfdb;
  color: #6b5c60;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] :is(.live-deck-flip-hint, .live-deck-back a, .live-deck-back button) {
  color: #6f5964;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] :is(.live-deck-back a:hover, .live-deck-back button:hover) {
  background: #ddd5d4;
  color: #493d42;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="live-records"] :is(.live-deck-front:focus-visible, .live-deck-back button:focus-visible, .live-deck-back a:focus-visible) {
  outline-color: #a46781;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="radar"] :is(.radar-metric > i, .radar-ai-verdict > i) {
  background: #39323a;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="radar"] :is(.radar-metric > i > b, .radar-ai-verdict > i > b) {
  background: #c79ba8;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="radar"] .radar-score-scale i {
  border-color: #4a303c;
  box-shadow: 0 0 0 1px rgba(244, 196, 213, .4);
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="radar"] .radar-chart-line {
  stroke: var(--sun-accent);
  filter: none;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="radar"] #radarAreaGradient stop {
  stop-color: #eba8bd;
}
html.violet-app.violet-frosted.violet-sunset .view[data-page="radar"] .radar-ai-evidence li::before {
  background: var(--sun-accent);
  box-shadow: none;
}
@media (max-width: 760px) {
  html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px 12px;
    padding: 18px;
  }
  html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner .fingerprint-wide {
    width: 40px;
    height: 44px;
  }
  html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner .fingerprint-wide svg {
    width: 34px;
    height: 42px;
  }
  html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner .section-label {
    font-size: 10px;
  }
  html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner h3 {
    font-size: 14px;
    line-height: 1.55;
  }
  html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner p {
    font-size: 11px;
    line-height: 1.65;
  }
  html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .risk-banner #riskStart {
    grid-column: 2;
    justify-self: start;
    min-height: 36px;
    margin-top: 2px;
    padding: 0 15px;
  }
  html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .strategy-builder {
    padding: 20px;
  }
  html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-cycle-picker {
    margin-top: 18px;
  }
  html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-cycle-picker > button {
    min-height: 38px;
    font-size: 12px;
  }
  html.violet-app.violet-frosted.violet-sunset .view[data-page="strategy"] .builder-facts {
    gap: 10px;
  }
}
/* Component layer: violet-sunset-chrome */
html.violet-app.violet-frosted.violet-sunset {
  --nav-glass-ink: #fff4f7;
  --nav-glass-muted: var(--sun-muted);
  --nav-glass-accent: 246, 187, 202;
}
html.violet-app.violet-frosted.violet-sunset :is(.sidebar, .topbar, .side-nav, .mobile-nav.violet-top-navigation, .lumen-float-menu, .wallet-button, .violet-nav-toggle, .market-ticker, .modal-layer, .modal, .toast) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset .sidebar {
  border-color: var(--sun-line) !important;
  background: #0c0c10 !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset .topbar {
  border-color: var(--sun-line) !important;
  background: #101014 !important;
}
html.violet-app.violet-frosted.violet-sunset :is(.mobile-nav.violet-top-navigation, .lumen-float-menu) {
  border-color: var(--sun-line) !important;
  background: #19171e !important;
  box-shadow: 0 8px 20px rgba(9, 6, 12, .12) !important;
}
html.violet-app.violet-frosted.violet-sunset .side-nav {
  border-color: transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset :is(.wallet-button, .violet-nav-toggle) {
  border-color: rgba(255, 246, 252, .27) !important;
  background: #141319 !important;
  color: #fff4f7 !important;
}
html.violet-app.violet-frosted.violet-sunset :is(.wallet-button:hover, .violet-nav-toggle:hover, .violet-nav-toggle[aria-expanded="true"]) {
  border-color: rgba(255, 246, 252, .4) !important;
  background: #24212a !important;
}
html.violet-app.violet-frosted.violet-sunset :is(.side-nav .nav-item, .mobile-nav.violet-top-navigation button, .lumen-float-menu button) {
  color: var(--sun-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset :is(.side-nav .nav-item, .mobile-nav.violet-top-navigation button, .lumen-float-menu button):is(:hover, .active) {
  border-color: rgba(239, 187, 201, .24) !important;
  background: #2b212b !important;
  color: #fff4f7 !important;
}
html.violet-app.violet-frosted.violet-sunset :is(.side-nav .nav-item, .mobile-nav.violet-top-navigation button).active::before {
  background: var(--sun-accent) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset .side-nav .nav-item.active::before {
  background: #f5a257 !important;
}
html.violet-app.violet-frosted.violet-sunset .lumen-float-menu button::before {
  color: var(--sun-accent);
}
html.violet-app.violet-frosted.violet-sunset .lumen-float-menu button::after {
  border-color: var(--sun-accent);
}
html.violet-app.violet-frosted.violet-sunset :is(.violet-nav-community, .violet-nav-community a, .topbar-status > span) {
  border-color: var(--sun-line) !important;
}
html.violet-app.violet-frosted.violet-sunset :is(.violet-nav-community a, .community-link, .topbar .icon-button, .topbar .network-pill, .admin-entry, .biometric-mini) {
  border-color: var(--sun-line) !important;
  background: #121116 !important;
  color: var(--sun-muted) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset :is(.violet-nav-community a, .community-link):hover {
  background: #24212a !important;
  color: #fff4f7 !important;
}
html.violet-app.violet-frosted.violet-sunset :is(.topbar .eyebrow, .biometric-mini span) {
  color: var(--sun-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset .fingerprint-mini {
  border-color: var(--sun-line);
  background: #16141a;
  box-shadow: none;
}
html.violet-app.violet-frosted.violet-sunset .market-ticker {
  border-color: var(--sun-line) !important;
  background: #0b0b0f !important;
}
html.violet-app.violet-frosted.violet-sunset :is(.ticker-item, .ticker-source) {
  border-color: var(--sun-line) !important;
}
html.violet-app.violet-frosted.violet-sunset :is(.ticker-item b, .ticker-source, .freshness) {
  color: var(--sun-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset .market-ticker::after {
  background: none !important;
}
html.violet-app.violet-frosted.violet-sunset .app-progress {
  background: var(--sun-gradient) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset .modal-layer {
  background: rgba(9, 7, 11, .62);
}
html.violet-app.violet-frosted.violet-sunset .modal-layer .modal {
  --v-ink: #fff4f7;
  --v-muted: var(--sun-muted);
  --v-accent: var(--sun-accent);
  --fm-border: var(--sun-line);
  --fm-border-soft: var(--sun-line);
  border-color: var(--sun-line) !important;
  background: #19171e !important;
  box-shadow: 0 12px 28px rgba(9, 6, 12, .16) !important;
  color: #fff4f7;
}
html.violet-app.violet-frosted.violet-sunset .modal :is(.button, .modal-close, .wallet-choice, .answer-list button, .cycle-picker button) {
  border-color: var(--sun-line) !important;
  background: #111015 !important;
  color: #fff4f7 !important;
}
html.violet-app.violet-frosted.violet-sunset .modal .wallet-choice em {
  color: var(--sun-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset .modal :is(.answer-list button.selected, .cycle-picker button.active) {
  border-color: rgba(239, 187, 201, .36) !important;
  background: #30232e !important;
}
html.violet-app.violet-frosted.violet-sunset .modal :is(.button, .modal-close, .wallet-choice, .answer-list button, .cycle-picker button):hover {
  border-color: rgba(255, 246, 252, .26) !important;
  background: #24212a !important;
}
html.violet-app.violet-frosted.violet-sunset .modal .button.primary {
  border-color: rgba(255, 220, 217, .3) !important;
  background: var(--sun-gradient) !important;
  color: #fff !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset .modal .button.primary:hover {
  border-color: rgba(255, 226, 226, .42) !important;
  background: var(--sun-gradient) !important;
  filter: brightness(1.05) !important;
}
html.violet-app.violet-frosted.violet-sunset .modal :is(.amount-input, .field > div, .plain-input, .compact-form label > div, .order-summary, .fee-breakdown, .transfer-rule-summary, .subscription-records-modal-summary, .order-settlement-summary, .pool-history-summary, .nova-withdraw-available, .nova-withdraw-destination, .history-ledger, .subscription-ledger, .direct-members-ledger, .order-settlement-ledger, .auto-row, .segmented) {
  border-color: var(--sun-line) !important;
  background: var(--sun-inset) !important;
}
html.violet-app.violet-frosted.violet-sunset .modal-layer .modal :is(.order-summary, .fee-breakdown, .transfer-rule-summary, .subscription-records-modal-summary, .order-settlement-summary, .pool-history-summary, .nova-withdraw-available, .nova-withdraw-destination, .auto-row) {
  background: transparent !important;
}
html.violet-app.violet-frosted.violet-sunset .modal :is(.amount-input button, #novaWithdrawMax, .segmented button.active, .answer-list button.selected i) {
  border-color: rgba(239, 187, 201, .24) !important;
  background: #30232e !important;
}
html.violet-app.violet-frosted.violet-sunset .modal :is(.history-ledger-head, .subscription-ledger-head, .direct-members-ledger-head, .order-settlement-ledger-head) {
  border-color: var(--sun-line) !important;
  background: #151319 !important;
}
html.violet-app.violet-frosted.violet-sunset .modal :is(.history-ledger-row, .subscription-record, .direct-member-row, .order-settlement-ledger-row) {
  border-color: var(--sun-line) !important;
}
html.violet-app.violet-frosted.violet-sunset .modal .risk-progress {
  background: #242029;
}
html.violet-app.violet-frosted.violet-sunset .modal .risk-progress i {
  background: var(--sun-gradient);
  box-shadow: none;
}
html.violet-app.violet-frosted.violet-sunset .modal :is(input, select) {
  accent-color: var(--sun-accent);
}
html.violet-app.violet-frosted.violet-sunset .modal .toggle:checked,
html.violet-app.violet-frosted.violet-sunset .modal .switch input:checked + i {
  border-color: rgba(246, 187, 202, .36) !important;
  background: #d38cae !important;
}
html.violet-app.violet-frosted.violet-sunset .toast {
  border-color: var(--sun-line) !important;
  background: #19171e !important;
  box-shadow: 0 8px 20px rgba(9, 6, 12, .12) !important;
  color: #fff4f7;
}
html.violet-app.violet-frosted.violet-sunset .toast i {
  border-color: rgba(239, 187, 201, .18);
  background: #30232e;
  color: var(--sun-accent);
}
html.violet-app.violet-frosted.violet-sunset .toast p {
  color: var(--sun-muted) !important;
}
/* Component layer: violet-optical */
html.violet-app.violet-frosted.violet-sunset.violet-optical {
  --optical-panel: linear-gradient(135deg,rgba(44,43,56,.96),rgba(9,12,20,.97) 58%,rgba(23,20,39,.94));
  --optical-ink: #f8f7ff;
  --optical-muted: #c8c2d8;
  --optical-edge: rgba(230,230,255,.48);
  --optical-shadow: inset 0 2px 1px rgba(255,255,255,.65), inset 2px 0 2px rgba(212,220,255,.26), inset -2px -3px 3px rgba(193,168,250,.28), 0 6px 0 -2px #777684, 0 16px 22px -9px rgba(18,20,37,.44);
  --sun-panel: #11141e;
  --sun-inset: rgba(1,5,13,.5);
  --sun-line: rgba(208,216,249,.22);
  --sun-muted: var(--optical-muted);
  --v-ink: var(--optical-ink);
  --v-muted: var(--optical-muted);
  --v-surface: var(--optical-panel);
  --v-inset: var(--sun-inset);
  --v-border: var(--optical-edge);
  --fm-text: var(--optical-ink);
  --fm-text-secondary: var(--optical-muted);
  --fm-muted: #b9b2c9;
  --liquid-ink: var(--optical-ink);
  --liquid-muted: var(--optical-muted);
  background: #e3e3e8 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical :is(body,.app-shell) {
  background: #e3e3e8 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .main {
  background: radial-gradient(ellipse at 95% 5%,#f2e4ed 0%,transparent 36%),linear-gradient(135deg,#e1e3e9,#eeeef1 45%,#d4d5df) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .main::before {
  background: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .violet-atmosphere {
  opacity: .14;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] {
  color: #20212e;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(.page-head,.subpage-head,.level-section-head,.nova-community-heading) :is(h2,h3) {
  color: #151523 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(.page-head,.subpage-head,.level-section-head) :is(p,.kicker,.section-label) {
  color: #61586f !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(
  .ai-principal-card,.eco-teaser-link,.nova-market-card,.nova-community-card,.nova-whitepaper-cta,
  .panel,.ops-stats > div,.risk-banner,.pool-hero,.asset-card,.nova-asset-card,.asset-earnings,
  .subscription-summary-card,.team-overview-panel,.team-action-card,.level-current-panel,
  .base-level-card,.level-rule-card,.earnings-total-card,.eco-lucky-panel,.eco-fund-list,
  .eco-detail-hero,.eco-ledger,.live-replay-desk,.live-flip-desk,.live-source-status,.eco-shortcuts
) {
  position: relative;
  border: 1px solid var(--optical-edge) !important;
  border-top-color: rgba(255,255,255,.82) !important;
  border-bottom-color: rgba(118,148,215,.55) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg,rgba(235,237,255,.11),transparent 24%),var(--optical-panel) !important;
  box-shadow: var(--optical-shadow) !important;
  color: var(--optical-ink) !important;
  backdrop-filter: blur(12px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(
  .eco-teaser-link,.nova-market-card,.nova-community-card,.panel,.risk-banner,
  .asset-card,.asset-earnings,.team-overview-panel,.eco-lucky-panel,.live-replay-desk,.live-flip-desk
)::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 4px !important;
  width: auto !important;
  height: auto !important;
  border: 1px solid rgba(224,222,255,.17);
  border-top-color: rgba(255,255,255,.32);
  border-radius: 20px;
  background: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  animation: none !important;
  pointer-events: none;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(
  .asset-card,.team-overview-panel,.risk-banner,.live-flip-desk
)::after {
  content: '';
  display: block !important;
  position: absolute;
  left: 16%;
  right: 16%;
  bottom: 3px;
  width: auto;
  height: 3px;
  border-radius: 50%;
  background: linear-gradient(90deg,transparent,#75dfff 22%,#c095f1 68%,transparent) !important;
  box-shadow: 0 -2px 10px rgba(161,154,255,.45);
  pointer-events: none;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(
  .button,.asset-total-actions > button,#novaWithdrawButton,.subpage-back,
  .nova-community-channel,.nova-burn-more,.nova-subscribe-actions > button,.ai-principal-action,
  .order-settlement-trigger,.subscription-record-link,.live-more-button,.live-deck-controls > button,
  .eco-lucky-history-more,.eco-lucky-ticket-more,.builder-shortcuts > button
) {
  position: relative;
  isolation: isolate;
  border: 1px solid rgba(226,225,250,.46) !important;
  border-top-color: rgba(247,244,255,.82) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg,rgba(233,227,255,.2),transparent 25%,rgba(0,0,0,.18) 70%,rgba(106,90,186,.27)),linear-gradient(120deg,#151925,#04070d 56%,#24182e) !important;
  box-shadow: inset 0 2px 1px rgba(248,249,255,.34),inset 0 -2px 2px rgba(116,124,222,.48),0 4px 0 -1px #121322,0 7px 10px -4px rgba(0,0,0,.55) !important;
  color: #fcfaff !important;
  text-shadow: 0 1px 2px #0b0713;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(
  .button.primary,.asset-total-actions > button.primary,.nova-subscribe-actions > button.primary,
  .ai-principal-action.primary,#riskStart
) {
  background: linear-gradient(180deg,rgba(255,233,248,.48),transparent 25%,rgba(255,141,42,.06) 64%,rgba(255,123,99,.52)),linear-gradient(110deg,#4a153d,#751950 47%,#342045) !important;
  border-color: #d8a9cb !important;
  border-top-color: #ffe2f3 !important;
  color: #fffafd !important;
  box-shadow: inset 0 2px 1px rgba(255,247,255,.6),inset 0 -3px 3px rgba(255,174,70,.9),inset 2px 0 3px rgba(248,178,246,.35),0 4px 0 -1px #612342,0 10px 15px -5px rgba(239,86,170,.4) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(
  .button.primary,.asset-total-actions > button.primary,.nova-subscribe-actions > button.primary,
  .ai-principal-action.primary,#riskStart
):hover {
  filter: brightness(1.1);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(
  .button.primary,.ai-principal-action.primary,.nova-subscribe-actions > button.primary
)::after {
  content: '';
  display: block !important;
  position: absolute;
  top: 3px;
  left: 15%;
  right: 15%;
  bottom: auto;
  width: auto;
  height: 4px;
  border-radius: 50%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent) !important;
  transform: none;
  animation: none;
  pointer-events: none;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(
  .amount-input,.field > div,.compact-form label > div,.subscription-field > div,
  .earnings-filters input,.earnings-filters select
) {
  border: 1px solid rgba(215,211,244,.65) !important;
  border-top-color: rgba(245,239,255,.82) !important;
  border-radius: 18px !important;
  background: linear-gradient(110deg,rgba(201,198,232,.18),rgba(0,0,0,.24) 65%),#11121b !important;
  box-shadow: inset 0 2px 3px rgba(255,255,255,.22),inset 0 -2px 2px rgba(185,171,233,.6),0 3px 5px rgba(0,0,0,.25) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(.amount-input,.field > div):focus-within {
  border-color: #dfbcff !important;
  box-shadow: inset 0 2px 2px rgba(255,255,255,.3),0 0 0 2px rgba(187,144,242,.32) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(.toggle:checked,.switch input:checked + i) {
  background: linear-gradient(135deg,#142858,#213782 52%,#5c2774) !important;
  border: 1px solid #978bd0 !important;
  box-shadow: inset 0 1px 2px #ced5ff,inset 0 -2px 4px rgba(127,122,239,.75),0 2px 4px #060612 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] .toggle:checked::before,
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] .switch input:checked + i::after {
  background: linear-gradient(145deg,#fff,#d4d2ee) !important;
  box-shadow: inset 0 1px #fff,0 0 5px #d2bbff;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(.segmented,.builder-cycle-picker) {
  background: rgba(0,0,0,.38) !important;
  border: 1px solid rgba(210,214,247,.25) !important;
  border-radius: 18px !important;
  padding: 5px;
  box-shadow: inset 0 1px 3px #030510 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(.segmented button,.builder-cycle-picker > button,.subscription-shortcuts > button) {
  border-radius: 999px !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(
  .segmented button.active,.builder-cycle-picker > button.active,.subscription-shortcuts > button.active,
  #liveReplay[aria-pressed="true"],#liveCalendarToggle[aria-expanded="true"]
) {
  border: 1px solid #b7a6de !important;
  background: linear-gradient(180deg,rgba(237,229,255,.32),transparent 45%,rgba(151,64,222,.23)),#382742 !important;
  color: #fff4ff !important;
  box-shadow: inset 0 1px 1px #f5e3ff,inset 0 -2px 2px #a76ed5,0 3px 5px #070411 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .ai-principal-card {
  padding: 38px 26px 34px;
  margin-top: 18px;
  margin-bottom: 34px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .ai-settlement-countdown {
  top: 18px;
  right: 26px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .ai-principal-copy > strong {
  color: #fffaff !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .ai-principal-card .ai-principal-copy > small {
  color: #c8bcd5 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .ai-principal-card::after {
  display: none;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent #riskBanner {
  margin-bottom: 22px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent #strategyBuilder {
  top: auto;
  padding: 26px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent #strategyAmount {
  font-size: 28px;
  color: #fff7ff !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(.nova-kline-panel,.nova-burn-ledger,.order-center-summary,.builder-facts,.builder-reinvest) {
  color: var(--optical-ink);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .lumenova-logo-word g > rect:first-child {
  fill: #171622;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .nova-community-card .lumenova-logo-word g > rect:first-child {
  fill: #fff7ff;
}
@media (max-width: 760px) {
  html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .ai-principal-card {
    padding: 46px 16px 25px;
    margin-top: 18px;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .ai-settlement-countdown {
    top: 18px;
    right: 16px;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent #strategyBuilder {
    padding: 22px;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page] :is(.panel,.asset-card,.eco-teaser-link,.eco-lucky-panel,.nova-market-card,.nova-community-card) {
    margin-bottom: 10px;
  }
}
/* Component layer: violet-optical-content */
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="assets"], [data-page="pool"], [data-page="subscription"], [data-page="team"], [data-page="team-earnings"], [data-page="levels"], [data-page="ecosystem"], [data-page="live-records"], [data-page="radar"]) {
  --content-glass: linear-gradient(145deg, rgba(218, 218, 255, .065), rgba(4, 7, 16, .45) 58%, rgba(119, 91, 160, .07));
  --content-edge: rgba(229, 226, 255, .18);
  --content-accent: #d5c1ff;
  --fm-border-soft: var(--content-edge);
  --fm-accent: var(--content-accent);
  --fm-accent-mid: #b397ef;
  --fm-accent-soft: #e9ddff;
  --live-line: var(--content-edge);
  --live-text: var(--optical-ink);
  --live-muted: var(--optical-muted);
  --live-accent: var(--content-accent);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:not([data-page="overview"]) :is(.page-head h2, .subpage-head h2, .level-section-head h3, .eco-section-head h2, .eco-detail-title h2) {
  color: #252332 !important;
  text-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:not([data-page="overview"]) :is(.page-head .kicker, .page-head p, .page-head .live-eyebrow, .subpage-head .kicker, .subpage-head p, .level-section-head .section-label, .eco-section-head .section-label, .eco-source, .eco-detail-title .section-label, .eco-detail-title p) {
  color: #625c73 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:not([data-page="overview"]) :is(.eco-head-meta, .eco-head-meta strong, .eco-head-meta small) {
  color: #51465f !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="assets"], [data-page="subscription"], [data-page="pool"]) :is(.asset-total-card > header > strong, .asset-total-breakdown strong, .nova-asset-head h3, .nova-asset-balances strong, .overview-earnings-head h3, .overview-earnings-totals strong, .subscription-summary-card > strong, .subscription-quote b, .pool-balance > strong, .pool-balance > div b) {
  color: var(--optical-ink) !important;
  text-shadow: none;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="assets"], [data-page="subscription"], [data-page="pool"]) :is(.asset-total-card > header > span, .asset-total-breakdown span, .asset-total-breakdown small, .nova-asset-source, .nova-asset-balances > div > span, .overview-earnings-totals span, .overview-earnings-totals small, .overview-earnings-note, .subscription-summary-card > span, .subscription-summary-card > em, .subscription-field > span, .subscription-note, .pool-balance > span) {
  color: var(--optical-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="assets"], [data-page="subscription"]) :is(.asset-total-breakdown, .overview-earnings-breakdown, .overview-earnings-totals > div, .subscription-field > div, .subscription-ledger) {
  border-color: var(--content-edge) !important;
  background: var(--content-glass) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .045), inset 0 -1px rgba(0, 0, 0, .18) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="assets"] .overview-earnings-totals > .is-current {
  background: linear-gradient(155deg, rgba(128, 107, 180, .2), rgba(7, 10, 20, .32)) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="assets"], [data-page="subscription"], [data-page="team-earnings"]) :is(.overview-earnings-row.is-head, .subscription-ledger-head, .earnings-ledger-head) {
  background: rgba(220, 221, 255, .035) !important;
  color: var(--optical-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="assets"], [data-page="subscription"]) :is(.overview-earnings-row.is-head > span, .subscription-record > b::before, .subscription-record > span::before, .subscription-record > strong::before, .subscription-record > em::before) {
  color: var(--optical-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="assets"], [data-page="pool"]) :is(.nova-asset-mark, .transaction-list > div > i, #assetTransactionList [data-asset-token="NOVA"] > i, .activity-icon) {
  border-color: rgba(212, 199, 255, .27) !important;
  background: linear-gradient(145deg, rgba(169, 145, 218, .19), rgba(13, 13, 28, .55)) !important;
  color: #dfd0ff !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .12) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="subscription"] .subscription-field > div:focus-within {
  border-color: rgba(194, 169, 255, .65) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 0 0 3px rgba(148, 116, 211, .1) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="subscription"] .subscription-shortcuts > button:not(.active) {
  border-color: var(--content-edge) !important;
  background: var(--content-glass) !important;
  color: var(--optical-muted) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .055) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="pool"] .pool-globe {
  border-color: rgba(221, 212, 246, .38);
  background: radial-gradient(circle at 30% 20%, rgba(236, 235, 255, .23), rgba(47, 36, 69, .52) 35%, rgba(7, 10, 20, .86) 72%);
  box-shadow: inset 0 2px rgba(255, 255, 255, .13), inset 0 -12px 25px -15px rgba(170, 132, 227, .42), 0 15px 25px -18px rgba(0, 0, 0, .8);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="pool"] .pool-globe::before {
  border-color: rgba(202, 179, 241, .4);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="pool"] .pool-globe::after {
  border-color: rgba(226, 215, 247, .28);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="team"], [data-page="levels"], [data-page="team-earnings"]) :is(.team-stat > strong, .team-member-count-grid strong, .team-action-card strong, .level-condition b, .level-values dd, .earnings-total-card strong, .earnings-range-summary b) {
  color: var(--optical-ink) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="team"], [data-page="levels"]) :is(.level-orbit strong, .level-current-mark strong) {
  color: #e3d6ff !important;
  text-shadow: 0 1px 8px rgba(137, 105, 186, .2);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="team"] .team-overview-panel .level-orbit {
  background: radial-gradient(ellipse at 35% 0, rgba(176, 156, 224, .16), rgba(9, 10, 18, .1) 75%) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="team"], [data-page="team-earnings"], [data-page="levels"]) :is(.team-member-count-grid, .earnings-range-summary, .earnings-ledger, .level-values > div) {
  border-color: var(--content-edge) !important;
  background: var(--content-glass) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .04) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="levels"], [data-page="team"]) .level-values {
  background: rgba(215, 210, 247, .11) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="levels"], [data-page="team"]) .level-rule-card.current {
  border-color: rgba(201, 179, 248, .58) !important;
  background: radial-gradient(ellipse at 0 0, rgba(157, 122, 216, .17), transparent 68%), var(--optical-panel) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="levels"], [data-page="team"]) :is(.level-card-top > em, .level-emblem:not(.tier-8, .tier-9, .tier-10, .tier-11)) {
  border-color: rgba(205, 184, 245, .3) !important;
  background: linear-gradient(145deg, rgba(179, 151, 227, .18), rgba(9, 9, 22, .46)) !important;
  color: #dfcdff !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="subscription"], [data-page="team"], [data-page="levels"]) :is(.subscription-summary-card > i, .upgrade-card > i, .level-current-progress > i) {
  background: rgba(217, 212, 248, .14);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:is([data-page="subscription"], [data-page="team"], [data-page="levels"]) :is(.subscription-summary-card > i > b, .upgrade-card > i b, .level-current-progress > i b) {
  background: linear-gradient(90deg, #82709e, #c8b2ec 76%, #eee5ff);
  box-shadow: 0 1px rgba(255, 255, 255, .16) inset;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view:not([data-page="overview"]) :is(#poolEcosystemSummary, #teamEcosystemSummary, #ecosystemOverview, #ecosystemDetail) {
  --eco-accent: #d7c1fb;
  --eco-text: var(--optical-ink);
  --eco-muted: var(--optical-muted);
  --eco-dim: #a99fbd;
  --eco-line: rgba(218, 210, 245, .14);
  --eco-line-strong: rgba(228, 216, 254, .27);
  --eco-surface: rgba(16, 17, 28, .65);
  --eco-surface-deep: rgba(4, 7, 15, .35);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="ecosystem"] :is(.eco-lucky-results, .eco-lucky-history-row, .eco-weights, .eco-burn-track, .eco-note, .eco-lucky-ticket-groups .is-platform) {
  border-color: var(--content-edge) !important;
  background: var(--content-glass) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .045) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-mine {
  border-color: rgba(190, 163, 239, .52) !important;
  background: linear-gradient(140deg, rgba(155, 124, 200, .19), rgba(11, 11, 24, .44) 70%) !important;
  box-shadow: inset 0 1px rgba(241, 229, 255, .15), inset 0 -12px 20px -18px rgba(164, 119, 236, .45) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-mine > header {
  color: #eadcff !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-platform > header {
  color: #e0dce9 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="ecosystem"] :is(.eco-lucky-ticket-groups .eco-lucky-ticket, .eco-history-winners > code) {
  border-color: rgba(210, 207, 233, .2) !important;
  background: rgba(7, 10, 18, .42) !important;
  color: #e4dff1 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-mine .eco-lucky-ticket {
  border-color: rgba(205, 180, 248, .35) !important;
  background: rgba(68, 47, 99, .26) !important;
  color: #eee2ff !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="ecosystem"] .eco-lucky-ticket-groups :is(.eco-lucky-tickets-head > strong, .eco-lucky-tickets > header > strong) {
  border-color: rgba(213, 203, 239, .2) !important;
  background: rgba(158, 135, 197, .13) !important;
  color: #ddd0ef !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="ecosystem"] :is(.eco-ticket-digit, .eco-history-digit) {
  border-color: rgba(224, 219, 246, .26) !important;
  background: linear-gradient(180deg, rgba(235, 230, 255, .12), rgba(9, 10, 21, .24) 54%) !important;
  color: #f6edff !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .12) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="ecosystem"] .eco-burn-track meter {
  background: rgba(217, 212, 248, .14);
  accent-color: #c8b2ec;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="ecosystem"] .eco-burn-track meter::-webkit-meter-bar {
  background: rgba(217, 212, 248, .14);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="ecosystem"] .eco-burn-track meter::-webkit-meter-optimum-value {
  background: #c8b2ec;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="ecosystem"] .eco-burn-track meter::-moz-meter-bar {
  background: #c8b2ec;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] .live-selected-head h3 {
  color: #252332 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] :is(.live-selected-head .live-eyebrow, .live-selected-earnings span, .live-trades-meta, .live-trades-meta b) {
  color: #625c73 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] .live-selected-earnings strong {
  color: #19765b !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] .live-selected-earnings strong.is-loss {
  color: #a34253 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] :is(.live-trades-panel, .live-trades-meta) {
  border-color: rgba(80, 70, 104, .22) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] :is(.live-trade-card, .live-record-message, .live-period-badge) {
  border-color: rgba(206, 207, 231, .52) !important;
  border-top-color: rgba(250, 247, 255, .75) !important;
  background: linear-gradient(180deg, rgba(235, 237, 255, .07), transparent 35%), var(--optical-panel) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .18), inset 0 -1px rgba(181, 157, 224, .25), 0 4px 7px -4px rgba(21, 20, 36, .48) !important;
  color: var(--optical-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] :is(.live-flip-desk .live-day-rail, .live-replay-desk .live-calendar-panel) {
  border-color: var(--content-edge) !important;
  background: rgba(4, 6, 13, .24) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] :is(.live-day-button, .live-calendar-day.has-records) {
  color: var(--optical-muted) !important;
  border-color: rgba(220, 216, 245, .18) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] :is(.live-day-button.is-selected, .live-calendar-day.is-selected) {
  border-color: rgba(192, 165, 245, .75) !important;
  background: radial-gradient(ellipse at 50% 120%, rgba(138, 84, 214, .33), transparent 65%), linear-gradient(145deg, #292635, #10101b 62%) !important;
  color: var(--optical-ink) !important;
  box-shadow: inset 0 1px rgba(245, 237, 255, .2), inset 0 -2px 0 rgba(184, 141, 248, .58), 0 3px 10px -6px rgba(151, 100, 228, .6) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] .live-trade-disclosure[open] {
  border-color: rgba(218, 208, 244, .54) !important;
  background: linear-gradient(140deg, rgba(170, 155, 204, .1), transparent 55%), var(--optical-panel) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] :is(.live-trade-summary:hover, .live-trade-disclosure[open] .live-trade-summary) {
  background: rgba(199, 183, 229, .055) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] .live-trade-route span::before {
  border-color: #c9b0ed;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] .live-trade-route span:last-child::before {
  background: #dfcafb;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] .live-trade-route i {
  background: linear-gradient(90deg, rgba(180, 157, 216, .24), #c9b0ed);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="live-records"] .live-trade-route i::after {
  border-color: #c9b0ed;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="radar"] :is(.radar-metric > i, .radar-ai-verdict > i) {
  background: rgba(217, 212, 248, .14);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="radar"] :is(.radar-metric > i > b, .radar-ai-verdict > i > b) {
  background: linear-gradient(90deg, #8d77af, #d8c5f4);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="radar"] .radar-chart-line {
  stroke: #ceb6ef;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="radar"] #radarAreaGradient stop {
  stop-color: #b89adc;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical #mainContent .view[data-page="radar"] .radar-ai-evidence li::before {
  background: #ccb5ed;
}
/* Component layer: violet-optical-chrome */
html.violet-app.violet-frosted.violet-sunset.violet-optical {
  --nav-glass-ink: var(--optical-ink);
  --nav-glass-muted: var(--optical-muted);
  --optical-chrome-pane: radial-gradient(ellipse at 40% 0%, rgba(255, 255, 255, .22), transparent 52%), radial-gradient(ellipse at 92% 100%, rgba(167, 123, 245, .22), transparent 48%), var(--optical-panel);
  --optical-chrome-button: radial-gradient(ellipse at 45% 0%, rgba(255, 255, 255, .31), transparent 58%), radial-gradient(ellipse at 90% 108%, rgba(168, 112, 239, .42), transparent 56%), radial-gradient(ellipse at 4% 108%, rgba(235, 154, 113, .15), transparent 48%), linear-gradient(165deg, #35333f, #15151f 58%, #201b31);
  --optical-chrome-rim: inset 0 1px 0 rgba(255, 255, 255, .62), inset 0 0 0 1px rgba(225, 220, 249, .15), inset 0 -1px 0 rgba(190, 162, 245, .38);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .sidebar {
  border-color: rgba(107, 110, 133, .2) !important;
  background: rgba(217, 219, 230, .84) !important;
  box-shadow: inset -1px 0 rgba(255, 255, 255, .58) !important;
  backdrop-filter: blur(20px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(120%) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .topbar {
  border-color: rgba(107, 110, 133, .2) !important;
  background: rgba(229, 230, 240, .78) !important;
  box-shadow: inset 0 -1px rgba(255, 255, 255, .65), 0 4px 15px rgba(58, 53, 83, .04) !important;
  backdrop-filter: blur(20px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(125%) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical :is(.topbar, .sidebar) .lumenova-logo-word g > rect:first-child {
  fill: #252430 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical :is(.topbar-context h1, .topbar .eyebrow) {
  color: #33303f !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .topbar-status > span {
  border-color: rgba(99, 92, 119, .19) !important;
  background: rgba(249, 248, 255, .28) !important;
  color: #575163 !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .55) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .topbar-status > span:first-child {
  color: #27785e !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical :is(.side-nav, .mobile-nav.violet-top-navigation, .lumen-float-menu) {
  border-radius: 24px !important;
  border-color: var(--optical-edge) !important;
  background: var(--optical-chrome-pane) !important;
  box-shadow: var(--optical-chrome-rim), 0 16px 30px rgba(51, 43, 75, .22), 0 3px 7px rgba(33, 28, 55, .17) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical :is(.wallet-button, .violet-nav-toggle, .topbar .icon-button, .topbar .community-link, .topbar .network-pill, .admin-entry, .biometric-mini, .violet-nav-community a) {
  border-radius: 999px !important;
  border-color: var(--optical-edge) !important;
  background: var(--optical-chrome-button) !important;
  color: var(--optical-ink) !important;
  box-shadow: var(--optical-chrome-rim), 0 6px 12px rgba(45, 37, 67, .24) !important;
  backdrop-filter: blur(14px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical :is(.wallet-button:hover, .violet-nav-toggle:hover, .violet-nav-toggle[aria-expanded="true"], .topbar .community-link:hover, .violet-nav-community a:hover) {
  border-color: rgba(246, 243, 255, .75) !important;
  background: var(--optical-chrome-button) !important;
  color: #fff !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .78), inset 0 0 0 1px rgba(225, 220, 249, .22), inset 0 -1px rgba(206, 176, 255, .52), 0 7px 15px rgba(45, 37, 67, .26) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical :is(.side-nav .nav-item, .mobile-nav.violet-top-navigation button, .lumen-float-menu button) {
  border-radius: 999px !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--optical-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical :is(.side-nav .nav-item, .mobile-nav.violet-top-navigation button, .lumen-float-menu button):is(:hover, .active) {
  border-color: rgba(239, 233, 255, .42) !important;
  background: var(--optical-chrome-button) !important;
  box-shadow: var(--optical-chrome-rim), 0 5px 12px rgba(0, 0, 0, .2) !important;
  color: var(--optical-ink) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .side-nav .nav-icon {
  color: inherit !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .side-nav .nav-item::before {
  opacity: 0 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .mobile-nav.violet-top-navigation button.active::before {
  background: #e9daff !important;
  box-shadow: 0 0 5px rgba(210, 181, 255, .5) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .violet-nav-community {
  border-color: rgba(229, 220, 246, .2) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical :is(.biometric-mini span, .admin-entry span) {
  color: var(--optical-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .market-ticker {
  border-color: rgba(107, 110, 133, .17) !important;
  background: rgba(213, 215, 226, .8) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .5) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical :is(.ticker-item, .ticker-source) {
  border-color: rgba(107, 110, 133, .17) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical :is(.ticker-item b, .ticker-source, .freshness) {
  color: #544e63 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .ticker-item {
  color: #35303e !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .ticker-item strong {
  color: #302b3b !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .market-ticker .up {
  color: #247559 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .market-ticker .down {
  color: #b1465d !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .modal-layer {
  background: rgba(39, 34, 57, .27) !important;
  backdrop-filter: blur(5px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(5px) saturate(115%) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .modal-layer .modal {
  --v-ink: var(--optical-ink);
  --v-muted: var(--optical-muted);
  --v-accent: #e7c1fb;
  border-radius: 28px !important;
  border-color: var(--optical-edge) !important;
  background: var(--optical-chrome-pane) !important;
  color: var(--optical-ink) !important;
  box-shadow: var(--optical-chrome-rim), 0 26px 58px rgba(34, 27, 54, .32), 0 5px 14px rgba(34, 27, 54, .18) !important;
  backdrop-filter: blur(22px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .modal :is(.button, .modal-close, .wallet-choice, .answer-list button, .cycle-picker button) {
  border-radius: 999px !important;
  border-color: rgba(227, 220, 247, .38) !important;
  background: var(--optical-chrome-button) !important;
  color: var(--optical-ink) !important;
  box-shadow: var(--optical-chrome-rim), 0 5px 12px rgba(0, 0, 0, .19) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .modal :is(.button, .modal-close, .wallet-choice, .answer-list button, .cycle-picker button):hover {
  border-color: rgba(246, 239, 255, .67) !important;
  background: var(--optical-chrome-button) !important;
  color: #fff !important;
  box-shadow: var(--optical-chrome-rim), 0 6px 14px rgba(0, 0, 0, .22) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .modal :is(.answer-list button.selected, .cycle-picker button.active) {
  border-color: rgba(238, 199, 255, .76) !important;
  background: radial-gradient(ellipse at 40% 0%, rgba(255, 255, 255, .35), transparent 62%), linear-gradient(145deg, #685473, #2e273f 58%, #554078) !important;
  color: #fff !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .modal .button.primary {
  border-radius: 999px !important;
  border-color: rgba(255, 235, 251, .66) !important;
  background: var(--sun-gradient) !important;
  color: #fff !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .6), inset 0 -1px rgba(71, 30, 91, .3), 0 8px 16px rgba(147, 77, 156, .24) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .modal .button.primary:hover {
  background: var(--sun-gradient) !important;
  border-color: rgba(255, 245, 253, .86) !important;
  filter: brightness(1.05) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .modal :is(.amount-input, .field > div, .plain-input, .compact-form label > div, .segmented, .history-ledger, .subscription-ledger, .direct-members-ledger, .order-settlement-ledger) {
  border-radius: 16px !important;
  border-color: rgba(230, 222, 251, .22) !important;
  background: rgba(5, 7, 16, .42) !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .28), 0 1px rgba(255, 255, 255, .07) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .modal :is(.amount-input input, .field input) {
  background: transparent !important;
  color: var(--optical-ink) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .modal :is(.amount-input button, #novaWithdrawMax, .segmented button.active, .answer-list button.selected i) {
  border-radius: 999px !important;
  border-color: rgba(230, 216, 255, .42) !important;
  background: var(--optical-chrome-button) !important;
  color: var(--optical-ink) !important;
  box-shadow: var(--optical-chrome-rim) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .modal :is(.history-ledger-head, .subscription-ledger-head, .direct-members-ledger-head, .order-settlement-ledger-head) {
  background: rgba(222, 208, 255, .07) !important;
  border-color: rgba(230, 222, 251, .19) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .modal .wallet-choice em {
  color: var(--optical-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .toast {
  border-radius: 20px !important;
  border-color: var(--optical-edge) !important;
  background: var(--optical-chrome-pane) !important;
  color: var(--optical-ink) !important;
  box-shadow: var(--optical-chrome-rim), 0 12px 26px rgba(40, 32, 63, .25) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical .toast p {
  color: var(--optical-muted) !important;
}
@media (max-width: 1024px) {
  html.violet-app.violet-frosted.violet-sunset.violet-optical .topbar.violet-navigation-open {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}
/* Component layer: violet-theme-dark */
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark {
  color-scheme: dark;
  --optical-panel: linear-gradient(135deg, rgba(37, 36, 50, .97), rgba(16, 18, 29, .97) 57%, rgba(28, 24, 42, .96));
  --optical-ink: #f5f2fc;
  --optical-muted: #b5afc7;
  --optical-edge: rgba(191, 187, 218, .25);
  --optical-shadow: inset 0 1px 1px rgba(247, 239, 255, .28), inset 1px 0 1px rgba(221, 222, 253, .08), inset -1px -2px 2px rgba(164, 140, 202, .12), 0 4px 0 -1px #090a12, 0 15px 25px -12px rgba(0, 0, 0, .7);
  --sun-panel: #141520;
  --sun-inset: rgba(3, 5, 13, .42);
  --sun-line: rgba(184, 178, 216, .17);
  --sun-muted: var(--optical-muted);
  --fm-muted: #a7a0b9;
  background: #0c0d14 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark :is(body, .app-shell) {
  background: #0c0d14 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark .main {
  background: radial-gradient(ellipse at 100% 0, rgba(76, 48, 104, .16), transparent 42%), radial-gradient(ellipse at 0 34%, rgba(38, 43, 76, .1), transparent 43%), #0c0d14 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark .violet-atmosphere {
  opacity: .18;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .view[data-page] {
  color: var(--optical-ink);
  --content-glass: linear-gradient(145deg, rgba(210, 204, 243, .035), rgba(4, 7, 16, .24) 58%, rgba(123, 95, 156, .05));
  --content-edge: rgba(199, 190, 226, .16);
  --content-accent: #d5bcf8;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .view[data-page] :is(
  .page-head h2, .subpage-head h2, .level-section-head h3, .nova-community-heading h2,
  .nova-community-heading h3, .eco-section-head h2, .eco-detail-title h2,
  .live-selected-head h3
) {
  color: #f3effa !important;
  text-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .view[data-page] :is(
  .page-head .kicker, .page-head p, .page-head .live-eyebrow, .subpage-head .kicker,
  .subpage-head p, .level-section-head .section-label, .eco-section-head .section-label,
  .eco-source, .eco-detail-title .section-label, .eco-detail-title p,
  .live-selected-head .live-eyebrow, .live-selected-earnings span, .live-trades-meta, .live-trades-meta b
) {
  color: #aaa2bd !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .view[data-page] :is(.eco-head-meta, .eco-head-meta strong, .eco-head-meta small) {
  color: #c7bbdb !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .view[data-page] :is(
  .ai-principal-card, .eco-teaser-link, .nova-market-card, .nova-community-card, .nova-whitepaper-cta,
  .panel, .ops-stats > div, .risk-banner, .pool-hero, .asset-card, .nova-asset-card, .asset-earnings,
  .subscription-summary-card, .team-overview-panel, .team-action-card, .level-current-panel,
  .base-level-card, .level-rule-card, .earnings-total-card, .eco-lucky-panel, .eco-fund-list,
  .eco-detail-hero, .eco-ledger, .live-replay-desk, .live-flip-desk, .live-source-status, .eco-shortcuts
) {
  border-color: var(--optical-edge) !important;
  border-top-color: rgba(227, 220, 242, .34) !important;
  border-bottom-color: rgba(154, 140, 196, .22) !important;
  background: linear-gradient(180deg, rgba(226, 222, 250, .045), transparent 26%), var(--optical-panel) !important;
  box-shadow: var(--optical-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .view[data-page] :is(
  .eco-teaser-link, .nova-market-card, .nova-community-card, .panel, .risk-banner,
  .asset-card, .asset-earnings, .team-overview-panel, .eco-lucky-panel, .live-replay-desk, .live-flip-desk
)::before {
  border-color: rgba(214, 202, 242, .065);
  border-top-color: rgba(255, 246, 255, .13);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .view[data-page] :is(
  .asset-card, .team-overview-panel, .risk-banner, .live-flip-desk
)::after {
  top: auto;
  bottom: 3px;
  opacity: .48;
  height: 2px;
  background: linear-gradient(90deg, transparent, #7389b9 22%, #bc8de3 68%, transparent) !important;
  box-shadow: 0 -2px 8px rgba(165, 113, 211, .3);
  transform: none;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .view[data-page] :is(
  .button, .asset-total-actions > button, #novaWithdrawButton, .subpage-back,
  .nova-community-channel, .nova-burn-more, .nova-subscribe-actions > button, .ai-principal-action,
  .order-settlement-trigger, .subscription-record-link, .live-more-button, .live-deck-controls > button,
  .eco-lucky-history-more, .eco-lucky-ticket-more, .builder-shortcuts > button
) {
  border-color: rgba(204, 196, 228, .32) !important;
  border-top-color: rgba(246, 236, 255, .5) !important;
  background: linear-gradient(180deg, rgba(223, 210, 250, .13), transparent 31%, rgba(0, 0, 0, .13) 72%, rgba(103, 78, 146, .19)), linear-gradient(120deg, #212131, #11121d 58%, #282036) !important;
  box-shadow: inset 0 1px 1px rgba(246, 239, 255, .24), inset 0 -2px 2px rgba(134, 111, 183, .3), 0 3px 0 -1px #090b13, 0 7px 12px -6px rgba(0, 0, 0, .7) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .view[data-page] :is(
  .button.primary, .asset-total-actions > button.primary, .nova-subscribe-actions > button.primary,
  .ai-principal-action.primary, #riskStart
) {
  background: linear-gradient(180deg, rgba(255, 226, 244, .3), transparent 28%, rgba(255, 142, 86, .08) 67%, rgba(255, 150, 80, .35)), linear-gradient(110deg, #602040, #7b2257 48%, #493053) !important;
  border-color: rgba(227, 172, 203, .72) !important;
  border-top-color: rgba(255, 232, 247, .86) !important;
  box-shadow: inset 0 1px 1px rgba(255, 247, 255, .47), inset 0 -2px 3px rgba(255, 183, 107, .66), 0 3px 0 -1px #30131f, 0 9px 18px -8px rgba(217, 69, 142, .32) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .view[data-page] :is(
  .amount-input, .field > div, .compact-form label > div, .subscription-field > div,
  .earnings-filters input, .earnings-filters select
) {
  border-color: rgba(188, 177, 218, .34) !important;
  border-top-color: rgba(232, 220, 250, .42) !important;
  background: linear-gradient(110deg, rgba(177, 163, 213, .09), rgba(1, 4, 12, .2) 65%), #10111b !important;
  box-shadow: inset 0 1px 2px rgba(240, 227, 255, .13), inset 0 -1px 2px rgba(170, 143, 217, .25), 0 2px 4px rgba(0, 0, 0, .24) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .view[data-page="live-records"] .live-selected-earnings strong {
  color: #b5e5ac !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .view[data-page="live-records"] .live-selected-earnings strong.is-loss {
  color: #f2a6a1 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .view[data-page="live-records"] :is(.live-trades-panel, .live-trades-meta) {
  border-color: rgba(178, 163, 207, .19) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .view[data-page="live-records"] :is(.live-trade-card, .live-record-message, .live-period-badge) {
  border-color: rgba(197, 185, 224, .24) !important;
  border-top-color: rgba(226, 215, 246, .34) !important;
  box-shadow: inset 0 1px rgba(246, 232, 255, .12), inset 0 -1px rgba(167, 136, 207, .15), 0 4px 8px -5px rgba(0, 0, 0, .7) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark #mainContent .nova-community-card .lumenova-logo-word g > rect:first-child {
  fill: #f6efff;
}
/* Component layer: violet-theme-chrome */
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark {
  --chrome-shell: rgba(18, 18, 27, .94);
  --chrome-ticker: rgba(12, 13, 21, .86);
  --chrome-pane: radial-gradient(ellipse at 80% 0%, rgba(177, 130, 219, .09), transparent 60%), linear-gradient(145deg, #292832, #191922 70%, #242031);
  --chrome-button: linear-gradient(170deg, rgba(104, 96, 118, .29), transparent 43%), linear-gradient(150deg, #34313e, #23212e 75%, #34273e);
  --chrome-rim: inset 0 1px rgba(242, 232, 255, .25), inset 0 -1px rgba(202, 167, 238, .13);
  --chrome-edge: rgba(215, 199, 234, .22);
  --chrome-shadow: rgba(0, 0, 0, .24);
  --chrome-field: linear-gradient(145deg, #171620, #22202d);
  --chrome-field-shadow: inset 0 1px 3px rgba(0, 0, 0, .3), 0 1px rgba(247, 234, 255, .04);
  --chrome-selected: linear-gradient(155deg, #554159, #393048 70%, #584263);
  --chrome-selected-ink: #fff2fc;
  --chrome-divider: rgba(223, 205, 238, .16);
  --chrome-up: #a9ddc7;
  --chrome-down: #ed9bad;
  --chrome-primary: linear-gradient(120deg, #9c573f, #a94c7c 54%, #7445a0);
  --chrome-primary-rim: inset 0 1px rgba(255, 231, 244, .5), inset 0 -1px rgba(255, 161, 114, .28);
  --chrome-veil: rgba(3, 3, 10, .56);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) {
  --nav-glass-ink: var(--optical-ink);
  --nav-glass-muted: var(--optical-muted);
  --optical-chrome-pane: var(--chrome-pane);
  --optical-chrome-button: var(--chrome-button);
  --optical-chrome-rim: var(--chrome-rim);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) :is(.topbar, .sidebar) {
  background: var(--chrome-shell) !important;
  border-color: var(--chrome-divider) !important;
  box-shadow: inset 0 -1px var(--chrome-divider) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) :is(.topbar, .sidebar) .lumenova-logo-word g > rect:first-child {
  fill: var(--optical-ink) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) :is(.topbar-context h1, .topbar .eyebrow, .topbar-status > span) {
  color: var(--optical-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .topbar-status > span {
  border-color: var(--chrome-divider) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .topbar-status > span:first-child {
  color: var(--chrome-up) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) :is(.side-nav, .mobile-nav.violet-top-navigation, .lumen-float-menu) {
  background: var(--chrome-pane) !important;
  border-color: var(--chrome-edge) !important;
  box-shadow: var(--chrome-rim), 0 10px 24px var(--chrome-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) :is(.wallet-button, .violet-nav-toggle, .topbar .icon-button, .topbar .community-link, .topbar .network-pill, .admin-entry, .biometric-mini, .violet-nav-community a) {
  border-color: var(--chrome-edge) !important;
  background: var(--chrome-button) !important;
  color: var(--optical-ink) !important;
  box-shadow: var(--chrome-rim), 0 3px 8px var(--chrome-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) :is(.wallet-button:hover, .violet-nav-toggle:hover, .violet-nav-toggle[aria-expanded="true"], .topbar .community-link:hover, .violet-nav-community a:hover) {
  border-color: var(--chrome-edge) !important;
  background: var(--chrome-selected) !important;
  color: var(--chrome-selected-ink) !important;
  box-shadow: var(--chrome-rim), 0 3px 8px var(--chrome-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) :is(.side-nav .nav-item, .mobile-nav.violet-top-navigation button, .lumen-float-menu button):is(:hover, .active) {
  border-color: var(--chrome-edge) !important;
  background: var(--chrome-selected) !important;
  box-shadow: var(--chrome-rim), 0 3px 7px var(--chrome-shadow) !important;
  color: var(--chrome-selected-ink) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .violet-nav-community {
  border-color: var(--chrome-divider) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .fingerprint-mini {
  background: var(--chrome-field);
  border-color: var(--chrome-divider);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .market-ticker {
  border-color: var(--chrome-divider) !important;
  background: var(--chrome-ticker) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) :is(.ticker-item, .ticker-source) {
  border-color: var(--chrome-divider) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) :is(.ticker-item b, .ticker-source, .freshness) {
  color: var(--optical-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) :is(.ticker-item, .ticker-item strong) {
  color: var(--optical-ink) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .market-ticker .up {
  color: var(--chrome-up) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .market-ticker .down {
  color: var(--chrome-down) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .modal-layer {
  background: var(--chrome-veil) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .modal-layer .modal {
  --v-ink: var(--optical-ink);
  --v-muted: var(--optical-muted);
  --v-accent: var(--chrome-selected-ink);
  --v-border: var(--chrome-divider);
  --v-inset: var(--chrome-field);
  --v-up: var(--chrome-up);
  --v-down: var(--chrome-down);
  border-color: var(--chrome-edge) !important;
  background: var(--chrome-pane) !important;
  color: var(--optical-ink) !important;
  box-shadow: var(--chrome-rim), 0 24px 56px var(--chrome-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .modal :is(.button, .modal-close, .wallet-choice, .answer-list button, .cycle-picker button) {
  border-color: var(--chrome-edge) !important;
  background: var(--chrome-button) !important;
  color: var(--optical-ink) !important;
  box-shadow: var(--chrome-rim), 0 3px 8px var(--chrome-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .modal :is(.button, .modal-close, .wallet-choice, .answer-list button, .cycle-picker button):hover {
  border-color: var(--chrome-edge) !important;
  background: var(--chrome-selected) !important;
  color: var(--chrome-selected-ink) !important;
  box-shadow: var(--chrome-rim), 0 3px 8px var(--chrome-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .modal :is(.answer-list button.selected, .cycle-picker button.active) {
  border-color: var(--chrome-edge) !important;
  background: var(--chrome-selected) !important;
  color: var(--chrome-selected-ink) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .modal .button.primary {
  border-color: var(--chrome-edge) !important;
  background: var(--chrome-primary) !important;
  color: var(--optical-ink) !important;
  box-shadow: var(--chrome-primary-rim), 0 4px 10px var(--chrome-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .modal .button.primary:hover {
  border-color: var(--chrome-edge) !important;
  background: var(--chrome-primary) !important;
  color: var(--optical-ink) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .modal :is(.amount-input, .field > div, .plain-input, .compact-form label > div, .segmented, .history-ledger, .subscription-ledger, .direct-members-ledger, .order-settlement-ledger) {
  border-color: var(--chrome-divider) !important;
  background: var(--chrome-field) !important;
  box-shadow: var(--chrome-field-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .modal :is(.amount-input button, #novaWithdrawMax, .segmented button.active, .answer-list button.selected i) {
  border-color: var(--chrome-edge) !important;
  background: var(--chrome-selected) !important;
  color: var(--chrome-selected-ink) !important;
  box-shadow: var(--chrome-rim) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .modal :is(.history-ledger-head, .subscription-ledger-head, .direct-members-ledger-head, .order-settlement-ledger-head) {
  border-color: var(--chrome-divider) !important;
  background: var(--chrome-button) !important;
  color: var(--optical-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .modal .risk-progress {
  background: var(--chrome-field) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .modal :is(.nova-withdraw-available > span, .nova-withdraw-destination, .amount-input em, .transfer-rule-summary span, .order-settlement-summary span, .subscription-records-modal-summary > em, .pool-history-summary > span) {
  color: var(--optical-muted) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .modal #novaWithdrawWallet {
  color: var(--optical-ink) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .toast {
  border-color: var(--chrome-edge) !important;
  background: var(--chrome-pane) !important;
  color: var(--optical-ink) !important;
  box-shadow: var(--chrome-rim), 0 8px 18px var(--chrome-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical:is(.violet-dark) .toast i {
  border-color: var(--chrome-edge) !important;
  background: var(--chrome-selected) !important;
  color: var(--chrome-selected-ink) !important;
}
/* Component layer: violet-cosmic */
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic {
  --optical-panel: linear-gradient(135deg,rgba(17,15,36,.92),rgba(5,8,18,.96) 65%,rgba(12,19,37,.96));
  --optical-ink: #f3f1fc;
  --optical-muted: #a8a4ba;
  --optical-edge: rgba(133,125,181,.26);
  --optical-shadow: inset 0 1px rgba(185,161,255,.055),0 10px 30px -22px #000;
  --sun-panel: #090c18;
  --sun-inset: #050712;
  --sun-line: rgba(143,126,192,.19);
  --sun-accent: #b889f3;
  --sun-gradient: linear-gradient(110deg,#a43bee,#6e50e6 48%,#298bdd);
  --v-accent: #b88af4;
  --fm-accent: #b88af4;
  --fm-accent-mid: #9e70de;
  --fm-accent-soft: #d1c1f1;
  --fm-gold: #b8a0e8;
  --liquid-ink: #f3f1fc;
  --liquid-muted: #a8a4ba;
  background: #03040b !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(body,.app-shell) {
  background: #03040b !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .main {
  background: radial-gradient(ellipse at 100% 6%,rgba(46,37,107,.13),transparent 35%),radial-gradient(ellipse at 0 66%,rgba(27,53,111,.1),transparent 30%),#03040b !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .violet-atmosphere {
  opacity: .17;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .ai-principal-card,.eco-teaser-link,.nova-market-card,.nova-community-card,.nova-whitepaper-cta,
  .panel,.ops-stats > div,.risk-banner,.pool-hero,.asset-card,.nova-asset-card,.asset-earnings,
  .subscription-summary-card,.team-overview-panel,.team-action-card,.level-current-panel,
  .base-level-card,.level-rule-card,.earnings-total-card,.eco-lucky-panel,.eco-fund-list,
  .eco-detail-hero,.eco-ledger,.live-replay-desk,.live-flip-desk,.live-source-status,.eco-shortcuts
) {
  border-radius: 10px !important;
  border-color: var(--optical-edge) !important;
  background: var(--optical-panel) !important;
  box-shadow: var(--optical-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .eco-teaser-link,.nova-market-card,.nova-community-card,.panel,.risk-banner,
  .asset-card,.asset-earnings,.team-overview-panel,.eco-lucky-panel,.live-replay-desk,.live-flip-desk
)::before {
  display: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(.asset-card,.team-overview-panel,.risk-banner,.live-flip-desk)::after {
  display: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .button,.asset-total-actions > button,#novaWithdrawButton,.subpage-back,
  .nova-community-channel,.nova-burn-more,.nova-subscribe-actions > button,.ai-principal-action,
  .order-settlement-trigger,.subscription-record-link,.live-more-button,.live-deck-controls > button,
  .eco-lucky-history-more,.eco-lucky-ticket-more,.builder-shortcuts > button,.subscription-shortcuts > button,
  .subscription-field button,.team-members-open,.team-action-card > i,.eco-back,.eco-filters button,
  .live-calendar-navigation button,.live-inline-button,.live-deck-retry,.radar-refresh,.nova-burn-copy
) {
  border-radius: 6px !important;
  border-color: rgba(127,112,178,.38) !important;
  background: linear-gradient(135deg,rgba(120,66,186,.055),rgba(18,38,74,.1)),#080b15 !important;
  color: #dcd7ec !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .button.primary,.asset-total-actions > button.primary,.nova-subscribe-actions > button.primary,.ai-principal-action.primary,#riskStart
) {
  background: var(--sun-gradient) !important;
  color: #fff !important;
  border-color: rgba(153,116,226,.7) !important;
  box-shadow: inset 0 1px rgba(228,210,255,.14),0 5px 18px -10px rgba(119,72,215,.6) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(.button.primary,.ai-principal-action.primary,.nova-subscribe-actions > button.primary)::after {
  display: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(.amount-input,.field > div,.compact-form label > div,.subscription-field > div,.earnings-filters input,.earnings-filters select) {
  border-radius: 7px !important;
  border-color: rgba(128,109,174,.32) !important;
  background: #050711 !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.2) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(.segmented,.builder-cycle-picker) {
  border-radius: 7px !important;
  background: #050712 !important;
  box-shadow: none !important;
  border-color: var(--sun-line) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(.segmented button,.builder-cycle-picker > button,.subscription-shortcuts > button) {
  border-radius: 4px !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .segmented button.active,.builder-cycle-picker > button.active,.subscription-shortcuts > button.active,
  #liveReplay[aria-pressed="true"],#liveCalendarToggle[aria-expanded="true"]
) {
  background: linear-gradient(115deg,rgba(123,48,196,.3),rgba(33,97,165,.22)) !important;
  border-color: rgba(157,103,226,.6) !important;
  color: #e5d6ff !important;
  box-shadow: inset 0 -1px rgba(70,151,232,.45) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(.toggle:checked,.switch input:checked + i) {
  background: linear-gradient(115deg,#8444c4,#3a74bf) !important;
  box-shadow: none !important;
  border-color: #845ec1 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="overview"] .ai-principal-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 62px 26px 45px;
  min-height: 470px;
  margin: 4px 0 30px;
  border: 0 !important;
  border-radius: 0 !important;
  background: #03040b !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-card::before {
  content: '' !important;
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: -1;
  width: auto;
  height: auto;
  border: 0;
  background: linear-gradient(90deg,#03040b 2%,rgba(3,4,11,.65) 30%,transparent 55%),url('./assets/cosmic-blackhole-v4.webp') 66% 50% / cover no-repeat !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
  scale: none !important;
  pointer-events: none;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-main {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);
  gap: 18px 0;
  padding: 0;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-chip-stage {
  display: contents;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent :is(.ai-chip-stage::before,.violet-core-glass,.violet-core-canvas) {
  display: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-orb-badge {
  grid-row: 1;
  grid-column: 1;
  position: relative;
  inset: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  translate: none;
  transform: none;
  animation: none;
  text-align: left;
  border: 0;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-orb-badge > span {
  color: #f6f4fb !important;
  font-size: clamp(32px,3.7vw,54px);
  font-weight: 650;
  line-height: 1.04;
  letter-spacing: -.045em;
  text-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-orb-badge > small {
  margin: 0;
  font-size: clamp(32px,3.7vw,54px);
  font-weight: 650;
  line-height: 1.1;
  letter-spacing: -.045em;
  background: linear-gradient(100deg,#be70f6,#64b9f1);
  color: transparent !important;
  background-clip: text;
  -webkit-background-clip: text;
  text-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-orb-badge > i {
  display: none;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-copy {
  grid-row: 2;
  grid-column: 1;
  padding: 0;
  text-align: left;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-title {
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px 12px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-title {
  justify-content: flex-start;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-title > span {
  color: #b1a6c2 !important;
  font-size: 12px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-title > em {
  color: #b891df !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-title > em > i {
  background: #ae6cea;
  box-shadow: 0 0 5px rgba(163,92,235,.5);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-copy > strong {
  margin-top: 12px;
  font-size: clamp(34px,3.6vw,53px);
  letter-spacing: -.05em;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-actions {
  justify-content: flex-start;
  margin-top: 22px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-settlement-countdown {
  top: 16px;
  right: 26px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-settlement-countdown strong {
  color: #bfb1e5;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="overview"] :is(.eco-teaser-icon,.nova-market-heading > i,.eco-teaser-arrow) {
  color: #bc8bed !important;
  border-color: rgba(156,105,214,.27) !important;
  background: rgba(77,42,123,.1) !important;
  border-radius: 7px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="overview"] :is(.nova-kline-panel,.nova-burn-ledger,.eco-teaser-winning-ticket) {
  background: #050812 !important;
  border-color: var(--sun-line) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="overview"] :is(.eco-ticket-digit,.eco-teaser-winning-ticket .eco-ticket-digit) {
  background: linear-gradient(180deg,#171229,#0b0c18) !important;
  border-color: rgba(140,105,188,.25) !important;
  color: #ddd0fa !important;
  border-radius: 3px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="overview"] .nova-whitepaper-cta {
  border-color: rgba(115,116,172,.36) !important;
  background: linear-gradient(100deg,rgba(66,31,98,.23),rgba(29,70,122,.14)) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent #riskBanner {
  border-left: 2px solid #9853d7 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .fingerprint-wide svg {
  stroke: #b48eda;
}
html.violet-cosmic .cosmic-motion-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  pointer-events: none;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-card.cosmic-motion-ready::before {
  background: linear-gradient(90deg,#03040b 2%,rgba(3,4,11,.65) 30%,transparent 55%) !important;
  animation: none !important;
  scale: none !important;
}
@media (max-width:760px) {
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="overview"] .ai-principal-card {
    padding: 52px 16px 24px;
    min-height: 490px;
    margin-top: 0;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-card::before {
    background: linear-gradient(0deg,#03040b 1%,transparent 50%),linear-gradient(90deg,rgba(3,4,11,.58),transparent 46%),url('./assets/cosmic-blackhole-v4.webp') 73% 5% / auto 365px no-repeat !important;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-card.cosmic-motion-ready::before {
    background: linear-gradient(0deg,#03040b 1%,transparent 50%),linear-gradient(90deg,rgba(3,4,11,.58),transparent 46%) !important;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-main {
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: 176px auto;
    gap: 10px;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-orb-badge {
    align-self: start;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-copy > strong {
    font-size: 43px;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-settlement-countdown {
    top: 13px;
    right: 16px;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-actions {
    width: 100%;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-action {
    flex: 1;
    min-width: 0;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .ai-principal-card::before {
    animation: none !important;
  }
}
/* Component layer: violet-cosmic-content */
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] {
  --content-glass: #080b18;
  --content-edge: rgba(113, 106, 167, .26);
  --content-accent: #b57dff;
  --fm-border: rgba(113, 106, 167, .34);
  --fm-border-soft: var(--content-edge);
  --fm-border-strong: rgba(137, 110, 211, .52);
  --fm-inset: #060815;
  --fm-text-secondary: #f2f0fb;
  --fm-muted: #a29eb6;
  --fm-accent: #b57dff;
  --fm-accent-mid: #a86af4;
  --fm-accent-soft: #d3b6ff;
  --live-surface: #080b18;
  --live-elevated: #0d1124;
  --live-line: var(--content-edge);
  --live-text: #f2f0fb;
  --live-muted: #a29eb6;
  --live-accent: #b57dff;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .order-center-summary, .asset-total-breakdown, .overview-earnings-breakdown,
  .overview-earnings-totals > div, .subscription-quote, .subscription-ledger,
  .team-member-count-grid, .earnings-range-summary, .earnings-ledger, .level-values > div,
  .eco-lucky-results, .eco-lucky-history-row, .eco-weights, .eco-burn-track, .eco-note,
  .eco-lucky-ticket-groups .is-platform, .eco-shortcut, .radar-score-card,
  .radar-chart-card, .radar-depth-card, .radar-metric, .radar-feature-grid article,
  .radar-ai-analysis, .radar-plan-strip, .radar-intel-summary, .radar-module-filterbar,
  .radar-intel-ledger, .radar-ai-layout, .radar-ai-scenarios > div > div,
  .radar-intel-list > div, .payout-summary > div
) {
  border-color: var(--content-edge) !important;
  border-radius: 8px !important;
  background: #080b18 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .overview-earnings-row.is-head, .subscription-ledger-head, .earnings-ledger-head,
  .radar-intel-ledger-head, .radar-signal-head, .data-table thead,
  .pool-inline-ledger-head
) {
  background: #0c1022 !important;
  border-color: var(--content-edge) !important;
  color: #a29eb6 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .transaction-list > div, .activity-list > div, .subscription-record,
  .overview-earnings-row, .earnings-row, .earnings-ledger-row, .pool-inline-ledger-row,
  .data-table td, .data-table th, .radar-signal-list > div
) {
  border-color: rgba(106, 100, 148, .2) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="assets"] .overview-earnings-totals > .is-current {
  background: linear-gradient(110deg, rgba(139, 64, 225, .13), transparent 85%), #080b18 !important;
  border-top: 1px solid #9c68ec !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="assets"] .overview-earnings-totals > div {
  container-type: inline-size;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="assets"] .overview-earnings-totals strong {
  font-size: clamp(13px, 18cqi, 21px);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .nova-asset-mark, .transaction-list > div > i, #assetTransactionList [data-asset-token="NOVA"] > i,
  .activity-icon, .eco-icon, .team-action-card > i
) {
  border-color: rgba(170, 112, 250, .28) !important;
  border-radius: 8px !important;
  background: #11102a !important;
  color: #b57dff !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .subscription-shortcuts > button, .subscription-field button, .subscription-record-link,
  .order-settlement-trigger, .team-members-open, .radar-refresh,
  .radar-symbols button, .radar-periods button, .radar-intel-tabs button,
  .radar-module-filterbar button, .live-day-button, .live-calendar-day.has-records,
  #liveReplay, #liveCalendarToggle
) {
  border: 1px solid var(--content-edge) !important;
  border-radius: 6px !important;
  background: #0a0c1b !important;
  box-shadow: none !important;
  color: #c8c3dc !important;
  text-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .subscription-shortcuts > button.active, .radar-symbols button.active,
  .radar-periods button.active, .radar-intel-tabs button.active,
  .radar-module-filterbar button.active, .live-day-button.is-selected,
  .live-calendar-day.is-selected, #liveReplay.is-active, #liveCalendarToggle.is-active
) {
  border-color: #8053c5 !important;
  background: linear-gradient(115deg, #271540, #10182e) !important;
  box-shadow: inset 0 -2px #b57dff !important;
  color: #f2f0fb !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .subscription-shortcuts > button, .subscription-record-link, .order-settlement-trigger,
  .team-members-open, .radar-refresh, .radar-symbols button, .radar-periods button,
  .radar-intel-tabs button, .radar-module-filterbar button, #liveReplay, #liveCalendarToggle
):hover {
  border-color: #8053c5 !important;
  color: #f2f0fb !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .subscription-field > div, .radar-select select
) {
  border-color: #35304f !important;
  border-radius: 8px !important;
  background: #040611 !important;
  box-shadow: none !important;
  color: #f2f0fb !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] .subscription-field > div:focus-within {
  border-color: #a66fe9 !important;
  box-shadow: 0 0 0 2px rgba(165, 91, 245, .12) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .table-progress > i, .subscription-summary-card > i, .upgrade-card > i,
  .level-current-progress > i, .radar-metric > i, .radar-ai-verdict > i
) {
  background: #1c1830 !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .table-progress > i > b, .subscription-summary-card > i > b,
  .upgrade-card > i b, .level-current-progress > i b, .allocation-list em,
  .radar-metric > i > b, .radar-ai-verdict > i > b, .payout-summary > div > i
) {
  background: linear-gradient(90deg, #a139ed, #7367ed 62%, #44b8ee) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="pool"] .pool-globe {
  border-color: rgba(157, 93, 242, .5);
  background: radial-gradient(circle at 28% 20%, #342355, #10122c 32%, #030611 72%);
  box-shadow: inset -4px -4px 10px #030611, 0 0 32px -13px rgba(119, 75, 232, .5);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="pool"] .pool-globe::before {
  border-color: rgba(87, 153, 249, .5);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="pool"] .pool-globe::after {
  border-color: rgba(190, 118, 250, .45);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="team"] .team-overview-panel .level-orbit {
  background: radial-gradient(ellipse at 50% 50%, rgba(128, 50, 222, .12), transparent 68%) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view:is([data-page="team"], [data-page="levels"]) :is(.level-orbit strong, .level-current-mark strong) {
  color: #c392ff !important;
  text-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view:is([data-page="levels"], [data-page="team"]) .level-rule-card.current {
  border-color: #7949ba !important;
  background: linear-gradient(135deg, rgba(122, 49, 206, .12), transparent 60%), #080b18 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view:is([data-page="levels"], [data-page="team"]) .level-values {
  border-radius: 8px !important;
  background: var(--content-edge) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view:is([data-page="levels"], [data-page="team"]) :is(.level-card-top > em, .level-emblem:not(.tier-8, .tier-9, .tier-10, .tier-11)) {
  border-color: #4c356b !important;
  background: #191028 !important;
  box-shadow: none !important;
  color: #c392ff !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(#poolEcosystemSummary, #teamEcosystemSummary, #ecosystemOverview, #ecosystemDetail) {
  --eco-accent: #b57dff;
  --eco-text: #f2f0fb;
  --eco-muted: #a29eb6;
  --eco-dim: #888198;
  --eco-line: rgba(113, 106, 167, .22);
  --eco-line-strong: rgba(141, 105, 204, .38);
  --eco-surface: #080b18;
  --eco-surface-deep: #040611;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-mine {
  border-color: #734da8 !important;
  border-radius: 8px !important;
  background: linear-gradient(115deg, rgba(110, 54, 170, .1), transparent 85%), #080b18 !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="ecosystem"] :is(.eco-lucky-ticket-groups .eco-lucky-ticket, .eco-history-winners > code, .eco-ticket-digit, .eco-history-digit) {
  border-color: #34304d !important;
  border-radius: 5px !important;
  background: #101020 !important;
  color: #eee8fd !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="ecosystem"] .eco-lucky-ticket-groups .is-mine .eco-lucky-ticket {
  border-color: #654791 !important;
  background: #1a1029 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="ecosystem"] .eco-burn-track meter {
  background: #1c1830;
  accent-color: #a46bf1;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="ecosystem"] .eco-burn-track meter::-webkit-meter-bar {
  background: #1c1830;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="ecosystem"] .eco-burn-track meter::-webkit-meter-optimum-value {
  background: linear-gradient(90deg, #a139ed, #44b8ee);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="ecosystem"] .eco-burn-track meter::-moz-meter-bar {
  background: linear-gradient(90deg, #a139ed, #44b8ee);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="live-records"] :is(.live-trade-card, .live-record-message, .live-period-badge, .live-deck-empty) {
  border-color: #302a49 !important;
  border-radius: 8px !important;
  background: #080b18 !important;
  box-shadow: none !important;
  color: #a29eb6 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="live-records"] :is(.live-flip-desk .live-day-rail, .live-replay-desk .live-calendar-panel) {
  border-color: var(--content-edge) !important;
  background: #060815 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="live-records"] .live-trade-disclosure[open] {
  border-color: #6b438e !important;
  background: #0b0c20 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="live-records"] :is(.live-trade-summary:hover, .live-trade-disclosure[open] .live-trade-summary) {
  background: rgba(166, 106, 243, .045) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="live-records"] .live-trade-route span::before {
  border-color: #9e74e1;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="live-records"] .live-trade-route span:last-child::before {
  background: #52bcf5;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="live-records"] .live-trade-route i {
  background: linear-gradient(90deg, #875bc9, #52bcf5);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="live-records"] .live-trade-route i::after {
  border-color: #52bcf5;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="radar"] :is(.radar-symbols, .radar-periods, .radar-intel-tabs) {
  border-color: var(--content-edge) !important;
  border-radius: 8px !important;
  background: #050712 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="radar"] :is(.radar-score-card::before, .radar-depth-card::before) {
  background: linear-gradient(90deg, #a050ea, transparent 70%);
  opacity: .7;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="radar"] .radar-chart-line {
  stroke: #9469f0;
  filter: drop-shadow(0 0 3px rgba(128, 76, 235, .28));
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="radar"] #radarAreaGradient stop {
  stop-color: #7449cd;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="radar"] .radar-ai-evidence li::before {
  background: #52bcf5;
  box-shadow: none;
}
/* Component layer: violet-cosmic-chrome */
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic {
  --chrome-shell: #04050b;
  --chrome-ticker: #050710;
  --chrome-pane: linear-gradient(145deg, #0c0e1c, #060810 72%);
  --chrome-button: #0b1020;
  --chrome-rim: 0 0 transparent;
  --chrome-edge: rgba(141, 132, 210, .24);
  --chrome-shadow: rgba(0, 0, 0, .5);
  --chrome-field: #070a14;
  --chrome-field-shadow: none;
  --chrome-selected: linear-gradient(110deg, rgba(115, 49, 190, .24), rgba(31, 83, 149, .18));
  --chrome-selected-ink: #eeeaff;
  --chrome-divider: rgba(133, 141, 187, .15);
  --chrome-up: #86d5bd;
  --chrome-down: #f18c9e;
  --chrome-primary: linear-gradient(110deg, #9b3be8, #287ed6);
  --chrome-primary-rim: 0 0 transparent;
  --chrome-veil: rgba(0, 1, 8, .76);
  --nav-glass-accent: 162, 128, 238;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.topbar, .sidebar) {
  background: var(--chrome-shell) !important;
  border-color: var(--chrome-divider) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .lumenova-logo linearGradient stop:first-child {
  stop-color: #c7b3ff;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .lumenova-logo linearGradient stop:nth-child(2) {
  stop-color: #9b85f5;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .lumenova-logo linearGradient stop:last-child {
  stop-color: #5baff0;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.topbar, .sidebar) .lumenova-logo-word g > rect:first-child {
  fill: #f2f1fc !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.wallet-button, .violet-nav-toggle, .topbar .icon-button, .topbar .community-link, .topbar .network-pill, .admin-entry, .biometric-mini, .violet-nav-community a) {
  border-radius: 8px !important;
  border: 1px solid var(--chrome-edge) !important;
  background: var(--chrome-button) !important;
  color: #e5e5f3 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.wallet-button:hover, .violet-nav-toggle:hover, .violet-nav-toggle[aria-expanded="true"], .topbar .community-link:hover, .violet-nav-community a:hover) {
  border-color: #7962b8 !important;
  background: #11142a !important;
  color: #fff !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.wallet-button, .violet-nav-toggle)::after {
  display: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .side-nav {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.mobile-nav.violet-top-navigation, .lumen-float-menu) {
  border-radius: 10px !important;
  border: 1px solid rgba(157, 132, 224, .3) !important;
  background: #090b17 !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .55) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.side-nav .nav-item, .mobile-nav.violet-top-navigation button, .lumen-float-menu button) {
  border-radius: 6px !important;
  color: #a6abc3 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.side-nav .nav-item, .mobile-nav.violet-top-navigation button, .lumen-float-menu button):is(:hover, .active) {
  border-color: rgba(140, 100, 224, .44) !important;
  background: var(--chrome-selected) !important;
  color: #f3edff !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.side-nav .nav-item, .mobile-nav.violet-top-navigation button).active::before {
  opacity: 1 !important;
  background: linear-gradient(#bd6cf5, #68a9ed) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .lumen-float-menu button::before {
  color: #b491ef !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .lumen-float-menu button::after {
  border-color: #b491ef !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .market-ticker {
  border-color: var(--chrome-divider) !important;
  background: var(--chrome-ticker) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.topbar-status > span, .fingerprint-mini) {
  border-color: var(--chrome-divider) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .app-progress {
  background: var(--chrome-primary) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal-layer {
  background: var(--chrome-veil) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal-layer .modal {
  --v-ink: #f3f2fc;
  --v-muted: #a8adc6;
  --v-accent: #b792f3;
  border-radius: 12px !important;
  border: 1px solid rgba(142, 122, 206, .35) !important;
  background: var(--chrome-pane) !important;
  color: #f3f2fc !important;
  box-shadow: 0 30px 100px rgba(0, 0, 0, .7) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(.button, .modal-close, .wallet-choice, .answer-list button, .cycle-picker button) {
  border-radius: 7px !important;
  border: 1px solid var(--chrome-edge) !important;
  background: var(--chrome-button) !important;
  color: #e6e7f5 !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(.button, .modal-close, .wallet-choice, .answer-list button, .cycle-picker button):hover {
  border-color: rgba(163, 131, 232, .58) !important;
  background: #15182c !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(.answer-list button.selected, .cycle-picker button.active) {
  border-color: #8162ca !important;
  background: var(--chrome-selected) !important;
  color: #f4eeff !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal .button.primary,
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal .button.primary:hover {
  border: 1px solid rgba(159, 151, 246, .3) !important;
  border-radius: 7px !important;
  background: var(--chrome-primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(77, 52, 155, .18) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal .button::after {
  display: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(.amount-input, .field > div, .plain-input, .compact-form label > div, .segmented, .history-ledger, .subscription-ledger, .direct-members-ledger, .order-settlement-ledger) {
  border-radius: 7px !important;
  border: 1px solid var(--chrome-divider) !important;
  background: var(--chrome-field) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(.amount-input button, #novaWithdrawMax, .segmented button.active, .answer-list button.selected i) {
  border-radius: 5px !important;
  border-color: rgba(149, 121, 212, .3) !important;
  background: var(--chrome-selected) !important;
  color: #d8c5ff !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(input, select)::placeholder {
  color: #797f9d !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal .risk-progress {
  border-radius: 2px !important;
  background: #15182a !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal .risk-progress i {
  background: var(--chrome-primary) !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(.toggle:checked, .switch input:checked + i) {
  border-color: #8962ca !important;
  background: #6244a9 !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.toast, .toast i) {
  border-radius: 8px !important;
  border-color: var(--chrome-edge) !important;
  background: var(--chrome-pane) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .4) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.topbar button, .side-nav button, .mobile-nav button, .modal button, .modal input):focus-visible {
  outline: 2px solid #b49aef !important;
  outline-offset: 3px;
}
/* Component layer: violet-cosmic-glass */
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic {
  --cg-surface: linear-gradient(180deg,rgba(237,244,255,.10),transparent 48px),radial-gradient(ellipse at 85% -12%,rgba(167,145,225,.13),transparent 44%),radial-gradient(ellipse at 50% 116%,rgba(73,144,193,.12),transparent 42%),linear-gradient(135deg,#151b25,#070a12 57%,#0c1020);
  --cg-rim: linear-gradient(145deg,#8995aa 0%,#dde1ed 10%,#3e485e 24%,#1a2439 47%,#665a86 72%,#a2bfcd 94%,#43546f);
  --cg-shadow: inset 0 1px 1px rgba(255,255,255,.36),inset 1px 0 2px rgba(200,220,255,.14),inset -1px -2px 3px rgba(164,194,233,.22),inset 0 -6px 9px -7px rgba(78,205,245,.8),0 3px 0 -1px #1e263b,0 6px 0 -3px #090b17,0 13px 22px -13px #000,0 12px 28px -23px rgba(82,151,245,.6);
  --cg-control: linear-gradient(180deg,rgba(235,242,255,.17),transparent 27%,rgba(0,0,0,.35) 68%,rgba(96,111,207,.18)),linear-gradient(120deg,#181e2b,#04060c 50%,#161428);
  --cg-control-shadow: inset 0 1px 1px rgba(255,255,255,.60),inset 1px 0 2px rgba(180,214,255,.22),inset 0 -2px 2px rgba(83,132,235,.66),0 3px 0 -1px #25263d,0 5px 0 -2px #080a12,0 8px 12px -7px #000;
  --cg-primary: linear-gradient(180deg,rgba(255,238,255,.30),transparent 27%,rgba(3,0,25,.22) 66%,rgba(74,162,255,.36)),linear-gradient(112deg,#32173f,#211133 44%,#0c1632 73%,#102244);
  --cg-primary-shadow: inset 0 1px 1px rgba(255,246,255,.83),inset 1px 0 3px rgba(223,158,238,.45),inset 0 -3px 3px rgba(102,183,255,.9),inset -3px 0 5px rgba(152,88,234,.32),0 3px 0 -1px #3e285d,0 5px 0 -2px #0d1021,0 8px 19px -8px rgba(111,88,247,.5);
  --cg-field: linear-gradient(110deg,rgba(232,238,255,.07),transparent 52%),linear-gradient(180deg,#050810,#10131d);
  --cg-field-shadow: inset 0 2px 4px rgba(0,0,0,.85),inset 0 -1px 1px rgba(222,224,248,.38),inset 1px 0 2px rgba(170,186,227,.12),0 1px 1px rgba(226,230,255,.2),0 3px 0 -1px #202438;
  --cg-inset-rim: linear-gradient(150deg,#5d687f,#1c2334 33%,#2b2541 68%,#8b92b2);
  --cg-ink: #f3f5ff;
  --cg-muted: #aab3c9;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .eco-teaser-link,.nova-market-card,.nova-community-card,.panel,.ops-stats > div,
  .risk-banner,.pool-hero,.asset-card,.nova-asset-card,.asset-earnings,.subscription-summary-card,
  .team-overview-panel,.team-action-card,.level-current-panel,.base-level-card,.level-rule-card,
  .earnings-total-card,.eco-lucky-panel,.eco-fund-list,.eco-detail-hero,.eco-ledger,
  .live-replay-desk,.live-flip-desk,.live-source-status,.eco-shortcuts
) {
  position: relative;
  border: 1px solid transparent !important;
  border-radius: 24px !important;
  background: var(--cg-surface) padding-box,var(--cg-rim) border-box !important;
  box-shadow: var(--cg-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .eco-teaser-link,.nova-market-card,.nova-community-card,.panel,.risk-banner,
  .asset-card,.nova-asset-card,.asset-earnings,.team-overview-panel,.eco-lucky-panel,
  .live-replay-desk,.live-flip-desk
)::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 4px !important;
  width: auto !important;
  height: auto !important;
  border: 1px solid rgba(168,191,232,.12) !important;
  border-top-color: rgba(231,237,255,.32) !important;
  border-bottom-color: rgba(114,164,216,.21) !important;
  border-radius: 20px !important;
  background: linear-gradient(110deg,transparent 66%,rgba(240,245,255,.48) 79%,rgba(240,245,255,.13) 90%,transparent 95%) top right / 100% 3px no-repeat !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.04),inset 0 -1px 2px rgba(143,161,231,.11) !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  animation: none !important;
  pointer-events: none;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .asset-card,.team-overview-panel,.risk-banner,.live-flip-desk
)::after {
  content: '';
  display: block !important;
  position: absolute;
  inset: auto 18% 3px 18%;
  width: auto;
  height: 2px;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(90deg,transparent,#63b5e5 24%,#adc3f3 50%,#9473c9 76%,transparent) !important;
  box-shadow: 0 -1px 6px rgba(117,167,250,.35) !important;
  transform: none !important;
  animation: none !important;
  pointer-events: none;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent #riskBanner {
  border-left: 1px solid transparent !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .button,.asset-total-actions > button,#novaWithdrawButton,.subpage-back,
  .nova-community-channel,.nova-burn-more,.nova-whitepaper-cta,.nova-subscribe-actions > button,
  .ai-principal-action,.order-settlement-trigger,.subscription-record-link,.live-more-button,
  .live-deck-controls > button,.eco-lucky-history-more,.eco-lucky-ticket-more,
  .builder-shortcuts > button,.subscription-shortcuts > button,.subscription-field button,
  .team-members-open,.radar-refresh,.radar-symbols button,.radar-periods button,
  .radar-intel-tabs button,.radar-module-filterbar button,#liveReplay,#liveCalendarToggle
) {
  position: relative;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: var(--cg-control) padding-box,var(--cg-rim) border-box !important;
  box-shadow: var(--cg-control-shadow) !important;
  color: var(--cg-ink) !important;
  text-shadow: 0 1px 2px #020309 !important;
  transition: box-shadow .2s,filter .2s,translate .15s;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .button.primary,.asset-total-actions > button.primary,.nova-subscribe-actions > button.primary,
  .ai-principal-action.primary,#riskStart
) {
  background: var(--cg-primary) padding-box,var(--cg-rim) border-box !important;
  box-shadow: var(--cg-primary-shadow) !important;
  color: #fff !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .button,.button.primary,.ai-principal-action,.ai-principal-action.primary,.nova-community-channel,.nova-whitepaper-cta
)::after {
  content: '';
  display: block !important;
  position: absolute;
  inset: 3px 13% auto 19%;
  width: auto;
  height: 3px;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(110deg,transparent 5%,rgba(243,246,255,.48) 32%,rgba(255,252,255,.9) 77%,transparent) !important;
  opacity: .85 !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
  pointer-events: none;
}
@media (hover:hover) {
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
    .button,.ai-principal-action,.nova-community-channel,.nova-whitepaper-cta,.builder-shortcuts > button,
    .asset-total-actions > button,#novaWithdrawButton,.live-deck-controls > button
  ):not(:disabled):hover {
    filter: brightness(1.17);
  }
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .button,.ai-principal-action,.nova-community-channel,.nova-whitepaper-cta,.builder-shortcuts > button
):not(:disabled):active {
  translate: 0 2px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .amount-input,.field > div,.compact-form label > div,.subscription-field > div,
  .earnings-filters input,.earnings-filters select,.radar-select select
) {
  border: 1px solid transparent !important;
  border-radius: 18px !important;
  background: var(--cg-field) padding-box,var(--cg-inset-rim) border-box !important;
  box-shadow: var(--cg-field-shadow) !important;
  color: var(--cg-ink) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .amount-input,.field > div,.subscription-field > div
):focus-within {
  border-color: #a5a9ed !important;
  box-shadow: var(--cg-field-shadow),0 0 0 3px rgba(129,112,222,.15) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .segmented,.builder-cycle-picker,.radar-symbols,.radar-periods,.radar-intel-tabs
) {
  border: 1px solid transparent !important;
  border-radius: 20px !important;
  background: var(--cg-field) padding-box,var(--cg-inset-rim) border-box !important;
  box-shadow: inset 0 2px 4px #020309,0 1px 1px rgba(163,176,218,.2) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .segmented button,.builder-cycle-picker > button
) {
  border-radius: 15px !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .segmented button.active,.builder-cycle-picker > button.active,.subscription-shortcuts > button.active,
  .radar-symbols button.active,.radar-periods button.active,.radar-intel-tabs button.active,
  .radar-module-filterbar button.active,#liveReplay[aria-pressed="true"],#liveCalendarToggle[aria-expanded="true"]
) {
  border: 1px solid transparent !important;
  background: var(--cg-primary) padding-box,var(--cg-rim) border-box !important;
  box-shadow: var(--cg-primary-shadow) !important;
  color: #fff !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .toggle,.switch input + i
) {
  border: 1px solid rgba(169,182,217,.7) !important;
  background: var(--cg-field) !important;
  box-shadow: inset 0 2px 3px #01030a,0 2px 3px #01020a !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .toggle:checked,.switch input:checked + i
) {
  background: linear-gradient(135deg,#101b42,#2c2a65 62%,#663777) !important;
  box-shadow: inset 0 1px 2px rgba(215,228,255,.8),inset 0 -2px 3px #658de1,0 2px 3px #01020a !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] .toggle::before,
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] .switch input + i::after {
  background: linear-gradient(140deg,#fff 5%,#eeedf7 49%,#bbbfdb) !important;
  box-shadow: inset 0 1px 1px #fff,0 1px 4px #090717,0 0 4px rgba(194,172,249,.6) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .nova-kline-panel,.nova-burn-ledger,.eco-teaser-winning-ticket,.order-center-summary,
  .asset-total-breakdown,.overview-earnings-breakdown,.overview-earnings-totals > div,
  .subscription-quote,.subscription-ledger,.team-member-count-grid,.earnings-range-summary,
  .earnings-ledger,.level-values > div,.eco-lucky-results,.eco-lucky-history-row,.eco-weights,
  .eco-burn-track,.eco-note,.eco-shortcut,.radar-score-card,.radar-chart-card,.radar-depth-card,
  .radar-metric,.radar-feature-grid article,.radar-ai-analysis,.radar-plan-strip,
  .radar-intel-summary,.radar-module-filterbar,.radar-intel-ledger,.radar-ai-layout,
  .radar-ai-scenarios > div > div,.radar-intel-list > div,.payout-summary > div,
  .live-trade-card,.live-record-message,.live-period-badge,.live-deck-empty
) {
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: var(--cg-field) padding-box,var(--cg-inset-rim) border-box !important;
  box-shadow: inset 0 1px 1px rgba(194,211,242,.08),inset 0 -1px 1px rgba(108,153,206,.12),0 2px 0 -1px #1e2438 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="assets"] .overview-earnings-totals > .is-current {
  background: linear-gradient(145deg,#1b1830,#0b1322) padding-box,var(--cg-rim) border-box !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .eco-teaser-icon,.eco-teaser-arrow,.nova-market-heading > i,.nova-asset-mark,.team-action-card > i
) {
  border: 1px solid transparent !important;
  border-radius: 15px !important;
  background: var(--cg-control) padding-box,var(--cg-rim) border-box !important;
  box-shadow: var(--cg-control-shadow) !important;
  color: #d1c9ff !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .eco-ticket-digit,.eco-teaser-winning-ticket .eco-ticket-digit,.eco-lucky-ticket
) {
  border: 1px solid transparent !important;
  border-radius: 5px !important;
  background: var(--cg-field) padding-box,var(--cg-inset-rim) border-box !important;
  box-shadow: inset 0 1px 1px rgba(238,239,255,.17),inset 0 -1px 1px rgba(147,134,209,.22) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="live-records"] :is(
  .live-day-button,.live-calendar-day.has-records
) {
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: var(--cg-field) padding-box,var(--cg-inset-rim) border-box !important;
  box-shadow: inset 0 1px rgba(237,240,255,.14) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="live-records"] :is(
  .live-day-button.is-selected,.live-calendar-day.is-selected
) {
  background: var(--cg-primary) padding-box,var(--cg-rim) border-box !important;
  box-shadow: var(--cg-control-shadow) !important;
}
@media (prefers-reduced-motion:reduce) {
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
    .button,.ai-principal-action,.nova-community-channel,.nova-whitepaper-cta,.builder-shortcuts > button
  ) {
    transition: none;
  }
}
/* Component layer: violet-cosmic-glass-chrome */
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .admin-entry {
  display: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.wallet-button, .violet-nav-toggle, .topbar .icon-button, .topbar .community-link, .topbar .network-pill, .admin-entry, .biometric-mini, .violet-nav-community a) {
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: var(--cg-control) padding-box, var(--cg-rim) border-box !important;
  color: #f2f3ff !important;
  box-shadow: var(--cg-control-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.wallet-button, .topbar .network-pill, .violet-nav-community a) {
  border-radius: 999px !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.wallet-button:hover, .violet-nav-toggle:hover, .violet-nav-toggle[aria-expanded="true"], .topbar .community-link:hover, .violet-nav-community a:hover) {
  border: 1px solid transparent !important;
  background: var(--cg-primary) padding-box, var(--cg-rim) border-box !important;
  color: #fff !important;
  box-shadow: var(--cg-primary-shadow) !important;
  filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.mobile-nav.violet-top-navigation, .lumen-float-menu) {
  border: 1px solid transparent !important;
  border-radius: 24px !important;
  background: var(--cg-surface) padding-box, var(--cg-rim) border-box !important;
  box-shadow: var(--cg-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.side-nav .nav-item, .mobile-nav.violet-top-navigation button, .lumen-float-menu button) {
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #b1b8d0 !important;
  box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.side-nav .nav-item, .mobile-nav.violet-top-navigation button, .lumen-float-menu button):is(:hover, .active) {
  border: 1px solid transparent !important;
  background: var(--cg-control) padding-box, var(--cg-rim) border-box !important;
  color: #f3f6ff !important;
  box-shadow: var(--cg-control-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.side-nav .nav-item, .mobile-nav.violet-top-navigation button).active::before {
  background: linear-gradient(#c4baff, #6fceff) !important;
  box-shadow: 0 0 7px rgba(113, 184, 255, .32) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .lumen-float-menu button::before {
  color: #b5ceff !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .lumen-float-menu button::after {
  border-color: #b5ceff !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .violet-nav-community {
  border-color: rgba(180, 196, 229, .15) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal-layer .modal {
  --v-ink: #f3f4ff;
  --v-muted: #acb6cd;
  --v-accent: #b7c9ff;
  --v-border: rgba(164, 183, 227, .18);
  --v-inset: #070b17;
  border: 1px solid transparent !important;
  border-radius: 24px !important;
  background: var(--cg-surface) padding-box, var(--cg-rim) border-box !important;
  color: #f3f4ff !important;
  box-shadow: var(--cg-shadow), 0 32px 80px rgba(0, 0, 0, .55) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(.button, .modal-close, .wallet-choice, .answer-list button, .cycle-picker button) {
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: var(--cg-control) padding-box, var(--cg-rim) border-box !important;
  color: #edf2ff !important;
  box-shadow: var(--cg-control-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(.button, .modal-close, .wallet-choice, .answer-list button, .cycle-picker button):hover {
  border: 1px solid transparent !important;
  background: var(--cg-control) padding-box, var(--cg-rim) border-box !important;
  color: #fff !important;
  box-shadow: var(--cg-control-shadow), 0 0 12px rgba(98, 139, 224, .12) !important;
  filter: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(.button.primary, .button.primary:hover, .answer-list button.selected, .cycle-picker button.active) {
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: var(--cg-primary) padding-box, var(--cg-rim) border-box !important;
  color: #fff !important;
  box-shadow: var(--cg-primary-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(.button, .modal-close) {
  border-radius: 999px !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(.amount-input, .field > div, .plain-input, .compact-form label > div, .segmented, .history-ledger, .subscription-ledger, .direct-members-ledger, .order-settlement-ledger) {
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: var(--cg-field) padding-box, var(--cg-rim) border-box !important;
  box-shadow: var(--cg-field-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(.amount-input button, #novaWithdrawMax, .segmented button.active, .answer-list button.selected i) {
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: var(--cg-control) padding-box, var(--cg-rim) border-box !important;
  color: #e1eaff !important;
  box-shadow: var(--cg-control-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(.history-ledger-head, .subscription-ledger-head, .direct-members-ledger-head, .order-settlement-ledger-head) {
  border-color: rgba(176, 193, 226, .15) !important;
  background: linear-gradient(180deg, rgba(67, 91, 138, .14), rgba(9, 14, 27, .2)) !important;
  color: #b8c2d8 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal .risk-progress {
  border-radius: 999px !important;
  background: #070b16 !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .6), 0 1px rgba(192, 218, 255, .1) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal .risk-progress i {
  border-radius: inherit;
  background: linear-gradient(90deg, #6957d5, #61c7f2) !important;
  box-shadow: inset 0 1px rgba(233, 244, 255, .6), 0 0 10px rgba(113, 135, 242, .3) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .modal :is(.toggle:checked, .switch input:checked + i) {
  border: 1px solid transparent !important;
  background: var(--cg-primary) padding-box, var(--cg-rim) border-box !important;
  box-shadow: var(--cg-control-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .toast {
  border: 1px solid transparent !important;
  border-radius: 18px !important;
  background: var(--cg-surface) padding-box, var(--cg-rim) border-box !important;
  color: #eff4ff !important;
  box-shadow: var(--cg-shadow) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic .toast i {
  border: 1px solid rgba(190, 213, 255, .35) !important;
  border-radius: 10px !important;
  background: var(--cg-control) !important;
  box-shadow: inset 0 1px rgba(225, 239, 255, .32), inset 0 -2px 5px rgba(81, 168, 228, .22) !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic :is(.topbar button, .side-nav button, .mobile-nav button, .modal button, .modal input):focus-visible {
  outline: 2px solid #a0cfff !important;
  outline-offset: 3px;
}
/* Component layer: violet-global-fx */
html.violet-cosmic .cosmic-fx-positioned {
  position: relative;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="overview"] > .page-head {
  position: relative;
  isolation: isolate;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="overview"] > .page-head::before {
  content: '';
  display: block;
  position: absolute;
  inset: -32px calc(-1 * var(--cg-page-gutter,16px)) -24px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg,rgba(3,4,11,.34),rgba(3,4,11,.04) 75%),url('./assets/cosmic-header-nebula-v4.webp') 70% 37% / cover no-repeat;
  opacity: .66;
  -webkit-mask-image: linear-gradient(transparent,#000 22%,#000 65%,transparent);
  mask-image: linear-gradient(transparent,#000 22%,#000 65%,transparent);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic cosmic-rim.cosmic-fx-rim {
  display: block !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 3 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 1.5px !important;
  border: 0 !important;
  border-radius: inherit !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  pointer-events: none !important;
  user-select: none;
  background: radial-gradient(180px circle at var(--cosmic-fx-x,50%) var(--cosmic-fx-y,50%),rgba(212,232,255,var(--cosmic-fx-glint,0)),rgba(125,159,255,0) 75%) !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite: exclude;
  contain: paint;
}
html.violet-cosmic .cosmic-fx-rim::before {
  content: '';
  position: absolute;
  inset: -1px;
  background: linear-gradient(112deg,transparent 34%,rgba(147,117,249,.18) 43%,rgba(179,194,255,.68) 48%,#edfaff 50%,rgba(96,200,255,.72) 52%,rgba(97,165,255,.08) 61%,transparent 67%);
  opacity: 0;
  transform: translateX(-110%);
  animation: cosmicEdgePass var(--cosmic-fx-period,10s) cubic-bezier(.35,0,.25,1) infinite;
  animation-delay: var(--cosmic-fx-delay,0s);
  animation-play-state: paused;
}
html.violet-cosmic [data-cosmic-fx-visible="true"] > .cosmic-fx-rim::before {
  animation-play-state: running;
}
html.violet-cosmic [data-cosmic-fx-kind="control"] > .cosmic-fx-rim::before,
html.violet-cosmic [data-cosmic-fx-kind="field"] > .cosmic-fx-rim::before {
  animation-name: none;
}
html.violet-cosmic [data-cosmic-fx-kind="control"].cosmic-fx-primary > .cosmic-fx-rim::before {
  animation-name: cosmicEdgePass;
}
html.violet-cosmic .cosmic-fx-surface:focus-within > .cosmic-fx-rim {
  --cosmic-fx-glint: .85;
}
html.violet-cosmic [data-cosmic-fx-kind="field"]:focus-within > .cosmic-fx-rim::before {
  animation-name: cosmicEdgePass;
}
html.violet-cosmic [data-cosmic-fx-kind="control"] > .cosmic-fx-rim {
  padding: 2px !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic cosmic-press.cosmic-fx-press {
  display: block !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 2 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  overflow: hidden !important;
  pointer-events: none !important;
  user-select: none;
  contain: paint;
}
html.violet-cosmic .cosmic-fx-press::before {
  content: '';
  position: absolute;
  left: var(--cosmic-press-x);
  top: var(--cosmic-press-y);
  width: var(--cosmic-press-size);
  height: var(--cosmic-press-size);
  border-radius: 50%;
  background: radial-gradient(circle,rgba(151,191,255,.10) 0%,rgba(163,214,255,.04) 53%,rgba(218,244,255,.25) 58%,rgba(113,165,255,.07) 62%,transparent 68%);
  animation: cosmicPressWave .68s cubic-bezier(.16,.8,.25,1) both;
}
html.violet-cosmic .cosmic-fx-atmosphere {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  contain: strict;
}
html.violet-cosmic.violet-home .cosmic-fx-atmosphere {
  display: none;
}
html.violet-cosmic .cosmic-fx-atmosphere::before,
html.violet-cosmic .cosmic-fx-atmosphere::after {
  content: '';
  position: absolute;
  left: -240px;
  top: 18%;
  width: 210px;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(129,129,231,.22) 55%,rgba(147,205,255,.55) 96%,#d1e9ff);
  box-shadow: 0 0 6px rgba(137,174,249,.18);
  transform-origin: right center;
  transform: rotate(22deg) translateX(0);
  opacity: 0;
  animation: cosmicDistantTrail 16s linear infinite;
}
html.violet-cosmic .cosmic-fx-atmosphere::after {
  top: 76%;
  width: 150px;
  animation-duration: 21s;
  animation-delay: -9s;
}
@keyframes cosmicEdgePass {
  0%,5% {
    transform: translateX(-110%);
    opacity: 0;
  }
  10% {
    opacity: .9;
  }
  43% {
    opacity: .9;
  }
  50%,100% {
    transform: translateX(110%);
    opacity: 0;
  }
}
@keyframes cosmicPressWave {
  from {
    transform: translate(-50%,-50%) scale(.05);
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  to {
    transform: translate(-50%,-50%) scale(1);
    opacity: 0;
  }
}
@keyframes cosmicDistantTrail {
  0%,6% {
    transform: rotate(22deg) translateX(0);
    opacity: 0;
  }
  8% {
    opacity: .52;
  }
  28% {
    opacity: .52;
  }
  32%,100% {
    /* Travel along the streak's own axis so its bright right tip always leads. */
    transform: rotate(22deg) translateX(calc(110vw + 470px));
    opacity: 0;
  }
}
html.violet-cosmic[data-cosmic-fx-paused="true"] :is(.cosmic-fx-rim,.cosmic-fx-press,.cosmic-fx-atmosphere)::before,
html.violet-cosmic[data-cosmic-fx-paused="true"] .cosmic-fx-atmosphere::after {
  animation-play-state: paused !important;
}
@media (prefers-reduced-motion:reduce) {
  html.violet-cosmic .cosmic-fx-rim::before,
  html.violet-cosmic .cosmic-fx-press,
  html.violet-cosmic .cosmic-fx-atmosphere {
    display: none !important;
  }
}
/* Component layer: violet-pool-crystal */
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .cosmic-pool-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) 260px;
  grid-template-areas: 'balance crystal' 'action crystal';
  align-items: center;
  column-gap: 32px;
  row-gap: 24px;
  min-height: 0;
  padding: 28px !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .cosmic-pool-layout .pool-balance {
  grid-area: balance;
  align-self: end;
  display: block;
  position: relative;
  min-width: 0;
  min-height: 0;
  padding: 0;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .cosmic-pool-layout .pool-balance > div {
  margin-top: 24px;
  gap: 24px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .cosmic-pool-layout > #poolTransferButton {
  grid-area: action;
  align-self: start;
  position: relative;
  inset: auto;
  width: min(100%,320px);
  min-height: 44px;
  margin: 0 !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="pool"] .pool-globe.cosmic-pool-crystal-host {
  grid-area: crystal;
  position: relative !important;
  inset: auto !important;
  width: var(--pool-crystal-width,260px) !important;
  height: auto !important;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
  filter: none !important;
}
html.violet-cosmic #mainContent .cosmic-pool-crystal-host::before,
html.violet-cosmic #mainContent .cosmic-pool-crystal-host::after,
html.violet-cosmic #mainContent .cosmic-pool-crystal-host > i {
  display: none !important;
  animation: none !important;
}
html.violet-cosmic .cosmic-pool-scene {
  position: relative;
  width: 100%;
  aspect-ratio: 320 / 300;
  isolation: isolate;
  pointer-events: none;
}
html.violet-cosmic .cosmic-pool-scene :is(canvas,svg) {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
html.violet-cosmic .cosmic-pool-back {
  z-index: 0;
}
html.violet-cosmic .cosmic-pool-gem {
  z-index: 1;
}
html.violet-cosmic .cosmic-pool-front {
  z-index: 2;
}
html.violet-cosmic .cosmic-pool-wordmark {
  font-family: Arial, sans-serif;
  text-anchor: middle;
  fill: #faf0fb;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .cosmic-pool-total {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-top: -5px;
  white-space: nowrap;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .cosmic-pool-total > strong {
  margin: 0;
  font-size: var(--pool-total-size,18px);
  font-weight: 500;
  line-height: 1.2;
  color: #e9ddec;
  letter-spacing: -.025em;
  text-shadow: none;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .cosmic-pool-total > span {
  margin: 0;
  color: #a49bae;
  font-size: var(--pool-total-label-size,10px);
  line-height: 1.3;
}
@media (min-width:641px) and (max-width:900px) {
  html.violet-cosmic #mainContent .view[data-page="pool"] .pool-globe.cosmic-pool-crystal-host {
    --pool-crystal-width: 220px;
  }
}
@media (max-width:640px) {
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .cosmic-pool-layout {
    grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);
    grid-template-areas: 'balance crystal' 'action action';
    gap: 22px 14px;
    padding: 22px 18px !important;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .cosmic-pool-layout .pool-balance {
    align-self: center;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .cosmic-pool-layout .pool-balance > strong {
    font-size: clamp(24px,6.8vw,32px);
    white-space: nowrap;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .cosmic-pool-layout .pool-balance > div {
    margin-top: 24px;
    gap: 16px;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .cosmic-pool-layout > #poolTransferButton {
    width: 100%;
  }
  html.violet-cosmic #mainContent .view[data-page="pool"] .pool-globe.cosmic-pool-crystal-host {
    --pool-crystal-width: 100%;
    --pool-total-size: 15px;
    --pool-total-label-size: 9px;
    max-width: 190px;
  }
}
/* Component layer: violet-cosmic-spacing */
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic {
  --cg-page-gutter: 32px;
  --cg-section-gap: 24px;
  --cg-card-gap: 16px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent {
  padding-inline: var(--cg-page-gutter);
  padding-bottom: 48px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view:not([data-page="overview"]) > :is(.page-head,.subpage-head) {
  margin-top: 0;
  margin-bottom: var(--cg-section-gap);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] > :is(
  .panel,.risk-banner,.strategy-builder-layout,.asset-cards,.asset-earnings,.asset-detail-grid,
  .team-overview-panel,.team-action-grid,.level-current-panel,.level-section,.level-rule-notes,
  .earnings-total-grid,.subscription-summary-grid,.subscription-main-grid,
  .ecosystem-teaser,.stats-grid,.nova-community-section,.two-columns,.ops-stats,
  #poolEcosystemSummary,#teamEcosystemSummary
) {
  margin-top: var(--cg-section-gap);
  margin-bottom: 0;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] > :is(.panel,.risk-banner):first-child {
  margin-top: 0;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .asset-cards,.asset-detail-grid,.team-action-grid,.base-level-grid,.level-rule-notes,
  .earnings-total-grid,.subscription-summary-grid,.subscription-main-grid,.two-columns
) {
  gap: var(--cg-card-gap);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(
  .asset-detail-grid,.subscription-main-grid,.two-columns,.level-rule-notes
) > .panel {
  margin-bottom: 0;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="ecosystem"] :is(.eco-section-head,.eco-detail-head) {
  margin-bottom: var(--cg-section-gap);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="ecosystem"] .eco-overview-grid {
  gap: var(--cg-section-gap);
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent :is(#poolEcosystemSummary,#teamEcosystemSummary) > .eco-shortcuts {
  margin-block: 0;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="strategy"] .builder-facts {
  margin-bottom: 22px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="subscription"] .subscription-quote {
  margin-block: 22px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page] :is(.builder-shortcuts,.subscription-shortcuts) {
  margin-top: 12px;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view[data-page="assets"] .asset-total-actions {
  margin-top: 20px;
}
@media (max-width: 1024px) {
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic {
    --cg-page-gutter: 24px;
  }
}
@media (max-width: 600px) {
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic {
    --cg-page-gutter: 16px;
    --cg-section-gap: 20px;
  }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent {
    padding-top: 24px;
    padding-bottom: 36px;
  }
}
/* Per-order terms consent. */
html.violet-app #mainContent #strategyBuilder .builder-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#orderConsent:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin: 18px 0 14px;
  color: var(--text-muted, #b4acc8);
  font-size: 14px;
  line-height: 1.6;
}
#orderConsent input {
  appearance: auto !important;
  flex: 0 0 20px;
  width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  margin: 0 6px 0 0;
  padding: 0 !important;
  accent-color: #bc89ff;
  cursor: pointer;
}
#orderConsent label {
  display: inline;
  margin: 0;
  padding-block: 6px;
  cursor: pointer;
}
html.violet-app #orderTermsButton {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #c69aff !important;
  font: inherit !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#orderTermsButton::before, #orderTermsButton::after { display: none !important; }
#orderTermsDialog {
  width: min(560px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 24px;
  border: 1px solid #625773;
  border-radius: 20px;
  background: #11121d;
  color: #eeebf8;
  box-shadow: 0 24px 80px #0008;
  box-sizing: border-box;
}
#orderTermsDialog[open] { display: flex; flex-direction: column; }
#orderTermsDialog::backdrop { background: #03040bcc; backdrop-filter: blur(5px); }
#orderTermsDialog h3 { margin: 0 0 18px; font-size: 23px; }
#orderTermsDialog .order-terms-content { overflow-y: auto; min-height: 0; }
#orderTermsDialog ol { margin: 0; padding-left: 24px; }
#orderTermsDialog li { margin: 0 0 14px; padding-left: 4px; font-size: 15px; line-height: 1.8; }
#orderTermsDialog footer { padding-top: 12px; text-align: right; }
#orderTermsDialog #orderTermsClose { min-height: 40px; padding: 8px 24px; }
#orderModal #confirmOrder:disabled { opacity: .45; cursor: not-allowed; }
/* Component layer: violet-team-performance */
html.violet-cosmic #directMembersModal .direct-members-modal {
  width: min(680px, 100%);
}
html.violet-cosmic #directMembersModal .direct-members-ledger-head {
  display: none;
}
html.violet-cosmic #directMembersModal #directMemberRows {
  display: grid;
  gap: 10px;
  padding: 10px;
}
html.violet-cosmic #directMembersModal .direct-member-row {
  display: block;
  min-height: 0;
  padding: 15px 16px;
  border: 1px solid rgba(169, 181, 221, .18) !important;
  border-radius: 15px;
}
html.violet-cosmic #directMembersModal .direct-member-address-cell {
  display: block;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(169, 181, 221, .12);
}
html.violet-cosmic #directMembersModal .direct-member-address {
  display: block;
  width: 100%;
}
html.violet-cosmic #directMembersModal .direct-member-address code {
  display: block;
  font-size: 11px;
  line-height: 1.6;
  white-space: normal;
  overflow-wrap: anywhere;
}
html.violet-cosmic #directMembersModal .direct-member-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
}
html.violet-cosmic #directMembersModal .direct-member-level {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  border: 1px solid rgba(169, 181, 221, .2);
  border-radius: 6px;
  font-size: 10px;
  line-height: 1.2;
}
html.violet-cosmic #directMembersModal .direct-member-level::before {
  content: var(--i18n-level, "等级");
  margin: 0;
  font: 400 9px/1.2 system-ui, sans-serif;
}
html.violet-cosmic #directMembersModal .direct-member-status {
  padding: 4px 7px;
  font-size: 9px;
  line-height: 1.2;
}
html.violet-cosmic #directMembersModal .direct-member-performance {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px 18px;
  margin: 13px 0 0;
}
html.violet-cosmic #directMembersModal .direct-member-performance > div {
  min-width: 0;
}
html.violet-cosmic #directMembersModal .direct-member-performance dt {
  color: #a4abc2;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
}
html.violet-cosmic #directMembersModal .direct-member-performance dd {
  margin: 5px 0 0;
  color: #eef1ff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
html.violet-cosmic #directMembersModal .direct-member-performance .up {
  color: #acdddf;
}
html.violet-cosmic #directMembersModal .direct-member-performance .is-zero {
  color: #959eb6;
}
@media (max-width: 640px) {
  html.violet-cosmic #directMembersModal #directMemberRows {
    padding: 7px;
    gap: 8px;
  }
  html.violet-cosmic #directMembersModal .direct-member-row {
    padding: 12px;
  }
  html.violet-cosmic #directMembersModal .direct-member-address code {
    font-size: 9.5px;
  }
  html.violet-cosmic #directMembersModal .direct-member-performance {
    gap: 13px 12px;
  }
  html.violet-cosmic #directMembersModal .direct-member-performance dd {
    font-size: 14px;
  }
}