/* All presentation colors come from the original CRYO tokens.css palette. */
:root {
  --cryo-bg:var(--bg);
  --cryo-surface:var(--panel);
  --cryo-line:var(--border);
  --cryo-ink:var(--text);
  --cryo-muted:var(--muted);
  --reactor-rgb:255,122,26;
  --cryo-accent:var(--grid);
  --font-ui:var(--font-sans)}

/* CRYO relaunch: a single visual system over the existing application contracts. */

body.cryo-app {
  background:var(--cryo-bg)!important;
  color:var(--cryo-ink);
  font-family:var(--font-ui);
  font-weight:400;
  overscroll-behavior-y:none;
  background-image:none!important}

body.cryo-app::before,body.cryo-app::after {
  display:none!important}

.cryo-app * {
  box-sizing:border-box}

.cryo-app button {
  font:inherit;
  cursor:pointer;
  touch-action:manipulation}

.cryo-app button:disabled {
  cursor:default}

.cryo-app button:focus-visible,.cryo-app a:focus-visible {
  outline:2px solid var(--text-soft)!important;
  outline-offset:4px}

.cryo-app .app-frame {
  width:100%;
  max-width:500px;
  margin:auto;
  padding:0!important;
  background:none!important}

.cryo-app #app {
  width:100%;
  max-width:500px;
  height:var(--tg-viewport-stable-height,100dvh)!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column;
  gap:0!important;
  background:var(--bg)!important;
  border:0!important;
  border-radius:0;
  box-shadow:none!important;
  padding:0!important;
  overflow:hidden}

.cryo-app .topbar {
  padding:16px 22px 12px!important;
  border-bottom:1px solid #ffffff0d;
  background:var(--bg)!important;
  flex:none;
  gap:12px!important;
  box-shadow:none!important}

.cryo-app .topbar__primary {
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:24px}

.cryo-app #brand {
  font-family:var(--font-ui);
  font-size:23px;
  font-weight:600;
  letter-spacing:.17em;
  color:var(--cryo-ink);
  text-shadow:none;
  background:none;
  -webkit-text-fill-color:currentColor}

.cryo-brand-mark {
  color:var(--grid-2);
  display:inline-block;
  font-size:29px;
  line-height:1;
  vertical-align:-2px;
  letter-spacing:0;
  margin-right:2px}

.cryo-app #operatorRank {
  font-family:var(--font-ui);
  font-size:10px;
  color:var(--muted);
  border:1px solid var(--text-faint);
  border-radius:6px;
  padding:5px 8px;
  background:var(--panel);
  text-transform:none;
  letter-spacing:.02em}

.cryo-app .asset-dock {
  display:flex!important;
  gap:12px;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  min-height:0!important}

.cryo-app .asset-dock__cell {
  background:var(--panel)!important;
  border:1px solid var(--panel-2)!important;
  border-radius:12px!important;
  padding:10px 12px!important;
  min-height:60px!important;
  flex:1;
  box-shadow:none!important;
  gap:9px!important}

.cryo-app .asset-dock__body {
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:4px!important;
  width:100%}

.cryo-app .asset-dock__row {
  display:block}
.cryo-app .asset-dock__name {
  font-size:11px;
  color:var(--muted);
  letter-spacing:.06em}
.cryo-app .asset-dock__val {
  font-size:20px!important;
  line-height:1.2;
  font-weight:500;
  letter-spacing:-.04em;
  color:var(--text)!important;
  text-shadow:none!important}

.cryo-app .asset-dock__icon {
  width:22px;
  height:22px;
  color:var(--success)!important}
.cryo-app .asset-dock__cell--cryo .asset-dock__icon {
  color:var(--cryo)!important}

.cryo-app .asset-dock__tag,.cryo-app .asset-dock__hint,.cryo-app .asset-dock__glow,.cryo-app .asset-dock__divider {
  display:none!important}

.cryo-app #activationCta {
  display:none!important}

.cryo-app .app-pages {
  flex:1;
  min-height:0;
  overflow:hidden;
  padding:0!important}

.cryo-app .panel {
  padding:0 22px!important;
  min-height:0;
  max-height:100%;
  background:none!important}

.cryo-app #panelDashboard {
  overflow:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#684b30 var(--panel);
  padding-bottom:22px!important}

.cryo-app .core-page {
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important}

.cryo-hero {
  padding-top:24px;
  position:relative;
  z-index:1}
.cryo-eyebrow {
  font-family:'JetBrains Mono',monospace;
  font-size:9px;
  font-weight:500;
  letter-spacing:.13em;
  color:var(--muted);
  display:flex;
  align-items:center;
  gap:7px;
  line-height:1.6}

.cryo-signal {
  height:5px;
  width:5px;
  background:var(--success);
  border-radius:50%;
  box-shadow:0 0 10px var(--success)}
.cryo-hero-row {
  display:flex;
  align-items:center;
  justify-content:space-between}

.cryo-hero h1,.cryo-missions-head h1 {
  font-size:31px;
  line-height:1.08;
  font-weight:500;
  letter-spacing:-.045em;
  margin:12px 0 9px;
  color:var(--text)}
.cryo-hero h1 span,.cryo-missions-head h1 span {
  color:var(--muted)}

.cryo-hero p,.cryo-missions-head p {
  font-size:13px;
  line-height:1.5;
  color:var(--muted);
  margin:0}

.cryo-icon-button {
  background:var(--panel);
  border:1px solid var(--text-faint);
  border-radius:50%;
  width:34px;
  height:34px;
  color:var(--text-soft);
  display:grid;
  place-items:center;
  font-size:16px!important;
  flex:none}

#cryoPreviewLabel {
  font-size:8px;
  background:var(--panel-2);
  color:var(--grid-2);
  padding:2px 5px;
  border-radius:3px;
  margin-left:auto;
  letter-spacing:.04em}

#cryoPreviewLabel[hidden] {
  display:none}

.cryo-app .core-stage {
  display:block!important;
  position:relative;
  min-height:0!important;
  height:270px!important;
  flex:none;
  max-height:none!important;
  margin:2px -12px -8px;
  padding:0!important;
  overflow:visible!important}

.cryo-app .core-page__status {
  display:none!important}
.cryo-app .core-page__action,.cryo-app .core-orb-zone,.cryo-app #cyberOrb {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-height:0!important;
  position:relative;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  aspect-ratio:auto!important}

.cryo-app #cyberOrb::before,.cryo-app #cyberOrb::after,.cryo-app .cyber-orb__outer-glow,.cryo-app .cyber-orb__rings,.cryo-app .cyber-orb__dots,.cryo-app .cyber-orb__corner,.cryo-app .first-pulse-ring,.cryo-app .cyber-orb__btn-shine,.cryo-app .cyber-orb__btn-inner,.cryo-app .cyber-orb__btn-core,.cryo-app .cyber-orb__scan,.cryo-app .ai-core__flash {
  display:none!important}

#cryoReactor {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none}

.cryo-app .cyber-orb__btn-wrap {
  position:absolute!important;
  left:50%;
  top:50%;
  width:112px!important;
  height:112px!important;
  transform:translate(-50%,-50%)!important;
  padding:0!important;
  min-width:0;
  min-height:0}

.cryo-app #coreBtn {
  position:absolute;
  inset:0;
  width:112px!important;
  height:112px!important;
  min-width:0!important;
  min-height:0!important;
  border:1px solid rgba(var(--reactor-rgb),.45)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(11,9,8,.85),rgba(11,9,8,.35))!important;
  filter:none!important;
  opacity:1!important;
  box-shadow:inset 0 0 28px rgba(var(--reactor-rgb),.08),0 0 25px rgba(var(--reactor-rgb),.06)!important;
  animation:none!important;
  transform:none;
  transition:transform .2s,background .2s}

.cryo-app #coreBtn:not(:disabled):hover {
  background:rgba(var(--reactor-rgb),.12)!important}
.cryo-app #coreBtn.core-btn--pressed {
  transform:scale(.94)!important}

.cryo-app #coreBtn:disabled {
  opacity:.8!important}
.cryo-app .cyber-orb__label {
  position:static!important;
  display:grid!important;
  place-content:center;
  height:100%;
  gap:4px!important;
  transform:none!important}

.cryo-app .cyber-orb__title {
  font-family:var(--font-ui)!important;
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:.14em!important;
  text-shadow:none!important;
  color:var(--text)!important}

.cryo-app .cyber-orb__hint {
  font-family:var(--font-ui)!important;
  font-size:9px!important;
  line-height:1.3;
  color:var(--muted)!important;
  letter-spacing:0!important;
  font-weight:400!important}
.cryo-app .cyber-orb__hint span {
  font-size:9px!important;
  font-weight:400!important;
  text-shadow:none!important;
  color:inherit!important}

.cryo-orbit-label {
  position:absolute;
  top:51%;
  font:7px/1.7 'JetBrains Mono',monospace;
  letter-spacing:.12em;
  color:var(--muted);
  pointer-events:none}
.cryo-orbit-label--left {
  left:6px}
.cryo-orbit-label--right {
  right:6px;
  text-align:right}

.cryo-telemetry {
  text-align:center}
.cryo-output-label {
  font:9px 'JetBrains Mono',monospace;
  letter-spacing:.15em;
  color:var(--muted)}
.cryo-output {
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:8px;
  margin:9px 0 5px}
.cryo-output>span:first-child {
  font-size:38px;
  line-height:1;
  font-weight:400;
  letter-spacing:-.05em;
  font-variant-numeric:tabular-nums}
.cryo-output>span:last-child {
  font-size:11px;
  color:var(--muted);
  font-weight:400}
.cryo-output-note {
  font-size:11px;
  color:var(--muted);
  line-height:1.5;
  min-height:17px}

.cryo-stats {
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  gap:10px;
  margin:23px 0 17px;
  padding:16px 0;
  border-top:1px solid var(--panel-2);
  border-bottom:1px solid var(--panel-2);
  text-align:left}
.cryo-stats>div+div {
  border-left:1px solid var(--text-faint);
  padding-left:10px}
.cryo-stats span {
  display:block;
  font-size:9px;
  color:var(--muted);
  white-space:nowrap}
.cryo-stats strong {
  display:block;
  font-size:18px;
  font-weight:400;
  line-height:1.3;
  margin-top:6px;
  color:var(--text)}
.cryo-stats small {
  font-size:9px;
  color:var(--muted);
  font-weight:400}

.cryo-app #coreOutput {
  display:none!important}
.cryo-app #coreMetrics {
  margin:0 0 12px!important;
  padding:0!important;
  min-height:0!important}
.cryo-app #coreTapTimer {
  font-size:15px!important;
  color:var(--muted)!important;
  letter-spacing:.08em}
.cryo-app #coreMetrics:has(#coreTapTimer:empty) {
  display:none!important}

.cryo-app #chakraPanel {
  width:100%;
  padding:12px 15px!important;
  min-height:65px!important;
  background:var(--panel)!important;
  border:1px solid var(--text-faint)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  margin:0 0 12px!important;
  display:flex;
  align-items:center;
  justify-content:space-between}
.cryo-app .chakra-panel__meta {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:3px 12px;
  align-items:center}
.cryo-app .chakra-panel__title {
  font-size:10px!important;
  letter-spacing:.08em;
  font-weight:500;
  color:var(--cryo)!important}
.cryo-app .chakra-panel__mult {
  grid-column:2;
  grid-row:1/3;
  font-size:25px!important;
  line-height:1;
  color:var(--text-soft)!important;
  text-shadow:none!important}
.cryo-app .chakra-panel__sub {
  font-size:10px!important;
  color:var(--cryo)!important}
.cryo-app .chakra-panel__btn {
  font-size:9px!important;
  font-weight:400;
  color:var(--cryo)!important;
  border:0!important;
  background:none!important;
  padding:8px!important}

.cryo-next,.cryo-operator {
  display:flex;
  width:100%;
  text-align:left;
  align-items:center;
  gap:12px;
  border:1px solid var(--text-faint);
  background:var(--panel);
  border-radius:12px;
  padding:13px 14px;
  color:var(--text);
  margin-bottom:12px}
.cryo-next-icon {
  font-size:23px;
  font-weight:300;
  color:var(--grid-2);
  background:var(--panel-2);
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:10px}
.cryo-next small,.cryo-operator small {
  font:8px 'JetBrains Mono',monospace;
  color:var(--muted);
  letter-spacing:.1em;
  display:block;
  margin-bottom:5px}
.cryo-next strong {
  font-size:13px;
  font-weight:400;
  display:block}
.cryo-next-arrow {
  margin-left:auto;
  color:var(--muted);
  font-size:20px}
.cryo-operator {
  background:none;
  border:none;
  padding:10px 0;
  margin-bottom:3px}
.cryo-operator>span:nth-child(2) {
  flex:1}
.cryo-operator strong {
  font-size:12px;
  font-weight:400}
.cryo-operator-emblem {
  border:1px solid var(--text-faint);
  background:var(--panel-2);
  color:var(--text-soft);
  width:37px;
  height:41px;
  display:grid;
  place-items:center;
  clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);
  font:15px Georgia,serif}
.cryo-xp-track {
  display:block;
  height:3px;
  background:var(--text-faint);
  margin-top:8px;
  border-radius:5px;
  overflow:hidden}
.cryo-xp-track i {
  height:100%;
  display:block;
  width:0;
  background:var(--grid-2);
  transition:width .7s ease}
#cryoXpText {
  color:var(--muted);
  font:9px 'JetBrains Mono',monospace}
.cryo-footnote {
  font-size:10px;
  text-align:center;
  color:var(--muted);
  line-height:1.7;
  margin-top:10px}
.cryo-footnote button {
  background:none;
  border:0;
  color:var(--text-soft);
  font-size:10px}

.cryo-app .bottom-nav {
  position:relative!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  width:100%!important;
  flex:none;
  min-height:66px!important;
  padding:6px 12px max(8px,env(safe-area-inset-bottom))!important;
  border:0!important;
  border-top:1px solid var(--text-faint)!important;
  border-radius:0!important;
  background:var(--panel)!important;
  box-shadow:none!important;
  gap:3px!important;
  z-index:20}

.cryo-app .nav__tab {
  min-height:48px!important;
  gap:5px!important;
  border:0!important;
  border-radius:10px!important;
  background:none!important;
  color:var(--muted)!important;
  box-shadow:none!important;
  transform:none!important}
.cryo-app .nav__tab--active {
  background:var(--panel-2)!important;
  color:var(--grid-2)!important}
.cryo-app .nav__tab svg {
  width:18px!important;
  height:18px!important;
  filter:none!important}
.cryo-app .nav__tab span {
  font:8px var(--font-ui)!important;
  letter-spacing:.07em}
.cryo-app #navPulseTimer {
  display:block!important;
  position:static!important;
  transform:none!important;
  min-height:12px;
  color:var(--grid)!important;
  font:600 10px/1.1 var(--font-mono)!important;
  letter-spacing:0!important}

.cryo-app .screen-head {
  padding:24px 0 16px!important;
  background:none!important;
  border:0!important}
.cryo-app .screen-head__title {
  font:500 23px/1.2 var(--font-ui)!important;
  letter-spacing:-.03em!important;
  color:var(--text)!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important}
.cryo-app .screen-head__sub,.cryo-app .screen-head__note {
  font-size:12px!important;
  line-height:1.6!important;
  color:var(--muted)!important;
  letter-spacing:0!important}

.cryo-app .scroll {
  scrollbar-width:thin;
  padding-bottom:24px!important}
.cryo-app #panelQuests {
  overflow:auto!important;
  display:block}
.cryo-app #panelQuests .scroll {
  overflow:visible!important;
  max-height:none!important;
  height:auto!important}
.cryo-app #panelQuests>.screen-head {
  padding-top:14px!important}
.cryo-app #panelQuests>.screen-head .screen-head__title {
  font-size:17px!important}
.cryo-missions-head {
  padding-top:24px}
.cryo-missions-head h1 {
  font-size:28px}
.cryo-missions-head p {
  font-size:12px;
  margin:10px 0 18px}

.cryo-mission {
  display:flex;
  gap:11px;
  align-items:center;
  width:100%;
  border:0;
  border-top:1px solid var(--text-faint);
  background:none;
  text-align:left;
  color:var(--text);
  padding:12px 0}
.cryo-mission>span:first-child {
  border:1px solid var(--text-faint);
  border-radius:50%;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  color:var(--grid-2);
  font-size:11px;
  flex:none}
.cryo-mission.done>span:first-child {
  border-color:var(--text-faint);
  background:var(--panel-2);
  color:var(--success)}
.cryo-mission strong {
  display:block;
  font-size:12px;
  font-weight:400}
.cryo-mission small {
  display:block;
  font-size:10px;
  line-height:1.5;
  margin-top:4px;
  color:var(--muted)}
.cryo-mission .mission-xp {
  margin-left:auto;
  color:var(--muted);
  font:9px 'JetBrains Mono',monospace;
  white-space:nowrap}

.cryo-app .earn-card,.cryo-app .earn-task,.cryo-app .earn-task-card,.cryo-app .net-card,.cryo-app .wallet-card,.cryo-app .node-card,.cryo-app .node-buy-card {
  background:var(--panel)!important;
  border-color:var(--text-faint)!important;
  border-radius:12px!important;
  box-shadow:none!important}
.cryo-app .earn-card::before,.cryo-app .node-card::before {
  display:none!important}
.cryo-app .nodes-tabs {
  border:1px solid var(--text-faint);
  background:var(--panel);
  border-radius:10px;
  padding:3px}
.cryo-app .nodes-tabs__btn {
  border:0;
  background:none!important;
  color:var(--muted)!important;
  font-size:10px}
.cryo-app .nodes-tabs__btn--active {
  background:var(--text-faint)!important;
  border-radius:7px;
  color:var(--text-soft)!important}
.cryo-app .text-gradient {
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  color:var(--text)!important}
.cryo-app .earn-btn,.cryo-app .btn--primary {
  box-shadow:none!important}

.cryo-app .welcome-letter {
  padding:16px!important;
  align-items:center!important;
  background:var(--bg)!important;
  backdrop-filter:blur(12px)}
.cryo-app .welcome-letter__panel {
  max-height:calc(100dvh - 32px)!important;
  width:100%;
  max-width:398px;
  padding:23px!important;
  border:1px solid var(--text-faint)!important;
  border-radius:20px!important;
  background:var(--panel)!important;
  box-shadow:0 24px 70px #0008!important;
  overflow:auto!important;
  display:block!important}
.cryo-onboarding>.cryo-eyebrow {
  justify-content:space-between}
.cryo-onboarding .cryo-eyebrow button {
  border:0;
  background:none;
  color:var(--muted);
  font-size:25px;
  min-width:32px;
  min-height:32px}
.cryo-onboarding h2 {
  font-size:34px;
  font-weight:400;
  line-height:1.05;
  letter-spacing:-.045em;
  margin:13px 0;
  color:var(--text)}
.cryo-onboarding p {
  font-size:13px;
  color:var(--muted);
  line-height:1.6}
.cryo-intro-orb {
  width:66px;
  height:66px;
  border-radius:50%;
  margin:12px 0 22px;
  background:radial-gradient(circle at 35% 30%,var(--grid-2),var(--grid-2) 40%,var(--panel) 72%);
  box-shadow:0 0 35px var(--grid-2),inset -10px -10px 20px var(--panel);
  border:1px solid var(--grid-2);
  position:relative}
.cryo-intro-orb::after {
  content:'';
  position:absolute;
  inset:-8px;
  border:1px solid var(--grid-2);
  border-radius:50%;
  transform:rotateX(60deg) rotate(-30deg)}
.cryo-intro-steps {
  list-style:none;
  padding:0;
  margin:20px 0}
.cryo-intro-steps li {
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 0;
  border-top:1px solid var(--text-faint)}
.cryo-intro-steps li>span {
  font:10px 'JetBrains Mono',monospace;
  color:var(--grid-2)}
.cryo-intro-steps strong {
  font-weight:400;
  font-size:13px;
  color:var(--text)}
.cryo-intro-steps small {
  display:block;
  font-size:10px;
  color:var(--muted);
  margin-top:5px}
.cryo-onboarding .cryo-intro-note {
  font-size:10px;
  color:var(--muted);
  line-height:1.6}
.cryo-app .welcome-letter__cta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  border:0!important;
  border-radius:9px!important;
  padding:15px!important;
  background:var(--grid-2)!important;
  color:var(--panel)!important;
  box-shadow:none!important;
  font:500 12px var(--font-ui)!important;
  margin:20px 0 4px!important}
.cryo-text-button {
  border:0;
  background:none;
  color:var(--text-soft);
  font-size:11px!important;
  padding:12px 0;
  width:100%}

.cryo-dialog {
  width:min(440px,calc(100% - 28px));
  max-height:85dvh;
  overflow:auto;
  border:1px solid var(--text-faint);
  border-radius:20px;
  background:var(--panel);
  color:var(--text);
  padding:22px;
  font-family:var(--font-ui);
  box-shadow:0 24px 100px #000b}
.cryo-dialog::backdrop {
  background:var(--bg);
  backdrop-filter:blur(10px)}
.cryo-dialog-head {
  display:flex;
  justify-content:space-between;
  align-items:center}
.cryo-dialog h2 {
  font-size:27px;
  font-weight:400;
  letter-spacing:-.035em;
  margin:17px 0}
.cryo-dialog p {
  color:var(--text-soft);
  font-size:13px;
  line-height:1.65}
.cryo-dialog h3 {
  font-size:14px;
  font-weight:500;
  margin:22px 0 8px;
  color:var(--text-soft)}
.cryo-explain-row {
  display:flex;
  justify-content:space-between;
  padding:12px 0;
  border-bottom:1px solid var(--text-faint);
  font-size:12px}
.cryo-explain-row span {
  color:var(--muted)}
.cryo-explain-row strong {
  font-weight:400;
  color:var(--grid-2)}
.cryo-skin {
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 0;
  border-top:1px solid var(--text-faint)}
.cryo-skin-swatch {
  width:40px;
  height:40px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff9,rgba(var(--skin),.9) 28%,var(--panel) 77%);
  box-shadow:0 0 20px rgba(var(--skin),.13)}
.cryo-skin-copy {
  flex:1}
.cryo-skin-copy strong {
  font-size:14px;
  font-weight:400}
.cryo-skin-copy small {
  display:block;
  font-size:10px;
  color:var(--muted);
  margin-top:5px}
.cryo-skin button {
  padding:9px 12px;
  min-height:38px;
  background:var(--panel-2);
  border:1px solid var(--text-faint);
  color:var(--text-soft);
  border-radius:8px;
  font-size:11px}
.cryo-skin button:disabled {
  opacity:.6}
.cryo-skin-note {
  font-size:10px!important}
.cryo-dialog-error {
  color:var(--grid-2)!important;
  font-size:12px!important}

.cryo-app .chakra-modal__panel,.cryo-app .balance-modal__panel,.cryo-app .first-pulse__panel {
  background:var(--panel)!important;
  border:1px solid var(--text-faint)!important;
  border-radius:18px!important;
  max-height:90dvh!important;
  overflow:auto!important;
  box-shadow:0 25px 80px #0009!important}
.cryo-odds {
  margin:15px 0 0;
  padding:12px;
  border:1px solid var(--text-faint);
  border-radius:10px;
  font-size:10px;
  color:var(--text-soft);
  line-height:1.8}
.cryo-odds summary {
  color:var(--text-soft);
  cursor:pointer}
.cryo-odds p {
  font-size:10px;
  line-height:1.6;
  margin:8px 0;
  color:var(--muted)}
.cryo-odds strong {
  font-weight:400;
  color:var(--grid-2)}

.cryo-app .panel:not(.panel--hidden) {
  animation:cryo-page-in .3s ease-out}
.cryo-app .cryo-celebrate {
  animation:cryo-value-pulse .6s ease-out}
@keyframes cryo-page-in {
  from {
  opacity:0;
  transform:translateY(7px)}
to {
  opacity:1;
  transform:translateY(0)}
}
@keyframes cryo-value-pulse {
  40% {
  color:var(--grid-2);
  text-shadow:0 0 20px var(--grid-2);
  transform:scale(1.04)}
}

@media(max-width:360px) {
  .cryo-app .panel {
  padding-left:16px!important;
  padding-right:16px!important}
.cryo-app .topbar {
  padding-left:16px!important;
  padding-right:16px!important}
.cryo-stats span {
  font-size:8px}
.cryo-hero h1 {
  font-size:28px}
.cryo-app .core-stage {
  height:240px!important}
.cryo-onboarding h2 {
  font-size:28px}
.cryo-intro-orb {
  display:none}
}

@media(min-width:650px) {
  .cryo-app .app-frame {
  border-left:1px solid var(--panel-2);
  border-right:1px solid var(--panel-2)}
.cryo-app #app {
  height:100dvh!important}
}

@media(prefers-reduced-motion:reduce) {
  .cryo-app *,.cryo-app *::before,.cryo-app *::after {
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important}
}

.cryo-app.motion-paused * {
  animation-play-state:paused!important}

.cryo-app .topbar {
  padding-top:12px!important;
  padding-bottom:10px!important;
  gap:10px!important}

.cryo-app .asset-dock__cell {
  min-height:52px!important;
  padding:8px 10px!important;
  overflow:visible!important}

.cryo-app .asset-dock__cell::before,.cryo-app .asset-dock__cell::after {
  display:none!important}

.cryo-app .asset-dock__body {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center;
  gap:3px!important;
  min-width:0!important;
  max-width:none!important}

.cryo-app .asset-dock__val {
  font-family:var(--font-ui)!important;
  font-size:18px!important;
  max-width:none!important;
  width:auto!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important}

.cryo-app .asset-dock__name {
  font-size:8px!important}

.cryo-hero {
  padding-top:19px}
.cryo-hero h1 {
  font-size:28px;
  margin:10px 0 8px}
.cryo-hero p {
  font-size:11px}

.cryo-app .core-stage {
  height:230px!important;
  margin-top:0;
  margin-bottom:-5px}

.cryo-output>span:first-child {
  font-size:34px}

.cryo-app .nav__tab--pulse,.cryo-app .nav__tab--pulse>* {
  box-shadow:none!important;
  border:0!important;
  background:none!important;
  transform:none!important;
  filter:none!important}

.cryo-app .nav__tab--pulse.nav__tab--active {
  background:var(--panel-2)!important}

@media(max-height:720px) {
  .cryo-hero {
  padding-top:14px}
.cryo-hero h1 {
  font-size:25px}
.cryo-app .core-stage {
  height:205px!important}
.cryo-stats {
  margin-top:17px;
  padding:12px 0}
.cryo-app .topbar {
  padding-top:10px!important}
}

.cryo-app .nav__tab--core,.cryo-app .nav__tab--core .nav__icon {
  box-shadow:none!important;
  border:0!important;
  background:none!important;
  transform:none!important;
  filter:none!important;
  width:auto!important;
  height:auto!important}

.cryo-app .nav__tab--core::before,.cryo-app .nav__tab--core::after,.cryo-app .nav__icon--core::before,.cryo-app .nav__icon--core::after {
  display:none!important}

.cryo-app .nav__tab--core.nav__tab--active {
  background:var(--panel-2)!important}

.cryo-core-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 0 16px;
  color:var(--text-soft)}
.cryo-core-heading strong {
  font-size:21px;
  font-weight:450;
  letter-spacing:-.03em}
.cryo-core-heading span {
  font:9px 'JetBrains Mono',monospace;
  color:var(--muted);
  letter-spacing:.1em}
.cryo-app .node-card__hero-label {
  color:var(--muted)!important;
  font-size:9px!important;
  letter-spacing:.12em!important}
.cryo-app .node-card__hero-val {
  color:var(--grid-2)!important;
  text-shadow:none!important;
  font-size:30px!important}
.cryo-app .node-card__hero-sub {
  color:var(--muted)!important;
  font-size:10px!important;
  line-height:1.6}
.cryo-app .node-card__activate {
  background:var(--grid-2)!important;
  color:var(--panel)!important;
  border:0!important;
  border-radius:8px!important;
  box-shadow:none!important;
  min-height:42px!important;
  font-size:11px!important;
  letter-spacing:.03em!important}
.cryo-app .node-card__activate--owned {
  background:var(--text-faint)!important;
  color:var(--success)!important}
.cryo-app .node-card__activate--locked {
  background:var(--panel-2)!important;
  color:var(--muted)!important}
.cryo-app .node-card__cryo-badge {
  color:var(--text-soft)!important;
  background:var(--panel-2)!important;
  box-shadow:none!important;
  font-size:8px!important}
.cryo-core-progress {
  height:3px;
  background:var(--text-faint);
  border-radius:9px;
  overflow:hidden;
  margin-top:16px}
.cryo-core-progress span {
  display:block;
  height:100%;
  background:var(--grid-2)}
.cryo-core-footnote {
  font-size:10px;
  color:var(--muted);
  margin-top:12px}
.cryo-app .node-sheet__panel {
  background:var(--panel)!important;
  border:1px solid var(--text-faint)!important;
  border-radius:22px 22px 0 0!important;
  box-shadow:0 -20px 90px #0008!important}
.cryo-app .node-sheet__title {
  color:var(--text-soft)!important;
  font-size:24px!important;
  letter-spacing:-.03em!important}
.cryo-app .node-sheet__key,.cryo-app .node-sheet__tip {
  color:var(--muted)!important;
  font-size:11px!important;
  line-height:1.6}
.cryo-app .node-sheet__val {
  color:var(--text-soft)!important;
  font-size:11px!important}
.cryo-app .node-sheet__cta {
  background:var(--grid-2)!important;
  color:var(--panel)!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:9px!important}
.cryo-app .node-sheet__row {
  padding:11px 0!important;
  border-color:var(--text-faint)!important}
.cryo-app .node-sheet__dots {
  visibility:hidden}

/* Fixed navigation owns its own space;
   scrollable actions remain reachable. */
.cryo-app .app-pages {
  margin-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;
  overflow:hidden!important}

.cryo-app .nav.bottom-nav {
  height:calc(74px + env(safe-area-inset-bottom,0px))!important;
  min-height:0!important;
  padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))!important;
  background:var(--panel)!important;
  border-top:1px solid var(--text-faint)!important;
  box-shadow:none!important;
  width:100%;
  max-width:500px;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important}

.cryo-app .nav__inner {
  height:56px!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  gap:4px!important;
  align-items:stretch!important;
  padding:0!important}

.cryo-app .nav__tab,.cryo-app .nav__tab--core {
  width:100%!important;
  height:56px!important;
  margin:0!important;
  padding:8px 0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  min-width:0!important}

.cryo-app .nav__icon {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:20px!important;
  width:20px!important}

.cryo-app .first-pulse__panel {
  background:var(--panel)!important;
  border:1px solid var(--text-faint)!important;
  border-radius:20px!important;
  box-shadow:0 20px 90px #0009!important}
.cryo-app .first-pulse__title {
  font-family:var(--font-ui)!important;
  font-size:23px!important;
  letter-spacing:-.03em!important;
  text-transform:none!important;
  color:var(--text-soft)!important}
.cryo-app .first-pulse__amount {
  color:var(--grid-2)!important;
  text-shadow:none!important}
.cryo-app .first-pulse__cta {
  background:var(--text-faint)!important;
  color:var(--text-soft)!important;
  border:1px solid var(--text-faint)!important;
  box-shadow:none!important;
  border-radius:9px!important;
  min-height:44px!important}
.cryo-app .first-pulse__cta--primary {
  background:var(--grid-2)!important;
  color:var(--panel)!important;
  border:0!important}
.cryo-app .first-pulse__copy {
  font-size:12px!important;
  line-height:1.65!important;
  color:var(--muted)!important}

.cryo-environment {
  font:8px 'JetBrains Mono',monospace;
  letter-spacing:.08em;
  color:var(--grid-2);
  margin-right:auto;
  padding-left:10px}
.cryo-environment[hidden] {
  display:none}
.cryo-app .earn-task--done,.cryo-app .earn-task--locked {
  opacity:1!important}
.cryo-app .earn-task__desc {
  color:var(--muted)!important;
  line-height:1.6!important}
.cryo-app .earn-task__btn {
  min-height:42px!important;
  background:var(--text-faint)!important;
  border:1px solid var(--text-faint)!important;
  border-radius:7px!important;
  color:var(--text-soft)!important;
  box-shadow:none!important;
  font-size:11px!important}
.cryo-app .earn-task__btn:disabled {
  color:var(--muted)!important;
  background:var(--panel-2)!important;
  opacity:1!important}
.cryo-app .earn-task__title {
  color:var(--text)!important}
.cryo-app .earn-task--done .earn-task__badge {
  background:var(--panel-2)!important;
  color:var(--success)!important}

.cryo-app .nav.bottom-nav {
  max-width:500px!important}
.cryo-app .nav__inner {
  max-width:none!important}

/* Original brand: orange actions, purple CRYO, warm neutral surfaces. */
body.cryo-app { background-image:none!important; }
.cryo-app button:focus-visible,.cryo-app a:focus-visible,.cryo-app summary:focus-visible { outline:2px solid var(--grid)!important; outline-offset:3px; }
.cryo-brand-mark,.cryo-app .asset-dock__icon { color:var(--grid)!important; }
.cryo-app .asset-dock__cell--cryo .asset-dock__icon { color:var(--cryo)!important; }
.cryo-app .nav__tab--active { color:var(--grid)!important; }
.cryo-app .node-card__activate,.cryo-app .node-sheet__cta,.cryo-app .welcome-letter__cta,.cryo-app .refs-copy-btn,.cryo-app .earn-btn--cta,.cryo-app .earn-task__btn--claim {
  background:var(--grid)!important; color:var(--bg)!important; border-color:transparent!important; box-shadow:none!important;
}
.cryo-app .node-card__activate--owned,.cryo-app .node-card__activate--locked,.cryo-app .earn-btn--disabled { background:var(--panel-2)!important; color:var(--muted)!important; }
.cryo-app .node-card__cryo-badge,.cryo-app .earn-task__reward,.cryo-app .earn-daily__reward { color:var(--cryo)!important; }
.cryo-app #chakraPanel { background:var(--panel)!important; border-color:var(--border)!important; }
.cryo-app .chakra-panel__title,.cryo-app .chakra-panel__mult,.cryo-app .chakra-panel__btn { color:var(--cryo)!important; }
.cryo-app .cryo-signal { background:var(--grid); box-shadow:none; }
.cryo-app .cryo-hero h1 span { color:var(--grid); }
.cryo-app .asset-dock__cell,.cryo-app .cryo-next,.cryo-app .earn-task,.cryo-app .net-card { border-color:var(--border)!important; }
.cryo-resource-key { display:grid; gap:8px; padding:14px 0; border-top:1px solid var(--border); color:var(--muted); font-size:11px; }
.cryo-resource-key b { color:var(--grid); font-weight:500; margin-right:6px; }
.cryo-resource-key span+span b { color:var(--cryo); }

/* Reset both axes: legacy top + bottom stretched notifications over the app. */
.cryo-app .toast {
  position:fixed!important; top:auto!important; bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;
  left:50%!important; right:auto!important; width:max-content!important; max-width:min(440px,calc(100vw - 32px))!important;
  height:auto!important; min-height:0!important; max-height:140px!important; padding:12px 16px!important;
  display:block!important; margin:0!important; border:1px solid var(--border-strong)!important; border-radius:10px!important;
  background:var(--panel-2)!important; color:var(--text)!important; box-shadow:0 8px 28px #0008!important;
  font:500 13px/1.45 var(--font-ui)!important; overflow:hidden; overflow-wrap:anywhere; text-align:center;
  pointer-events:none!important; opacity:0; transform:translate(-50%,8px)!important; transition:opacity .18s,transform .18s; z-index:400;
}
.cryo-app .toast--visible { opacity:1; transform:translate(-50%,0)!important; }
.cryo-app .toast--success { border-left:3px solid var(--success)!important; }
.cryo-app .toast--warn { border-left:3px solid var(--grid)!important; }
.cryo-app .toast--danger { border-left:3px solid var(--danger)!important; }

/* Tasks: a short action queue, with completed and onboarding work out of the way. */
.cryo-app [hidden] { display:none!important; }
.cryo-missions-head h1 { margin:10px 0 0; font-size:28px; }
.cryo-missions-head p { margin:8px 0 18px; }
.cryo-task-summary { display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; align-items:center; padding:0 0 15px; font-size:11px; color:var(--muted); }
.cryo-task-summary strong { font-size:13px; color:var(--cryo); font-weight:500; }
.cryo-task-filters { display:flex; gap:6px; padding-bottom:18px; }
.cryo-task-filters button { min-height:40px; border:1px solid var(--border); border-radius:8px; padding:8px 10px; color:var(--muted); background:var(--panel); font-size:11px; }
.cryo-task-filters button[aria-pressed=true] { background:var(--grid); color:var(--bg); border-color:var(--grid); }
.cryo-journey { border:1px solid var(--border); border-radius:12px; margin-bottom:14px; padding:0 14px; }
.cryo-journey summary,.cryo-ref-rewards summary,.refs-howto>summary { cursor:pointer; padding:14px 0; font-size:12px; color:var(--text-soft); }
.cryo-journey summary span { float:right; color:var(--muted); font-family:var(--font-mono); font-size:10px; }
.cryo-app .earn-card--daily { padding:16px!important; display:grid; grid-template-columns:1fr auto; gap:4px 12px; align-items:center; }
.cryo-app .earn-card--daily .earn-card__sub { grid-row:2; font-size:11px; margin:0!important; }
.cryo-app .earn-card--daily .earn-daily__metric { grid-column:1/-1; grid-row:3; margin:10px 0 0!important; font-size:11px; }
.cryo-app .earn-card--daily .earn-btn { grid-column:2; grid-row:1/3; width:auto; min-width:90px; min-height:42px; margin:0!important; padding:10px!important; font-size:11px; }
.cryo-app .earn-card__title { font-size:16px!important; font-weight:500!important; }
.cryo-app .earn-sections { display:flex; flex-direction:column; gap:0; }
.cryo-app #earnMilestoneSection { order:0; }.cryo-app #earnSocialSection { order:1; }.cryo-app #earnNetworkSection { order:2; }
.cryo-app .earn-section { margin:18px 0 0!important; }
.cryo-app .earn-section__label { font:500 17px var(--font-ui)!important; letter-spacing:0!important; color:var(--text)!important; }
.cryo-app .earn-section__hint { font-size:11px!important; margin:4px 0 12px!important; color:var(--muted)!important; line-height:1.5; }
.cryo-app .earn-task { padding:15px!important; gap:12px; align-items:center; }
.cryo-app .earn-task__head { flex-wrap:wrap; gap:5px; }
.cryo-app .earn-task__name { font-size:14px!important; color:var(--text)!important; font-weight:500; }
.cryo-app .earn-task__desc { font-size:11px!important; color:var(--muted)!important; line-height:1.5!important; }
.cryo-app .earn-task__reward { font-size:12px!important; margin-top:9px; }
.cryo-app .earn-task__btn--open { background:var(--panel-2)!important; color:var(--text)!important; border:1px solid var(--border-strong)!important; }
.cryo-app .earn-task__btn--locked,.cryo-app .earn-task__btn--done { background:transparent!important; border:0!important; }
.cryo-app .earn-task__badge { font-size:8px!important; padding:3px 5px!important; color:var(--muted)!important; background:var(--panel-2)!important; }
.cryo-app .earn-task--ready .earn-task__badge { color:var(--grid)!important; }
.cryo-app .earn-task__progress { color:var(--muted); font:10px var(--font-mono); margin-top:8px; }
.cryo-filter-empty { border:1px dashed var(--border-strong); padding:22px 16px; color:var(--muted); font-size:13px; line-height:1.6; border-radius:12px; }
.cryo-app .earn-card--combo { margin-top:18px!important; padding:16px!important; background:var(--panel)!important; border-color:var(--border)!important; }

/* Refs: invite, actual network, next milestone, then detailed rules. */
.cryo-app #panelNetwork { overflow:auto!important; display:block; }
.cryo-app #panelNetwork .network-scroll { overflow:visible!important; height:auto!important; max-height:none!important; }
.cryo-app .screen-head--network .screen-head__title { margin:10px 0 7px; font-size:28px!important; }
.cryo-ref-rates { display:flex; gap:20px; padding-top:16px; font-size:11px; color:var(--muted); }
.cryo-ref-rates b { color:var(--grid); font-weight:500; font-size:18px; margin-right:4px; }
.cryo-app .net-card { padding:16px!important; margin-bottom:14px!important; }
.cryo-app .net-card::before,.cryo-app .refs-extra::after { display:none!important; }
.cryo-app .refs-invite { display:grid; grid-template-columns:1fr auto; align-items:center; gap:7px 14px; }
.cryo-app .refs-invite__label { grid-column:1; font:9px var(--font-mono); color:var(--muted); letter-spacing:.08em; }
.cryo-app .refs-code { grid-column:1; font:500 19px var(--font-ui)!important; color:var(--text)!important; padding:0!important; text-align:left; min-height:32px; }
.cryo-app .refs-copy-btn { grid-column:2; grid-row:1/3; margin:0!important; min-height:46px; padding:12px!important; border-radius:8px!important; font-size:11px!important; }
.cryo-app .refs-copy-btn__icon { width:16px!important; height:16px!important; }
.cryo-app .net-card__label { color:var(--text)!important; font:500 14px var(--font-ui)!important; letter-spacing:0!important; margin-bottom:12px; }
.cryo-app .net-card__specs { gap:12px; }.cryo-app .net-card__spec--wide { grid-column:auto!important; }
.cryo-app .net-card__spec-key { font-size:10px!important; color:var(--muted)!important; }
.cryo-app .net-card__spec-val { font-size:22px!important; color:var(--text)!important; font-weight:400!important; }
.cryo-app .net-card__spec-val--cryo { color:var(--cryo)!important; }.cryo-app .net-card__spec-val--usdt { color:var(--grid)!important; }
.cryo-app .net-ref-row--empty { padding:16px 0!important; font-size:12px; line-height:1.6; color:var(--muted); background:none; border:0; }
.cryo-app .refs-extra__banner { padding:0!important; margin-bottom:16px; gap:8px; background:none!important; }
.cryo-app .refs-extra__tag { display:none; }.cryo-app .refs-extra__title { font:500 17px var(--font-ui)!important; color:var(--text)!important; letter-spacing:0!important; }
.cryo-app .refs-extra__sub { font-size:10px!important; line-height:1.6; color:var(--muted)!important; }
.cryo-app .refs-next-goal { background:var(--bg-2)!important; border:1px solid var(--border)!important; padding:14px!important; box-shadow:none!important; }
.cryo-app .refs-next-goal__reward { font:500 27px var(--font-ui)!important; color:var(--grid)!important; text-shadow:none!important; }
.cryo-app .refs-next-goal__note { font-size:10px!important; color:var(--muted)!important; line-height:1.6; }
.cryo-app .refs-ladder { margin-top:14px!important; }.cryo-app .refs-ladder__step { background:transparent!important; border-color:var(--border)!important; box-shadow:none!important; }
.cryo-app .refs-ladder__step--current { background:var(--panel-3)!important; border-color:var(--grid)!important; }
.cryo-app .refs-ladder__reward { color:var(--text)!important; font-size:16px!important; }
.cryo-ref-rewards { margin-top:10px; }.cryo-ref-rewards summary { color:var(--grid-2); line-height:1.5; }
.cryo-ref-rewards summary span { color:var(--success); font-size:10px; }
.cryo-ref-disclosure,.cryo-app .net-card__copy { font-size:11px!important; line-height:1.6!important; color:var(--muted)!important; }
.cryo-app .refs-howto>summary { padding:0; }.cryo-app .refs-howto[open]>summary { padding-bottom:12px; }
.cryo-app .net-card__spec { background:none!important; border:0!important; padding:6px 0!important; }
.cryo-app .net-card__spec-val { font-family:var(--font-ui)!important; }
.cryo-app .screen-head--network .screen-head__title,.cryo-app .net-card__label,.cryo-app .earn-section__label { text-transform:none!important; }
.cryo-app .screen-head--network .screen-head__sub { display:block!important; }
.cryo-app .earn-card--daily { border-color:var(--border)!important; }
.cryo-app .chakra-panel__meta { min-width:0; gap:4px 10px; }
.cryo-app .chakra-panel__mult { white-space:nowrap; }
.cryo-app .chakra-panel__sub { text-transform:none!important; }
.cryo-app .panel,.cryo-app .scroll,.cryo-dialog { scrollbar-width:thin; scrollbar-color:var(--border-strong) transparent; }
.cryo-app ::-webkit-scrollbar { width:5px; height:5px; }
.cryo-app ::-webkit-scrollbar-track { background:transparent; }
.cryo-app ::-webkit-scrollbar-thumb { background:var(--border-strong); border-radius:5px; }
.cryo-business { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; text-align:left; padding:15px 0; margin:6px 0 0; background:none; border:0; border-top:1px solid var(--border); color:var(--grid); }
.cryo-business small { display:block; font:9px var(--font-mono); color:var(--muted); letter-spacing:.05em; margin-bottom:7px; }
.cryo-business strong { display:block; font:500 14px var(--font-ui); color:var(--text); }

/* Visible instructions and the one-claim Chakra action. */
.cryo-howto { display:flex; flex-shrink:0; align-items:center; justify-content:center; min-height:44px; width:60px; padding:7px; background:var(--panel); border:1px solid var(--border); border-radius:8px; text-align:left; color:var(--grid); font:500 11px/1.4 var(--font-ui); }
.cryo-howto:focus-visible,.cryo-guide-steps button:focus-visible,.cryo-guide-details button:focus-visible { outline:2px solid var(--grid); outline-offset:3px; }
.cryo-app .core-stage { height:200px!important; }
.cryo-app #chakraPanel.cryo-spin-launcher { display:grid; grid-template-columns:72px minmax(0,1fr); gap:10px 12px; text-align:left; text-transform:none!important; margin:14px 0 2px!important; padding:12px!important; border:1px solid #a95119!important; border-radius:14px!important; background:linear-gradient(125deg,#2b1a0f,var(--panel) 70%)!important; box-shadow:0 0 24px #ff7a1a13,inset 0 1px #ffb04a20!important; overflow:hidden; transition:border-color .2s,box-shadow .2s; }
.cryo-app #chakraPanel .chakra-panel__meta { display:flex; align-items:flex-start; flex-direction:column; gap:5px; min-width:0; }
.cryo-app #chakraPanel .chakra-panel__title { font:500 9px var(--font-mono)!important; letter-spacing:.14em; color:var(--grid)!important; }
.cryo-boost-title { font:600 18px/1.1 var(--font-ui); color:var(--text); text-transform:none; }
.cryo-spin-range { font:400 10px/1.3 var(--font-ui); color:var(--text-soft); }
.cryo-app #chakraPanel .chakra-panel__sub { font:400 10px/1.3 var(--font-ui)!important; color:var(--muted)!important; opacity:1!important; margin:0!important; }
.cryo-spin-machine { display:block; height:78px; position:relative; overflow:hidden; border-radius:9px; border:1px solid #a95119; background:var(--bg); box-shadow:inset 0 0 15px #ff7a1a15; }
.cryo-spin-machine::after { content:''; position:absolute; inset:0; background:linear-gradient(var(--bg),transparent 34%,transparent 66%,var(--bg)); pointer-events:none; }
.cryo-spin-machine-track { display:flex; flex-direction:column; animation:cryo-reel-tease 6s cubic-bezier(.45,0,.2,1) infinite; }
.cryo-spin-machine i { display:grid; place-items:center; height:26px; flex:0 0 26px; font:700 16px var(--font-mono); font-style:normal; color:var(--grid-2); }
.cryo-spin-machine-marker { position:absolute; z-index:1; top:26px; left:0; right:0; height:26px; border-top:1px solid var(--grid); border-bottom:1px solid var(--grid); background:#ff7a1a14; }
.cryo-spin-machine-marker::before { content:''; position:absolute; left:0; top:8px; border-left:5px solid var(--grid); border-top:4px solid transparent; border-bottom:4px solid transparent; }
.cryo-spin-cta { position:relative; overflow:hidden; grid-column:1/-1; display:flex; align-items:center; gap:9px; width:100%; min-height:46px; padding:0 12px; border-radius:8px; background:var(--grid); color:#211006; box-shadow:0 3px 0 #8f390b,inset 0 1px #ffcf91; }
.cryo-spin-cta::after { content:''; position:absolute; inset:-20% auto -20% -50%; width:30%; transform:skewX(-20deg); background:linear-gradient(90deg,transparent,#fff5,transparent); animation:cryo-spin-shine 6s ease-in-out infinite; pointer-events:none; }
.cryo-spin-icon { font:500 26px var(--font-ui); }
.cryo-app #chakraPanel .chakra-panel__btn { padding:0!important; background:none!important; border:0!important; color:#211006!important; font:800 13px var(--font-ui)!important; letter-spacing:.03em; }
#chakraPanelCost { margin-left:auto; font:500 10px var(--font-ui); white-space:nowrap; }
.cryo-spin-caption { grid-column:1/-1; text-align:center; font:400 9px var(--font-ui); color:var(--muted); }
.cryo-app #chakraPanel:hover,.cryo-app #chakraPanel:focus-visible { border-color:var(--grid-2)!important; box-shadow:0 0 26px #ff7a1a25!important; outline:2px solid var(--grid); outline-offset:3px; }
.cryo-spin-launcher:active .cryo-spin-cta { transform:translateY(2px); box-shadow:0 1px 0 #8f390b; }
.motion-paused .cryo-spin-machine-track,.motion-paused .cryo-spin-cta::after,.chakra-modal-open .cryo-spin-machine-track,.chakra-modal-open .cryo-spin-cta::after,.app:not([data-active-tab="pulse"]) .cryo-spin-machine-track,.app:not([data-active-tab="pulse"]) .cryo-spin-cta::after { animation-play-state:paused; }
@keyframes cryo-reel-tease { 0%,52% { transform:translateY(0); } 74%,100% { transform:translateY(-78px); } }
@keyframes cryo-spin-shine { 0%,58% { left:-50%; } 85%,100% { left:150%; } }
@media(prefers-reduced-motion:reduce) { .cryo-spin-machine-track,.cryo-spin-cta::after { animation:none; } }
.cryo-guide-lead { margin-top:0; }
.cryo-guide-steps { list-style:none; padding:0; margin:18px 0; }
.cryo-guide-steps li { display:grid; grid-template-columns:30px 1fr; gap:10px; padding:14px 0; border-top:1px solid var(--border); }
.cryo-guide-steps li>span { color:var(--grid); font:12px var(--font-mono); padding-top:3px; }
.cryo-dialog .cryo-guide-steps h3 { margin:0 0 6px; color:var(--text); font-size:16px; }
.cryo-dialog .cryo-guide-steps p { margin:0; font-size:12px; line-height:1.6; }
.cryo-guide-steps button,.cryo-guide-details button { min-height:44px; margin-top:8px; padding:8px 12px; border:1px solid var(--border); border-radius:7px; background:var(--panel-2); color:var(--grid); font:500 12px var(--font-ui); }
.cryo-guide-details { border-top:1px solid var(--border); padding:4px 0; }
.cryo-guide-details summary { padding:14px 0; cursor:pointer; color:var(--text); font-size:13px; }
.cryo-guide-details p,.cryo-guide-demo { font-size:11px!important; }
.cryo-guide-demo { padding:12px; background:var(--panel-2); border-radius:6px; }
.cryo-chakra-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:16px 0 4px; padding:0; list-style:none; text-align:left; }
.cryo-chakra-steps li { display:flex; gap:6px; font:500 12px/1.3 var(--font-ui); color:var(--text); }
.cryo-chakra-steps b { color:var(--cryo); font:11px/1.5 var(--font-mono); }
.cryo-chakra-steps small { display:block; margin-top:4px; color:var(--muted); font:400 10px/1.4 var(--font-ui); }
.cryo-claim-preview { padding:12px; margin:12px 0; background:var(--bg); border:1px solid var(--border); border-radius:9px; text-align:left; }
.cryo-claim-preview>div { display:flex; justify-content:space-between; gap:10px; margin:5px 0; font-size:12px; color:var(--muted); }
.cryo-claim-preview strong { color:var(--text); font-weight:500; white-space:nowrap; }
.cryo-claim-preview p,.cryo-spin-rule,.cryo-spin-charge { color:var(--muted); font:400 11px/1.5 var(--font-ui); margin:9px 0 0; }
.cryo-spin-rule { text-align:left; margin:12px 0; }
.cryo-spin-charge { text-align:center; font-size:10px; }
.cryo-app .chakra-head__title { font:500 23px var(--font-ui)!important; color:var(--text)!important; background:none!important; -webkit-text-fill-color:var(--text)!important; }
.cryo-app .chakra-head__sub { font:400 12px var(--font-ui)!important; color:var(--muted)!important; }
.cryo-app .chakra-head { position:relative; padding-right:34px; text-align:left; }
.cryo-app .chakra-head__title { text-transform:none; font-size:21px!important; }
.cryo-chakra-close { position:absolute; right:-8px; top:-7px; width:40px; height:40px; min-width:40px; }
.cryo-dialog-head { position:sticky; top:-22px; z-index:2; padding:8px 0; background:var(--panel); }
.cryo-app .chakra-head { position:sticky; top:-14px; z-index:2; padding-top:7px; padding-bottom:9px; background:var(--panel); }
.cryo-chakra-close { top:0; }
.cryo-app .chakra-result__heading { font:500 10px var(--font-mono)!important; }
.cryo-app .chakra-result__sub { font:400 11px/1.4 var(--font-ui)!important; color:var(--muted)!important; }
.cryo-app .chakra-avail { display:none!important; }
@media(max-width:350px) {
  .cryo-howto { flex-wrap:wrap; gap:4px 8px; }
  .cryo-howto small { font-size:9px; }
  .cryo-boost-title { font-size:15px; }
  .cryo-app #chakraPanel .chakra-panel__mult { font-size:18px!important; }
  .cryo-chakra-steps { gap:5px; }
  .cryo-chakra-steps li { font-size:11px; }
}
@media(max-width:360px) { .cryo-app .refs-copy-btn { max-width:118px; }.cryo-task-filters { gap:4px; }.cryo-task-filters button { padding:8px; }.cryo-ref-rates { gap:12px; } }

/* Core participation plan: preserve the orange identity and reveal the payout split. */
.cryo-plan-example{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px;margin:20px 0;border:1px solid #84502d;border-radius:12px;background:#25180f}
.cryo-plan-example>span{font:11px/1.5 var(--font-ui);color:var(--muted)}
.cryo-plan-example strong{display:block;margin-top:5px;font:600 22px/1.2 var(--font-ui);color:#ffbf76;white-space:nowrap}
.cryo-plan-example small{grid-column:1/-1;font:11px/1.5 var(--font-ui);color:#dbc3a7}
.cryo-intro-terms{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:14px 0}
.cryo-intro-terms summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font:13px var(--font-ui);color:var(--grid-2)}
.cryo-intro-terms summary::after{content:'+'}.cryo-intro-terms[open] summary::after{content:'−'}
.cryo-onboarding .cryo-intro-terms p{font-size:12px;line-height:1.6}.cryo-intro-steps small{font-size:12px;line-height:1.5}
.cryo-onboarding h2{font-size:30px;line-height:1.1;letter-spacing:-.035em}
.cryo-core-maximum{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding-top:12px;margin-top:16px;font:12px var(--font-ui);color:var(--muted)}
.cryo-core-maximum strong{font:600 17px var(--font-ui);color:#ffc37b;white-space:nowrap}
.cryo-core-max-note{margin-top:5px;font:10px/1.5 var(--font-ui);color:var(--muted)}
.cryo-app .node-sheet__row{gap:8px}.cryo-app .node-sheet__dots{display:none}.cryo-app .node-sheet__key{flex:1;min-width:0}.cryo-app .node-sheet__val{max-width:52%;text-align:right;white-space:normal}
.cryo-app .node-sheet__tip strong{display:block;color:var(--text);margin:16px 0 5px;font-size:12px}.cryo-app .node-sheet__tip p{margin:5px 0 12px;font:12px/1.6 var(--font-ui)}
.cryo-intro-terms summary:focus-visible{outline:2px solid var(--grid-2);outline-offset:3px}
@media(max-width:370px){.cryo-onboarding h2{font-size:27px}.cryo-plan-example{padding:12px;gap:8px}.cryo-plan-example strong{font-size:19px}.cryo-core-maximum{font-size:11px}.cryo-core-maximum strong{font-size:15px}}

/* Responsive language control, clear terms entry and maximum-return cards. */
.cryo-app .cryo-hero-row { display:block; }
.cryo-app .cryo-howto { display:inline-flex; width:auto; min-width:0; min-height:36px; padding:8px 12px; margin:3px 0 12px; gap:12px; white-space:normal; word-break:normal; overflow-wrap:normal; font:500 12px/1.3 var(--font-ui); text-align:left; }
.cryo-app .nav__tab--core { gap:2px; padding:4px 0!important; }
.cryo-app .nav__tab--core .nav__icon { width:17px!important;height:17px!important; }
.cryo-app .nav__tab--core .nav__label { font-size:7px!important;line-height:1.1!important; }
.cryo-core-condition { color:var(--grid);font-size:12px;font-weight:600;margin:8px 0 5px;line-height:1.45; }
.cryo-core-base { display:flex;justify-content:space-between;gap:10px;padding-top:12px;margin-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--muted); }
.cryo-core-base strong { color:var(--text);white-space:nowrap; }
.cryo-core-farm { color:var(--cryo,#D884FF);font-size:12px;line-height:1.4;margin-top:12px; }
.cryo-app .node-card__hero-val { font-size:clamp(27px,8vw,40px);line-height:1.15;overflow-wrap:anywhere; }
.cryo-app .node-card__hero-sub { line-height:1.6; }
.cryo-app .topbar__primary { gap:8px; }
.cryo-language { display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0; }
.cryo-language select { appearance:auto;max-width:100px;height:34px;padding:5px 3px 5px 7px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;font:500 11px/1.2 var(--font-ui);cursor:pointer; }
.cryo-language select:focus-visible { outline:2px solid var(--grid);outline-offset:2px; }
.cryo-app .topbar__brand { font-size:22px!important; }
@media(max-width:360px){ .cryo-app .topbar__brand{font-size:19px!important}.cryo-language select{max-width:80px}.cryo-app #operatorRank{font-size:9px!important;padding:5px!important} }
.cryo-farming-summary { display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:13px 0;border-top:1px solid var(--border);margin-top:18px; }
.cryo-farming-summary>span { font:10px/1.4 var(--font-mono);color:var(--muted);letter-spacing:.08em; }
.cryo-farming-summary>strong { font-size:14px;color:var(--cryo,#D884FF); }
.cryo-farming-summary>small { grid-column:1/-1;color:var(--muted);font-size:10px;line-height:1.4; }
html[lang=zh-CN] .cryo-app { font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif; }
html[lang=zh-CN] .cryo-app .od-button-action { font-size:35px; }
html[lang=zh-CN] .cryo-app .od-button-label { letter-spacing:0;font-size:15px; }
/* Permanent address deposits; preserve the established warm palette. */
.personal-deposit-host > :not(.personal-deposit) { display:none !important; }
.cryo-app .personal-deposit-host { border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important; }
.personal-deposit { padding-bottom:20px;scroll-margin-top:10px; }
.personal-deposit h2 { margin:10px 0 22px;font-size:28px; }
.personal-deposit p,.personal-deposit-notes { color:var(--text-muted,#c3ad91);font-size:13px;line-height:1.65; }
.personal-deposit-network { display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #4a3320;border-radius:14px; }
.personal-deposit-network span { display:grid;gap:4px; }
.personal-deposit-network small { font-size:11px;color:#c3ad91; }
.personal-deposit-examples { display:flex;gap:8px;margin:18px 0; }
.personal-deposit-examples span { flex:1;text-align:center;padding:10px 4px;border:1px solid #4a3320;border-radius:9px;color:#ffb259;font-size:12px; }
.personal-deposit-receive { display:grid;gap:12px;padding:18px 14px;border:1px solid #4a3320;border-radius:14px; }
#personalDepositAddress { overflow-wrap:anywhere;user-select:all;font-family:monospace;font-size:13px;line-height:1.7; }
#personalDepositQr { margin:auto;max-width:100%; }
#personalDepositStatus { color:#ffb259; }
.personal-deposit-notes { padding-left:18px; }
.personal-deposit-notes li { margin:8px 0; }
.personal-deposit-history-row { display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #4a3320;padding:14px 0;font-size:12px; }
.personal-deposit-history-row a { color:#ffb259; }

/* First visit: short, actionable route; financial terms stay within reach. */
.cryo-app .welcome-letter { padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom))!important; }
.cryo-app .welcome-letter__panel.cryo-onboarding {
  max-width:430px;
  max-height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)))!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#684b30 var(--panel);
}
.cryo-onboarding .cryo-eyebrow button { min-width:44px;min-height:44px;margin:-8px -10px -8px 0;cursor:pointer; }
.cryo-welcome-mark { color:var(--grid-2);font:36px/1 var(--font-ui);margin:14px 0 12px; }
.cryo-onboarding h2 { font-size:32px;font-weight:600;margin:0 0 10px; }
.cryo-onboarding h2>span { color:var(--grid-2); }
.cryo-onboarding .cryo-welcome-lead { font-size:14px;line-height:1.5;margin:0 0 18px;color:var(--text-soft); }
.cryo-welcome-route { list-style:none;padding:0;margin:0; }
.cryo-welcome-route li { border-top:1px solid var(--border); }
.cryo-welcome-route li:last-child { border-bottom:1px solid var(--border); }
.cryo-welcome-route button {
  display:grid;grid-template-columns:24px minmax(0,1fr) 16px;gap:10px;align-items:start;
  width:100%;padding:13px 0;text-align:left;border:0;border-radius:6px;background:transparent;
  color:var(--text);font-family:var(--font-ui);cursor:pointer;
}
.cryo-welcome-route button:hover { background:rgba(255,160,65,.05); }
.cryo-welcome-number { color:var(--grid-2);font:10px/20px var(--font-mono); }
.cryo-welcome-arrow { color:var(--grid-2);font-size:19px;line-height:20px; }
.cryo-welcome-route strong { display:block;font-size:15px;line-height:20px;font-weight:500; }
.cryo-welcome-route small { display:block;font-size:12px;line-height:1.55;color:var(--muted);margin-top:5px; }
.cryo-onboarding .cryo-welcome-chakra { font-size:12px;line-height:1.6;margin:16px 0; }
.cryo-welcome-chakra strong { color:var(--text-soft);font-weight:500; }
.cryo-onboarding .cryo-welcome-status { padding:12px;border:1px solid var(--border);border-radius:8px;font-size:12px;margin:16px 0 0; }
.cryo-onboarding .cryo-intro-note { font-size:11px; }
.cryo-onboarding .cryo-text-button { min-height:44px; }
.cryo-onboarding button:focus-visible { outline:2px solid var(--grid-2);outline-offset:3px; }
@media(max-width:370px) {
  .cryo-app .welcome-letter__panel.cryo-onboarding { padding:18px!important; }
  .cryo-onboarding h2 { font-size:28px; }
  .cryo-welcome-route button { gap:8px;grid-template-columns:20px minmax(0,1fr) 14px; }
}