/* Frosted AI core artwork, with the existing account data and controls. */
/* Preserve the existing float guard so it cannot cover the compact account area. */
html.violet-home.violet-cosmic #lumenFloat.eco-teaser-safe {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] > .page-head { margin: 4px 0 12px !important; padding: 0 !important; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] > .page-head::before { content: none !important; display: none !important; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] > .page-head .kicker { display: none; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] > .page-head h2 { margin: 0; font-size: 28px; line-height: 1.3; font-weight: 600; letter-spacing: -.6px; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] > .page-head p { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 10px; font-size: 12px; line-height: 1.8; color: #9c9eb2 !important; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] > .page-head p span + span { position: relative; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] > .page-head p span + span::before { content: ''; position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #55566e; left: -10px; top: .8em; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-card {
  position: relative; isolation: isolate; display: grid;
  grid-template-columns: minmax(320px,.88fr) minmax(0,1.12fr);
  align-items: center; min-height: 390px; gap: 0;
  padding: 26px 0 30px; margin: 0 0 28px;
  border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-card::before, html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-card::after { content: none !important; display: none !important; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-main { display: block; grid-column: 1; grid-row: 1; padding: 20px 24px 20px 0; position: relative; z-index: 2; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-chip-stage { display: none !important; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-copy { grid-area: auto; padding: 0; max-width: 460px; text-align: left; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-title { display: flex; align-items: center; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; gap: 12px; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-title > span { font-size: 13px; color: #bfc0d0 !important; font-weight: 500; letter-spacing: .3px; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-title > em { display: inline-flex; align-items: center; gap: 7px; color: #bbace0 !important; font-size: 11px; font-style: normal; white-space: nowrap; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-title > em > i { width: 4px; height: 4px; border-radius: 50%; background: #a793d4; box-shadow: 0 0 7px #947aca50; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-copy > strong { display: block; margin: 16px 0 0; font-size: clamp(42px,4vw,58px); font-weight: 550; line-height: 1.12; letter-spacing: -.05em; color: #f4f2fa !important; font-variant-numeric: tabular-nums; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-overview-facts { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 20px; margin-top: 28px; padding-top: 20px; border-top: 1px solid #aea4d222; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-order-summary { display: grid; gap: 9px; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-order-summary > span, html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-settlement-countdown > span { font-size: 11px; line-height: 1.4; font-weight: 400; color: #878a9e !important; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-order-summary > strong { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px; color: #d6d8e5; font-size: 15px; font-weight: 500; line-height: 1.3; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-order-summary small { color: #878a9e; font-size: 10px; font-weight: 400; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-settlement-countdown { position: static; inset: auto; display: grid; justify-items: end; align-items: start; gap: 9px; margin: 0; padding: 0; border: 0 !important; background: none !important; box-shadow: none !important; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-settlement-countdown > strong { font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: 16px; line-height: 1.25; font-weight: 400; font-variant-numeric: tabular-nums; letter-spacing: .06em; color: #c2badb !important; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-actions { display: flex; width: 100%; gap: 12px; margin-top: 28px; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-action { flex: 1; min-width: 0; min-height: 48px; padding: 0 18px; font-size: 13px; font-weight: 550; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .dapp-ai-core-media {
  position: relative; inset: auto; grid-column: 2; grid-row: 1;
  width: 100%; height: auto; max-height: none; aspect-ratio: 3 / 2;
  z-index: 0; isolation: isolate; overflow: hidden; opacity: 1;
  pointer-events: none; background: #03040b;
}
@media (max-width: 1024px) and (min-width: 761px) {
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-card { grid-template-columns: minmax(300px,.9fr) minmax(0,1.1fr); }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-main { padding-right: 12px; }
}
@media (max-width: 760px) {
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] > .page-head { margin: 0 4px 8px !important; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] > .page-head h2 { font-size: 25px; letter-spacing: -.5px; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] > .page-head p { margin-top: 8px; gap: 4px 15px; font-size: 10px; line-height: 1.8; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] > .page-head p span + span::before { left: -9px; width: 2px; height: 2px; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-card { display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto; min-height: 0; margin: 0 0 32px; padding: 0; gap: 0; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .dapp-ai-core-media { grid-column: 1; grid-row: 1; aspect-ratio: 3 / 2; margin: 0; opacity: 1; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-main { grid-column: 1; grid-row: 2; padding: 10px 8px 0; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-copy { max-width: none; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-copy > strong { font-size: clamp(40px,10.7vw,50px); margin-top: 13px; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-title > span { font-size: 12px; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-title > em { font-size: 10px; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-overview-facts { gap: 14px; margin-top: 22px; padding-top: 18px; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-settlement-countdown > strong { font-size: 15px; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-actions { margin-top: 24px; gap: 12px; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-action { min-height: 47px; font-size: 13px; padding: 0 15px; }
}
@media (max-width: 360px) {
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-main { padding-inline: 4px; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-order-summary > strong { gap: 5px; font-size: 14px; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-order-summary small { font-size: 9px; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-overview-facts { gap: 10px; }
}

html.violet-cosmic #mainContent .dapp-ai-core-media { margin: 0; }
.dapp-ai-core-media { --core-motion-cycle: 12s; --core-ambient-cycle: 24s; }
.dapp-ai-core-object {
  position: absolute; inset: 0; transform-origin: 52% 48%;
  animation: dapp-core-hover var(--core-motion-cycle) ease-in-out infinite;
  animation-play-state: paused;
}
.dapp-ai-core-object > img {
  display: block; width: 100%; height: 100%; object-fit: contain;
  object-position: center; max-width: none;
}
.dapp-core-microcurrent {
  position: absolute; inset: 0; width: 100%; height: 100%;
  pointer-events: none; fill: none; stroke-linecap: round; stroke-linejoin: round;
}
.dapp-core-microcurrent :is(.core-micro-glow,.core-micro-line) {
  opacity: 0; stroke-dasharray: 38 160;
  animation: core-micro-flow var(--core-motion-cycle) linear infinite;
  animation-delay: var(--micro-delay); animation-play-state: paused;
}
.core-micro-glow { stroke: #b798f0; stroke-width: 8; filter: url(#coreMicroGlow); }
.core-micro-line { stroke: #ece0ff; stroke-width: 2.5; }
.core-frost-scan {
  stroke: none; transform-origin: 768px 512px;
  animation: core-frost-scan var(--core-motion-cycle) linear infinite;
  animation-play-state: paused;
}
.core-frost-breath {
  stroke: url(#coreRimTone); stroke-width: 4; opacity: .15;
  filter: url(#coreMicroGlow);
  animation: core-frost-breath var(--core-motion-cycle) ease-in-out infinite;
  animation-play-state: paused;
}
.dapp-ai-core-media.is-active :is(.core-micro-glow,.core-micro-line,.core-frost-scan,.core-frost-breath) {
  animation-play-state: running;
}
@keyframes core-micro-flow {
  0% { opacity: 0; stroke-dashoffset: 38; }
  .5% { opacity: .52; }
  3% { opacity: .4; }
  4.5%,100% { opacity: 0; stroke-dashoffset: -108; }
}
/* Eight 0.54s passes finish at 5.09s; the scan follows, then the surface rests. */
@keyframes core-frost-scan {
  0%,44% { transform: translateY(0) rotate(-12deg); opacity: 0; }
  47% { opacity: .72; }
  59% { opacity: .58; }
  64%,100% { transform: translateY(1210px) rotate(-12deg); opacity: 0; }
}
@keyframes core-frost-breath {
  0%,68%,100% { opacity: .12; }
  42% { opacity: .2; }
  54% { opacity: .3; }
}
.dapp-ai-core-inscription {
  position: absolute; left: 49.6%; top: 43.5%;
  width: 22%; display: grid; gap: 5px; justify-items: center;
  transform: translate(-50%,-50%) rotate(-14deg) skewX(-12deg);
  color: #423750; text-shadow: 0 1px 0 #ffffff50;
  text-align: center; font-family: Arial, Helvetica, sans-serif;
}
.dapp-ai-core-inscription > span {
  font-size: clamp(7px,.8vw,12px); font-weight: 600;
  letter-spacing: .13em; line-height: 1.2;
}
.dapp-ai-core-inscription > strong {
  font-size: clamp(16px,1.8vw,27px); font-weight: 500;
  letter-spacing: -.04em; line-height: 1;
}
.dapp-ai-core-media::after {
  content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(0deg,#03040b,transparent 13%,transparent 92%,#03040b),
    linear-gradient(90deg,#03040b,transparent 14%,transparent 90%,#03040b);
}
.dapp-ai-core-dust { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.dapp-ai-core-dust i {
  position: absolute; left: var(--x); top: var(--y);
  width: var(--size,2px); height: var(--size,2px); background: #e7def6;
  border-radius: 50%; opacity: 0;
  animation: dapp-core-drift var(--core-ambient-cycle) ease-in-out infinite;
  animation-delay: var(--delay,0s); animation-play-state: paused;
}
.dapp-ai-core-media.is-active .dapp-ai-core-object,
.dapp-ai-core-media.is-active .dapp-ai-core-dust i { animation-play-state: running; }
@keyframes dapp-core-hover {
  0%,100% { transform: translate3d(-.3px,1.5px,0) rotate(-.06deg); }
  45% { transform: translate3d(.3px,-1.5px,0) rotate(.06deg); }
  75% { transform: translate3d(.1px,-.2px,0) rotate(.02deg); }
}
@keyframes dapp-core-drift {
  0%,100% { opacity: .08; transform: translate3d(0,2px,0); }
  50% { opacity: .24; transform: translate3d(1.5px,-4px,0); }
}
@media (max-width:760px) {
  .dapp-ai-core-inscription { gap: 4px; }
  .dapp-ai-core-inscription > span { font-size: 8px; }
  .dapp-ai-core-inscription > strong { font-size: 18px; }
}
@media (prefers-reduced-motion:reduce) {
  .dapp-ai-core-object { animation: none; }
  .dapp-ai-core-dust, .dapp-core-microcurrent { display: none; }
}
