/* LIFT visual system. Presentation only; network brand values live in network-theme.css. */
:root {
  --lift-ink: #19384b;
  --lift-muted: #506778;
  --lift-positive: #17624e;
  --lift-negative: #96394e;
  --lift-surface: #f7fbfd;
  --lift-rim: #ffffff;
  --lift-divider: #dce7ed;
  --lift-ease: cubic-bezier(.2,.7,.2,1);
}
/* Neon remains the Robinhood brand accent. Dark olive is its reading ink. */
html[data-network=robinhood] { --lift-positive: #354600; }
html body { color: var(--lift-ink); }
.sky::after { background: linear-gradient(180deg,#e6f3fb18,#eef7fcbf 55%,#eef7fcf5); }
.cloud-layer { animation-name: lift-sky-drift; animation-duration: 38s; }
@keyframes lift-sky-drift {
  from { transform: translate3d(-1%,0,0); }
  to { transform: translate3d(1%,.6%,0); }
}
/* A single glass layer: the controls do not each need another backdrop pass. */
html .navigation,html .page-interior .navigation {
  border-color: #ffffffed;
  border-radius: 24px;
  background: linear-gradient(145deg,#f7fbfddd,#edf6fad4);
  box-shadow: inset 0 1px 0 #fff,0 8px 32px #25485f0c;
  backdrop-filter: blur(12px) saturate(115%);
}
html .navigation::after { animation: none; opacity: .32; }
html .navigation .chain-selector,
html .navigation .wallet-entry,
html .navigation .nav-create,
html .navigation .nav-liquid-pill { backdrop-filter: none; }
html .navigation nav { padding: 4px; border-radius: 99px; background: #dfebf180; }
html .navigation nav a { color: #405b6e; transition: color 160ms; }
html .navigation nav a[aria-current=page] { color: #18384c; font-weight: 700; }
html .navigation .nav-liquid-pill {
  background: linear-gradient(135deg,#ffffffed,#ffffff90);
  border-color: #fff;
  box-shadow: inset 0 1px 0 #fff,0 3px 9px #244a6012;
  transition-duration: 220ms;
  will-change: auto;
}
html .navigation .chain-selector,
html .navigation .wallet-entry { background: #f8fcffcc; color: #304d60; }
html .nav-create,html .page-interior .navigation .nav-create { background: var(--chain-accent); color: var(--chain-ink,#fff); }
html .nav-create:hover { filter: none; box-shadow: 0 5px 18px #19384b22; }
html .explore-create { color: var(--chain-text,#355b75); background: #fff; border-color: #d6e4ee; }
html .explore-create:hover { background: var(--chain-soft); filter: none; }
html .navigation :is(.nav-create,.wallet-entry,.chain-selector),
html .explore-create { transition: background-color 160ms,box-shadow 160ms; }
html :is(button,a,input,select,summary):focus-visible { outline: 2px solid var(--chain-text,#315b79); outline-offset: 4px; }

/* A quiet editorial header, followed by two clearly distinct market surfaces. */
html #explore { max-width: 1440px; margin-inline: auto; padding-inline: 42px; }
html #explore .page-title { padding: 38px 0 22px; gap: 20px; }
html #explore h1 { font-size: clamp(28px,2.5vw,38px); letter-spacing: -1.3px; line-height: 1.2; }
html #explore h1 span { font-size: 13px; color: #425e72; }
html #explore .demo {
  border: 1px solid #ffffffeb; border-radius: 99px;
  padding: 8px 12px; background: #f7fbfdee;
  color: #405b6d; font-size: 10px; letter-spacing: .09em; text-align: center;
}
html #explore .command { gap: 22px; margin-bottom: 28px; }
html .search-trigger {
  min-height: 48px; width: 450px; border-radius: 16px;
  background: #f9fcfdf2; border-color: #fff;
  box-shadow: 0 3px 15px #244e6808; color: #435f72;
  transition: background-color 160ms,box-shadow 160ms;
}
html .search-trigger:hover { background: #fff; box-shadow: 0 5px 20px #244e6814; }
html .search-trigger kbd { color: #526b7c; background: #edf3f7; }
html #results { color: #3d5e74; font-size: 12px; }
html #graduations,
html #market {
  border: 1px solid #fff; padding: 26px 24px 10px;
  box-shadow: inset 0 1px 0 #fff,0 12px 40px #2b54750c;
}
html #graduations {
  background: linear-gradient(135deg,#f9fcfff5,#edf5fcf7);
  border-radius: 32px 48px 32px 32px; margin-top: 35px; margin-bottom: 36px;
}
html #graduations::before { width: 104px; height: 24px; top: -15px; left: 40px; background: #f9fcff; box-shadow: 72px 5px 0 -5px #f7fbfe; }
html #market { background: #f7fbfdf5; border-radius: 32px; }
html #market::before { width: 95px; height: 23px; top: -15px; right: 45px; background: #f7fbfd; box-shadow: -66px 5px 0 -5px #f7fbfd; }
html #explore .section-heading h2 { font-size: 19px; font-weight: 700; letter-spacing: -.5px; }
html #explore #grad-title { font-size: 26px; letter-spacing: -.7px; }
html #explore h2>span { padding: 3px 8px; color: #506778; background: #e6eff5; border-radius: 99px; font-size: 11px; font-weight: 600; }
html #explore .section-hint { color: #506778; font-size: 11px; }
html .graduation-kicker { color: var(--chain-text,#315875); font-size: 9px; font-weight: 700; letter-spacing: .13em; margin: 0 0 8px; }
html #graduation-list { gap: 12px; }
/* A small live catalogue must not leave three empty card slots. */
html #graduation-list:has(>.graduation-row:only-child) { grid-template-columns: minmax(0,1fr); }
@media(min-width:761px) {
  html #graduation-list:not(:has(>.graduation-row:nth-child(4))) { grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); }
}
@media(min-width:1101px) {
  html #graduation-list>.graduation-row:only-child { display: grid; grid-template-columns: minmax(210px,.9fr) minmax(0,1.8fr) auto; gap: 26px; padding: 24px; }
  html #graduation-list>.graduation-row:only-child .graduation-art { width: 64px; height: 64px; }
  html #graduation-list>.graduation-row:only-child .grad-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; border: 0; margin: 0; padding: 0; }
  html #graduation-list>.graduation-row:only-child .grad-metrics>span { text-align: left; }
  html #graduation-list>.graduation-row:only-child .grad-state { grid-column: auto; flex-direction: column; align-items: flex-end; border: 0; margin: 0; padding: 0; gap: 7px; }
}
html .graduation-row,
html .graduation-row:nth-child(2n) {
  position: relative; border-radius: 22px; padding: 20px 17px 16px;
  background: #ffffffeb; border-color: #dce7ef !important;
  box-shadow: 0 3px 8px #25465d04;
  transition: transform 180ms var(--lift-ease),box-shadow 180ms,background-color 180ms;
}
html .graduation-art { border-radius: 18px; box-shadow: 0 4px 12px #2348620c; }
html .grad-identity strong { color: #19384b; font-size: 20px; font-weight: 700; letter-spacing: -.3px; }
html .grad-identity small { color: #526b7b; font-size: 10px; }
html .grad-metrics { border-top: 1px solid #e7eef3; padding-top: 16px; }
html .grad-metrics small { color: #506778; font-size: 10px; }
html .grad-metrics b { font-size: 12px; font-weight: 600; }
html .grad-badge.done { color: var(--lift-positive); background: #e9f5ef; border-color: #cce7db; }
html .grad-state.done { color: var(--lift-positive); border-top: 1px solid #e7eef3; padding-top: 12px; }
html .grad-state.done span:last-child { color: #526b7b; }
html #market .section-heading { padding-bottom: 18px; border-color: #dce7ed; }
html .market-filter { gap: 4px; padding-block: 16px 3px; }
html .market-filter button { min-height: 36px; font-size: 11px; color: #506778; border-radius: 10px; padding-inline: 12px; }
html .market-filter button[aria-pressed=true] { box-shadow: inset 0 0 0 1px #19384b0b; font-weight: 600; }
html .market-filter>span { color: #506778; font-size: 10px; }
html .arrival-bar { color: #506778; min-height: 60px; }
html .arrival-status { font-size: 11px; }
html .arrival-apply[aria-disabled=true] { background: #edf3f7; color: #5a6e7d; border: 1px solid #dce7ed; }
html #market .table-head { color: #526b7b; font-size: 10px; height: 36px; }
html #market .token-row {
  min-height: 68px; border-radius: 12px; border-color: #dce7ed9c;
  background: transparent; padding-block: 12px; transition: background-color 140ms;
}
html #market .token-row:hover { background: #fff; }
html #market .identity { gap: 12px; }
html #market .avatar { width: 38px; height: 38px; border-radius: 12px; }
html #market .identity strong { font-size: 13px; font-weight: 650; }
html #market .identity small { color: #526b7b; font-size: 10px; }
html #market .metric { font-size: 12px; font-weight: 500; }
html #market .change { font-size: 11px; }
html #market .stage { color: #526b7b; }
html #market .stage.done,
html #market .mobile-stage.done { color: var(--lift-positive); }
html .progress-track { background: #dce6ed; }
html .stage .progress-track { height: 5px; }
html .pagination { color: #506778; padding-block: 16px; }
html .page-total { color: #506778; }
html .page-buttons button { min-width: 34px; border-radius: 10px; background: #fff; color: #435e71; border-color: #d8e5ed; }
html .page-buttons button:disabled { opacity: 1; color: #647784; background: #edf2f5; border-color: #e1e9ef; }
html .data-note { color: #526b7b; font-size: 10px; line-height: 1.6; }
html .token-row.arrival-new { animation: lift-arrival 180ms var(--lift-ease); box-shadow: inset 3px 0 var(--chain-text,#315b79); background: var(--chain-soft); }
@keyframes lift-arrival { from { opacity: .3; transform: translateY(4px); } to { opacity: 1; transform: none; } }

/* Stable reading surfaces keep text contrast independent from the moving sky. */
html body :is(.positive,.token-page .positive,.trade-side.buy) { color: var(--lift-positive); }
html body :is(.negative,.token-page .negative,.trade-side.sell) { color: var(--lift-negative); }
html .trade-side.buy { background: #e4f2eb; }
html .trade-side.sell { background: #f8e9ee; }
html[data-network=robinhood] .trade-side.buy { background: #f0f8d6; }
html .token-page .surface,
html .token-heading,
html .token-metrics>div {
  background: #f7fbfdf7; border-color: #fff;
  box-shadow: 0 8px 28px #24496209; backdrop-filter: none;
}
html .token-metrics>div { border-radius: 20px; }
html .token-metrics span { color: #506778; }
html .token-metrics strong { color: #19384b; font-weight: 550; }
html :is(.token-meta,.token-name>span,.token-breadcrumb,.chart-readout>div>span,.chart-readout small,.chart-bottom,.sample-label) { color: #506778; }
html :is(.chart-toolbar button,.activity-toolbar button,.token-tabs button,.amount-label span,.receive-field>span,.trade-note,.wallet-disconnected,.token-side-note) { color: #506778; }
html .price-chart text { fill: #526b7b; }
html .token-table :is(th,td) { color: #506778; }
html :is(.amount-field,.receive-field) { background: #fff; border-color: #d6e4ec; border-radius: 14px; }
html .amount-presets button { color: var(--chain-text,#375f79); background: #edf3f7; border-color: #d8e4ec; }
html .trade-tabs { border-radius: 14px; }
html .trade-submit { min-height: 46px; border-radius: 14px; font-weight: 600; }
html .trade-submit:disabled { opacity: 1; background: #dfe8ed; border-color: #d1dee6; color: #526778; }
html .lift-footer { background: #f4f9fce8; backdrop-filter: none; border-radius: 36px 48px 32px 36px; }
html .lift-footer :is(p,nav>span,.lift-footer-bottom) { color: #506778; }
html .lift-footer nav>a { color: #405e72; }
html .lift-footer-create>span { color: var(--chain-text,#375f79); }
html .lift-footer-x:hover { color: var(--chain-text,#375f79); }

/* Search and menus are opaque enough to read, with glass concentrated at the rim. */
html .search-backdrop { background: #18384b35; backdrop-filter: blur(6px); }
html .spotlight {
  border: 1px solid #fff; border-radius: 24px; background: #f7fbfd;
  box-shadow: 0 24px 80px #18384b30; animation: none; will-change: auto;
}
html .spotlight-input-row { padding: 20px; }
html .spotlight-input-row input { color: #19384b; }
html .spotlight-input-row input::placeholder { color: #536c7d; }
html :is(.spotlight-controls,.spotlight-copy small,.spotlight-footer) { color: #506778; }
html .spotlight-result { min-height: 64px; border-radius: 12px; }
html .spotlight-result[aria-selected=true] { background: var(--chain-soft,#e6f0f8); box-shadow: inset 0 0 0 1px #2749630b; }
html .spotlight-footer button { background: #24485e; color: #fff; border-radius: 10px; min-height: 36px; }
html .lift-menu { background: #f7fbfd; border-color: #fff; box-shadow: 0 14px 48px #23465d24; }
html .lift-menu-heading { color: #526b7b; }
html .lift-option-copy small { color: #526b7b; }
html .lift-menu-option[aria-selected=true] { background: var(--chain-soft,#e6f0f8); }
html .lift-option-check { color: var(--chain-text,#375f79); }
html .lift-menu-option[aria-disabled=true] { opacity: 1 !important; background: #edf2f5; color: #506778; }
html .lift-toast { background: #f7fbfd; color: #19384b; }
html .lift-toast p { color: #506778; }
html .lift-toast-mark { color: var(--chain-text,#375f79); background: var(--chain-soft,#e6f0f8); }

/* The brand line stays neon; a fine olive keyline separates it from the pale chart. */
.chart-line-halo { stroke: none; }
html[data-network=robinhood] .chart-line-halo { stroke: #354600; }
html[data-network=robinhood] .price-chart circle[fill="var(--chain-line)"] { stroke: #354600; }
html[data-network=robinhood] .lift-chart svg rect { stroke: #526b00; stroke-width: 1; }
html[data-network=robinhood] .grad-badge.done { background: #f0f8d6; }
html .lift-stat small.up { color: var(--lift-positive); }
html :is(.lift-stat,.lift-chart,.source-empty) { background: #f7fbfdf5; border-color: #fff; border-radius: 24px; }
html :is(.lift-stat>span,.lift-stat small,.chart-caption,.range-note,.source-strip,.analytics-method,.insights-heading>div>p,.lift-chart .eyebrow) { color: #506778; }
html .lift-chart svg text { fill: #526b7b; }
html :is(.create-step-note,.create-field>span,.create-hint,.create-preview small,.profile-heading p,.profile-stat>span) { color: #506778; }
html .create-live-preview { background: #f7fbfdf2; }
html .create-preview-copy>span { color: var(--chain-text,#375f79); font-weight: 600; }
html .create-emblem { color: var(--chain-text,#375f79); }
html[data-network=robinhood] .create-emblem:not(:has(img)) { background: #ccff00; color: #172000; }
html :is(.create-preview-copy p,.create-preview-bottom span,.create-preview-footnote,.create-preview-topline,.create-kicker,.create-count,.create-image-row p,.create-image-row>div>span,.create-image-row strong small,.create-fields label>small,.create-field-hint,.create-socials summary span,.create-network-card p,.create-launch-note p,.create-review-description,.create-review-details dt,.create-review-details dd small) { color: #506778; }
html .create-preview-label { color: #435e71; background: #f7fbfdeb; }
html .create-fields input::placeholder,html .create-fields textarea::placeholder { color: #607585; }
html .create-steps button { color: #526b7b; }
html .create-secondary { color: #435e71; }
html .create-network-tag { color: var(--chain-text,#375f79); }
html :is(.fees-intro,.fees-kicker,.fees-total>span,.fees-assets small,.fees-assets>span,.fees-settings p,.fees-bottom p,.fees-cancel,.token-lifecycle p,.token-lifecycle small,.trade-pay-select small) { color: #506778; }
html body .token-page :is(.trade-submit,.fees-claim):disabled { opacity: 1; background: #dfe8ed; border-color: #d1dee6; color: #526778; }
html .amount-presets button:disabled { opacity: 1; color: #607585; background: #e7eef3; }
html .docs-article :is(p,li),html .docs-article .doc-note { color: #506778; }
html :is(.trade-tabs button,.chart-toolbar button,.period-control button,.market-filter button) { transition: background-color 160ms,color 160ms; }

/* No zoom at the document boundary. A subtle drift lives only inside the cloud plate. */
html .cloud-plane { background: #dcecf7; }
html .cloud-plane::before {
  content: ''; position: absolute; inset: -2%;
  background: #dcecf7 url('/clouds/generated-core.png') center/cover no-repeat;
  animation: lift-transition-cloud 3s ease-in-out infinite alternate;
}
@keyframes lift-transition-cloud { from { transform: translate3d(-.6%,0,0); } to { transform: translate3d(.6%,.3%,0); } }
html.cloud-transitioning .cloud-layer,
html.lift-tab-hidden .cloud-layer,html.lift-tab-hidden .cloud-plane::before { animation-play-state: paused; }
html.cloud-transitioning .navigation { backdrop-filter: none; }
html.cloud-transitioning .navigation.has-refraction { backdrop-filter: none; }
@media(hover:hover) and (pointer:fine) {
  html .graduation-row:hover { transform: translateY(-3px); background: #fff; box-shadow: 0 9px 24px #23465d12; }
}
@media(max-width:1100px) {
  html #explore { padding-inline: 24px; }
  html .grad-identity strong { font-size: 15px; }
  html .grad-metrics b { font-size: 11px; }
}
@media(max-width:760px) {
  html .navigation,html .page-interior .navigation { border-radius: 20px; background: #f3f9fcf2; backdrop-filter: blur(8px); }
  html .navigation nav { padding: 2px; }
  html #explore { padding-inline: 16px; }
  html #explore .page-title { align-items: flex-start; padding: 27px 0 18px; gap: 12px; }
  html #explore h1 span { display: block; font-size: 12px; margin: 8px 0 0; }
  html #explore .demo { font-size: 8px; padding: 7px 9px; max-width: 124px; line-height: 1.5; }
  html #explore .command { flex-direction: column; align-items: stretch; gap: 12px; margin-bottom: 24px; }
  html .search-trigger { width: 100%; min-height: 46px; border-radius: 14px; }
  html #results { font-size: 11px; }
  html #graduations,html #market { padding: 21px 12px 6px; border-radius: 26px 34px 26px 26px; margin-top: 28px; }
  html #graduations { margin-bottom: 28px; }
  html #explore .section-heading h2 { font-size: 17px; }
  html #explore #grad-title { font-size: 22px; }
  html #graduations .section-hint { max-width: 110px; text-align: right; font-size: 10px; }
  html #graduation-list { gap: 8px; }
  html .graduation-row,html .graduation-row:nth-child(2n) { border-radius: 18px; padding: 14px 11px 12px; }
  html .graduation-art { width: 48px; height: 48px; border-radius: 14px; margin-bottom: 10px; }
  html .grad-identity strong { font-size: 15px; overflow-wrap: anywhere; }
  html .grad-identity small { font-size: 9px; }
  html .grad-metrics { padding-top: 12px; margin-top: 13px; gap: 11px 6px; }
  html .grad-metrics small { font-size: 9px; }
  html .grad-metrics b { font-size: 10px; }
  html .grad-state.done { font-size: 9px; }
  html .market-filter { flex-wrap: wrap; gap: 2px; }
  html .market-filter button { font-size: 10px; padding-inline: 8px; }
  html .arrival-bar { gap: 8px; min-height: 90px; }
  html .arrival-status { font-size: 10px; }
  html #market .token-row { min-height: 79px; }
  html #market .identity { gap: 8px; }
  html #market .avatar { width: 30px; height: 30px; border-radius: 10px; }
  html #market .identity strong { font-size: 12px; }
  html #market .identity small { font-size: 9px; }
  html #market .metric { font-size: 11px; }
  html #market .mobile-extra { font-size: 9px; }
  html .data-note { font-size: 9px; }
  html .page-buttons button { min-height: 36px; }
  html .search-backdrop { backdrop-filter: blur(3px); }
  html .spotlight-controls { padding-inline: 14px; gap: 4px; }
  html .spotlight-footer { padding-inline: 14px; gap: 10px; }
  html .spotlight-footer>span { font-size: 9px; }
}
@media(prefers-reduced-motion:reduce) {
  html .cloud-layer,html .cloud-plane::before,html .token-row.arrival-new { animation: none; }
  html .graduation-row:hover { transform: none; }
  html .navigation .nav-liquid-pill { transition: none; }
}