:root {
  color-scheme: light dark;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--tg-theme-bg-color, #0b1220);
  color: var(--tg-theme-text-color, #f8fafc);
  font-synthesis: none;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { min-height: 100%; margin: 0; }
button { font: inherit; }
body {
  min-width: 280px;
  background: linear-gradient(180deg, rgba(14, 165, 233, 0.12), transparent 18rem), var(--tg-theme-bg-color, #0b1220);
}

.app-shell {
  min-height: 100vh;
  min-height: 100dvh;
  padding: max(1rem, env(safe-area-inset-top)) max(0.8rem, env(safe-area-inset-right)) max(5.5rem, env(safe-area-inset-bottom)) max(0.8rem, env(safe-area-inset-left));
}

.status-card, .home-shell, .market-shell { width: min(100%, 52rem); margin: 0 auto; }
.status-card {
  margin-top: min(18vh, 8rem);
  padding: 1.4rem;
  border: 1px solid var(--tg-theme-section-separator-color, rgba(148, 163, 184, 0.25));
  border-radius: 1.25rem;
  background: var(--tg-theme-secondary-bg-color, #172033);
}

.brand-mark { margin: 0 0 0.4rem; color: var(--tg-theme-link-color, #38bdf8); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(1.55rem, 8vw, 2.35rem); line-height: 1.15; }
.muted, .username { color: var(--tg-theme-hint-color, #94a3b8); }

.home-header { display: flex; flex-direction: column; gap: 0.65rem; padding: 0.35rem 0.25rem 1rem; }
.username { min-height: 1.2rem; margin: 0.35rem 0 0; }
.home-status { min-height: 1.4rem; margin: 0 0 0.75rem; color: var(--tg-theme-hint-color, #cbd5e1); }
.home-shell[data-state="error"] .home-status { color: var(--tg-theme-destructive-text-color, #f87171); }
.home-shell[data-state="fatal"] .home-status { color: var(--tg-theme-destructive-text-color, #f87171); }
.inline-retry { width:auto;min-width:8rem;margin:0 0 1rem; }

.home-cards { display: grid; grid-template-columns: 1fr; gap: 0.8rem; }
.home-card {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--tg-theme-section-separator-color, rgba(148, 163, 184, 0.22));
  border-radius: 1rem;
  background: var(--tg-theme-secondary-bg-color, #172033);
  box-shadow: 0 0.7rem 1.8rem rgba(2, 6, 23, 0.12);
}
.home-card header { display: flex; flex-direction: column; gap: 0.45rem; }
.home-card h2 { margin: 0; font-size: 1rem; }
.home-card strong { color: var(--tg-theme-link-color, #38bdf8); font-size: 0.9rem; }
dl { margin: 0.9rem 0 0; }
dl div { display: grid; grid-template-columns: minmax(7rem, 0.8fr) minmax(0, 1.2fr); gap: 0.65rem; padding: 0.55rem 0; border-top: 1px solid var(--tg-theme-section-separator-color, rgba(148, 163, 184, 0.14)); }
dt { color: var(--tg-theme-hint-color, #94a3b8); font-size: 0.82rem; }
dd { min-width: 0; margin: 0; overflow-wrap: anywhere; text-align: right; font-size: 0.88rem; }

.destinations { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65rem; margin-top: 1rem; }
.destinations button, .bottom-nav button, .primary-button, .secondary-button { min-height: 3rem; border: 0; border-radius: 0.85rem; cursor: pointer; }
.destinations button { padding: 0.75rem; background: var(--tg-theme-secondary-bg-color, #172033); color: var(--tg-theme-text-color, #f8fafc); border: 1px solid var(--tg-theme-section-separator-color, rgba(148, 163, 184, 0.2)); }
.home-actions { display: grid; grid-template-columns: 1fr; gap: 0.65rem; margin: 1rem 0; }
.primary-button, .secondary-button { width: 100%; padding: 0.75rem 1rem; font-weight: 700; }
.primary-button { background: var(--tg-theme-button-color, #0ea5e9); color: var(--tg-theme-button-text-color, #fff); }
.secondary-button { background: var(--tg-theme-secondary-bg-color, #243147); color: var(--tg-theme-text-color, #f8fafc); border: 1px solid var(--tg-theme-section-separator-color, rgba(148, 163, 184, 0.25)); }
button:disabled { cursor: wait; opacity: 0.6; }
button:focus-visible { outline: 0.18rem solid var(--tg-theme-link-color, #38bdf8); outline-offset: 0.16rem; }

.market-shell {
  min-width: 0;
  overflow-x: clip;
}
.market-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
  padding: 0.25rem 0 1rem;
}
.icon-button {
  min-width: 3rem;
  min-height: 3rem;
  border: 1px solid rgba(251, 191, 36, 0.28);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(124, 58, 237, 0.2), rgba(245, 158, 11, 0.12));
  color: var(--tg-theme-text-color, #f8fafc);
  cursor: pointer;
  font-size: 1.3rem;
}
.market-heading { width: 100%; min-width: 0; }
.market-subtitle { margin: 0.45rem 0 0; color: var(--tg-theme-hint-color, #a8b2c7); line-height: 1.45; }
.market-status {
  min-height: 1.35rem;
  margin: 0 0 0.8rem;
  color: var(--tg-theme-hint-color, #cbd5e1);
  font-size: 0.86rem;
}
.market-shell[data-state="stale"] .market-status,
.market-shell[data-state="partial"] .market-status { color: #fbbf24; }
.market-shell[data-state="error"] .market-status,
.market-shell[data-state="unavailable"] .market-status { color: var(--tg-theme-destructive-text-color, #f87171); }
.market-context-card,
.market-content-card {
  border: 1px solid rgba(168, 85, 247, 0.25);
  border-radius: 1.15rem;
  background:
    radial-gradient(circle at 100% 0, rgba(168, 85, 247, 0.16), transparent 45%),
    linear-gradient(145deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.94));
  box-shadow: 0 1rem 2.4rem rgba(2, 6, 23, 0.22);
}
.market-context-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  padding: 1rem;
}
.market-context-card > div:not(.market-context-meta) {
  min-width: 0;
  padding: 0.8rem;
  border: 1px solid rgba(245, 158, 11, 0.18);
  border-radius: 0.9rem;
  background: rgba(15, 23, 42, 0.42);
}
.market-context-card span { display: block; color: var(--tg-theme-hint-color, #a8b2c7); font-size: 0.75rem; }
.market-context-card strong { display: block; margin-top: 0.35rem; overflow-wrap: anywhere; color: #f8d477; font-size: 0.95rem; }
.market-context-meta { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 0.45rem 0.8rem; align-items: center; color: var(--tg-theme-hint-color, #a8b2c7); font-size: 0.73rem; }
.market-context-meta .quality-chip { margin-left: auto; }
.quality-chip { padding: 0.32rem 0.58rem; border: 1px solid rgba(168, 85, 247, 0.35); border-radius: 999px; background: rgba(124, 58, 237, 0.18); color: #ddd6fe; }
.market-tabs {
  display: flex;
  gap: 0.5rem;
  margin: 0.85rem 0;
  padding: 0.1rem 0.18rem;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 0.18rem;
}
.market-tabs::-webkit-scrollbar { display: none; }
.market-tabs button {
  display: inline-flex;
  gap: 0.42rem;
  align-items: center;
  flex: 0 0 auto;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem;
  border: 1px solid var(--tg-theme-section-separator-color, rgba(148, 163, 184, 0.2));
  border-radius: 999px;
  background: var(--tg-theme-secondary-bg-color, #172033);
  color: var(--tg-theme-hint-color, #b8c2d6);
  cursor: pointer;
  scroll-snap-align: start;
}
.market-tab-icon,.market-title-icon{display:grid;place-items:center;flex:0 0 auto}.market-tab-icon{width:1.15rem;height:1.15rem}.market-title-icon{width:1.55rem;height:1.55rem}.market-section-icon{display:grid;place-items:center;width:100%;height:100%;color:#bdaaff}.market-section-icon svg{width:100%;height:100%}.market-section-icon-btc_phase{color:#f3a340}.market-section-icon-risks{color:#e8b85c}.market-content-card h2{display:flex;gap:.55rem;align-items:flex-start}
.market-tabs button[data-active="true"] { border-color: rgba(251, 191, 36, 0.58); background: linear-gradient(135deg, rgba(124, 58, 237, 0.34), rgba(245, 158, 11, 0.2)); color: #fff7d6; }
.market-content-card { min-height: 15rem; padding: 1.05rem; }
.market-content-card h2 { margin: 0 0 0.85rem; color: #f8d477; font-size: 1.08rem; }
.market-content-card p { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; color: var(--tg-theme-text-color, #f8fafc); font-size: 0.94rem; line-height: 1.68; }
.market-actions { display: grid; grid-template-columns: 1fr; gap: 0.65rem; margin: 1rem 0; }
.market-shell[data-state="loading"] .market-content-card {
  background: linear-gradient(110deg, rgba(30, 41, 59, 0.9) 30%, rgba(71, 85, 105, 0.46) 45%, rgba(30, 41, 59, 0.9) 60%);
  background-size: 220% 100%;
  animation: market-skeleton 1.4s ease-in-out infinite;
}
@keyframes market-skeleton { to { background-position-x: -220%; } }

.bottom-nav {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.15rem;
  padding: 0.45rem max(0.35rem, env(safe-area-inset-right)) max(0.45rem, env(safe-area-inset-bottom)) max(0.35rem, env(safe-area-inset-left));
  border-top: 1px solid var(--tg-theme-section-separator-color, rgba(148, 163, 184, 0.25));
  background: var(--tg-theme-bottom-bar-bg-color, var(--tg-theme-secondary-bg-color, #172033));
}
.bottom-nav button { min-width: 0; min-height: 2.9rem; padding: 0.35rem 0.15rem; overflow: hidden; background: transparent; color: var(--tg-theme-hint-color, #94a3b8); font-size: clamp(0.58rem, 2.4vw, 0.72rem); text-overflow: ellipsis; }
.bottom-nav button[data-active="true"] { color: var(--tg-theme-link-color, #38bdf8); font-weight: 800; }

@media (min-width: 42rem) {
  .app-shell { padding-inline: 1.5rem; }
  .home-header { align-items: flex-end; flex-direction: row; justify-content: space-between; }
  .home-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-card:not(.compact-card) { grid-column: 1 / -1; }
  .destinations { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .home-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .market-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .market-content-card { padding: 1.35rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}

/* Stage 8.3 — shared actionable surfaces and Signal Settings wizard. */
.actionable-card {
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.actionable-card:hover,
.actionable-card:focus-visible {
  border-color: rgba(169, 140, 255, 0.46);
  box-shadow: 0 1.1rem 2.8rem rgba(5, 8, 18, 0.32), 0 0 1.4rem rgba(122, 91, 216, 0.12);
}
.actionable-card:active { transform: scale(0.988); }
.actionable-card-hint {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  min-height: 2.75rem;
  margin-top: 0.7rem;
  padding: 0.45rem 0.75rem;
  border: 1px solid rgba(169, 140, 255, 0.23);
  border-radius: 999px;
  background: rgba(125, 91, 219, 0.1);
  color: #d8ccff;
  font-size: 0.76rem;
  font-weight: 750;
}
.actionable-card-hint span:last-child { color: var(--astra-gold); font-size: 1.15rem; }

.settings-shell {
  width: min(100%, 52rem);
  min-height: 100dvh;
  margin: 0 auto;
  padding: 0 0 calc(var(--astra-nav-height) + 2.2rem + env(safe-area-inset-bottom));
  overflow-x: clip;
  color: #f5f2fb;
}
.settings-header { display: flex; align-items: flex-start; gap: 0.8rem; margin-bottom: 1rem; }
.settings-header h1 { margin: 0.12rem 0 0.25rem; font-size: clamp(1.45rem, 7vw, 2rem); }
.settings-header p:not(.brand-mark) { margin: 0; color: var(--astra-muted); line-height: 1.4; }
.settings-header .icon-button { flex: 0 0 2.75rem; min-height: 2.75rem; border-radius: 0.85rem; }
.settings-status { min-height: 1.25rem; margin: 0 0 0.65rem; color: #f0b6c2; font-size: 0.84rem; }
.settings-shell[data-state="loading"] #settings-landing,
.settings-shell[data-state="loading"] #settings-wizard { opacity: 0.45; pointer-events: none; }
.settings-profile-card,
.settings-step-card,
.settings-result {
  border: 1px solid rgba(169, 140, 255, 0.22);
  border-radius: 1.2rem;
  background: radial-gradient(circle at 100% 0, rgba(169, 140, 255, 0.1), transparent 46%), linear-gradient(145deg, rgba(24, 31, 52, 0.92), rgba(10, 15, 29, 0.94));
  box-shadow: 0 1.15rem 2.8rem rgba(2, 5, 14, 0.25), inset 0 1px rgba(255,255,255,.04);
}
.settings-profile-card { padding: 1rem; }
.settings-profile-card > header { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
.settings-profile-card h2 { margin: 0.15rem 0 0; font-size: 1.05rem; }
.settings-summary-grid { display: grid; gap: 0.5rem; margin: 0.9rem 0 0; }
.settings-summary-grid > div {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 0.7rem;
  align-items: center;
  padding: 0.68rem 0.75rem;
  border: 1px solid rgba(190, 178, 230, 0.09);
  border-radius: 0.82rem;
  background: rgba(4, 8, 18, 0.24);
}
.settings-summary-label { display: inline-flex; align-items: center; gap: 0.48rem; min-width: 0; }
.settings-summary-icon { display: grid; flex: 0 0 1.8rem; place-items: center; width: 1.8rem; height: 1.8rem; border: 1px solid rgba(169,140,255,.18); border-radius: 0.58rem; color: #ad9aff; background: rgba(104,74,175,.12); }
.settings-summary-icon svg { width: 1.05rem; height: 1.05rem; }
.settings-summary-grid dt { color: var(--astra-muted); font-size: 0.74rem; }
.settings-summary-grid dd { margin: 0; overflow-wrap: anywhere; color: #f1edf8; font-size: 0.82rem; text-align: right; }
.changed-chip { display: inline-flex; padding: 0.16rem 0.42rem; border-radius: 999px; background: rgba(246, 211, 126, 0.12); color: var(--astra-gold); font-size: 0.62rem; }
.action-card-button {
  display: grid;
  grid-template-columns: 2.6rem minmax(0, 1fr) 1rem;
  gap: 0.72rem;
  align-items: center;
  width: 100%;
  min-height: 4.75rem;
  margin-top: 0.8rem;
  padding: 0.8rem;
  border: 1px solid rgba(101, 199, 255, 0.22);
  border-radius: 1.05rem;
  background: linear-gradient(145deg, rgba(22, 34, 57, 0.94), rgba(10, 16, 31, 0.94));
  color: #f5f2fb;
  text-align: left;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease;
}
.action-card-button strong,.action-card-button small { display: block; }
.action-card-button small { margin-top: 0.22rem; color: var(--astra-muted); }
.action-card-button:active { transform: scale(0.986); }
.action-card-button:disabled { opacity: 0.5; cursor: not-allowed; }
.settings-progress-row { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 0.45rem; color: var(--astra-muted); font-size: 0.74rem; font-weight: 750; }
#settings-progress { margin-bottom: 0.9rem; }
.settings-step-card { min-height: 19rem; padding: 1rem; transform-origin: 50% 12%; }
.settings-step-card h2 { margin: 0; font-size: 1.25rem; }
.settings-step-card > p:not(.field-error) { margin: 0.35rem 0 1rem; color: var(--astra-muted); line-height: 1.45; }
.settings-options { display: grid; gap: 0.72rem; }
.settings-multi-note { margin: 0 0 0.1rem; padding: 0.68rem 0.78rem; border: 1px solid rgba(101,199,255,.16); border-radius: 0.82rem; background: rgba(41,108,158,.09); color: #bcdcf2; font-size: 0.76rem; line-height: 1.4; }
.settings-info-panel { display: grid; gap: 0.62rem; padding: 0.78rem; border: 1px solid rgba(169,140,255,.16); border-radius: 0.9rem; background: linear-gradient(145deg,rgba(59,39,105,.17),rgba(17,37,61,.13)); }
.settings-info-panel section + section { padding-top: 0.62rem; border-top: 1px solid rgba(190,178,230,.1); }
.settings-info-panel strong { display: block; color: #efe8ff; font-size: 0.78rem; }
.settings-info-panel p { margin: 0.25rem 0 0; color: #bbb3c9; font-size: 0.72rem; line-height: 1.48; white-space: pre-line; }
.settings-option {
  position: relative;
  display: grid;
  grid-template-columns: 2.7rem minmax(0, 1fr) 2rem;
  gap: 0.3rem 0.72rem;
  align-items: start;
  width: 100%;
  min-height: 5.1rem;
  padding: 0.82rem;
  border: 1px solid rgba(190, 178, 230, 0.13);
  border-radius: 0.95rem;
  background: rgba(6, 10, 22, 0.38);
  color: #f1edf8;
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
  transition: transform 150ms cubic-bezier(.2,.8,.2,1), border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}
.settings-option-icon { display: grid; place-items: center; width: 2.7rem; height: 2.7rem; border: 1px solid rgba(169,140,255,.21); border-radius: 0.82rem; background: linear-gradient(145deg,rgba(113,77,194,.17),rgba(45,111,161,.1)); color: #b8a7f3; transition: transform 180ms cubic-bezier(.2,.8,.2,1), color 180ms ease, box-shadow 180ms ease; }
.settings-option-icon svg { width: 1.45rem; height: 1.45rem; }
.settings-option-body { display: block; min-width: 0; }
.settings-option-heading { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.settings-option strong,.settings-option small { display: block; }
.settings-option small { margin-top: 0.28rem; color: var(--astra-muted); line-height: 1.42; }
.settings-option-badge { display: inline-flex; min-height: 1.35rem; align-items: center; padding: 0.16rem 0.42rem; border-radius: 999px; background: rgba(101,199,255,.09); color: #a9d5ee; font-size: 0.61rem; font-weight: 760; }
.settings-option-facts { display: grid; gap: 0.22rem; margin: 0.5rem 0 0; padding: 0; list-style: none; color: #c7c1d3; font-size: 0.7rem; line-height: 1.38; }
.settings-option-facts li { position: relative; padding-left: 0.75rem; }
.settings-option-facts li::before { content: ""; position: absolute; top: 0.48em; left: 0; width: 0.28rem; height: 0.28rem; border-radius: 50%; background: rgba(169,140,255,.75); box-shadow: 0 0 0.4rem rgba(169,140,255,.26); }
.settings-option-note { display: block; margin-top: 0.55rem; padding: 0.52rem 0.6rem; border-left: 2px solid rgba(246,211,126,.45); border-radius: 0.45rem; background: rgba(246,211,126,.055); color: #d8cfb7; font-size: 0.68rem; line-height: 1.4; }
.settings-option-mark { grid-column: 3; display: grid; place-items: center; width: 1.8rem; height: 1.8rem; margin-top: 0.42rem; border: 1px solid rgba(169,140,255,.28); border-radius: 50%; color: transparent; background: rgba(7,10,21,.28); transition: color 160ms ease, background 160ms ease, border-color 160ms ease, transform 180ms cubic-bezier(.2,.8,.2,1); }
.settings-option[data-selected="true"] { border-color: rgba(246, 211, 126, 0.48); background: linear-gradient(135deg, rgba(122, 91, 216, 0.23), rgba(246, 211, 126, 0.085)); box-shadow: inset 0 1px rgba(255,255,255,.055), 0 0 1.15rem rgba(138,102,228,.1); }
.settings-option[data-selected="true"] .settings-option-icon { transform: translateY(-1px) scale(1.035); box-shadow: 0 0 1rem rgba(169,140,255,.13); }
.settings-option[data-selected="true"] .settings-option-icon:not(.asset-group-icon) { color: var(--astra-gold); }
.settings-option[data-selected="true"] .settings-option-mark { color: #15101f; border-color: rgba(246,211,126,.75); background: var(--astra-gold); transform: scale(1.04); animation: settings-check-in 220ms cubic-bezier(.2,.8,.2,1); }
.settings-option:active { transform: scale(0.978); background-color: rgba(122,91,216,.17); }
.settings-option:active .settings-option-icon { transform: scale(0.94); }
.settings-option:focus-visible { outline: 2px solid rgba(101,199,255,.75); outline-offset: 2px; }
.settings-option-compact { min-height: 4.25rem; align-items: center; }
.settings-option-compact .settings-option-mark { margin-top: 0; }
.field-error { min-height: 1.25rem; margin: 0.8rem 0 0; color: #ff9baa; font-size: 0.8rem; }
.settings-wizard-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; margin-top: 0.8rem; }
.settings-wizard-actions button { min-height: 2.9rem; transition: transform 140ms ease, opacity 140ms ease, border-color 140ms ease; }
.settings-wizard-actions button:active:not(:disabled) { transform: scale(0.975); }
.settings-wizard-actions button:disabled { opacity: 0.42; cursor: not-allowed; }
.settings-wizard-actions .text-button { grid-column: 1 / -1; min-height: 2.75rem; border: 1px solid rgba(190,178,230,.08); border-radius: 0.78rem; background: rgba(7,10,21,.2); color: var(--astra-muted); cursor: pointer; }
.settings-step-card.is-leaving[data-direction="forward"] { animation: settings-step-leave-forward 150ms ease both; }
.settings-step-card.is-leaving[data-direction="backward"] { animation: settings-step-leave-backward 150ms ease both; }
.settings-step-card.is-entering[data-direction="forward"] { animation: settings-step-enter-forward 220ms cubic-bezier(.2,.8,.2,1) both; }
.settings-step-card.is-entering[data-direction="backward"] { animation: settings-step-enter-backward 220ms cubic-bezier(.2,.8,.2,1) both; }
.settings-step-card.has-invalid-selection { animation: settings-invalid 260ms ease; border-color: rgba(255,122,145,.33); }
.settings-result { display: grid; justify-items: center; gap: 0.75rem; padding: 1.4rem 1rem; text-align: center; }
.settings-result-icon { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; border: 1px solid rgba(105, 230, 179, 0.32); border-radius: 50%; background: rgba(60, 190, 139, 0.12); color: #69e6b3; font-size: 1.55rem; animation: settings-success 420ms cubic-bezier(.2,.8,.2,1); }
.settings-result h2,.settings-result p { margin: 0; }
.settings-result p { color: var(--astra-muted); line-height: 1.45; }
.settings-result .settings-secondary-note { padding: 0.62rem 0.72rem; border: 1px solid rgba(246,211,126,.18); border-radius: 0.75rem; background: rgba(246,211,126,.06); color: #d9cfb3; font-size: 0.76rem; }
.settings-result button { width: 100%; }

@keyframes settings-check-in { 0% { transform: scale(.55); opacity: .2; } 70% { transform: scale(1.12); } 100% { transform: scale(1.04); opacity: 1; } }
@keyframes settings-step-leave-forward { to { opacity: 0; transform: translateX(-0.65rem) scale(.992); } }
@keyframes settings-step-leave-backward { to { opacity: 0; transform: translateX(0.65rem) scale(.992); } }
@keyframes settings-step-enter-forward { from { opacity: 0; transform: translateX(0.7rem) scale(.992); } }
@keyframes settings-step-enter-backward { from { opacity: 0; transform: translateX(-0.7rem) scale(.992); } }
@keyframes settings-invalid { 0%,100% { transform: translateX(0); } 30% { transform: translateX(-0.22rem); } 65% { transform: translateX(0.16rem); } }
@keyframes settings-success { 0% { opacity: 0; transform: scale(.72); } 70% { transform: scale(1.07); } 100% { opacity: 1; transform: scale(1); } }

@media (min-width: 42rem) {
  .settings-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .settings-multi-note,.settings-info-panel { grid-column: 1 / -1; }
  .settings-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 22rem) {
  .settings-summary-grid > div { grid-template-columns: 1fr; gap: 0.25rem; }
  .settings-summary-grid dd { text-align: left; }
  .settings-shell { padding-inline: 0; }
  .settings-option { grid-template-columns: 2.35rem minmax(0,1fr) 1.75rem; gap: 0.28rem 0.58rem; padding: 0.72rem; }
  .settings-option-icon { width: 2.35rem; height: 2.35rem; }
  .settings-option-mark { width: 1.65rem; height: 1.65rem; }
}
@media (prefers-reduced-motion: reduce) {
  .actionable-card,.action-card-button,.settings-option,.settings-option-icon,.settings-option-mark,.settings-wizard-actions button { transition: none; }
  .settings-option[data-selected="true"] .settings-option-mark,
  .settings-step-card.is-leaving,
  .settings-step-card.is-entering,
  .settings-step-card.has-invalid-selection,
  .settings-result-icon { animation: none !important; }
}

/* Stage 8.2 — Personal Signal Center */
.signals-shell{min-height:100dvh;padding:20px 16px calc(92px + env(safe-area-inset-bottom));overflow-x:hidden;color:var(--text-primary,#f7f4ff)}
.signals-header,.signal-detail-header{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.signals-header h1,.signal-detail-header h2{margin:2px 0 4px}.signals-header p{margin:0;color:var(--text-muted,#aaa4bb)}
.signals-status{min-height:22px;color:#f3b9c1}.signals-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.signals-summary div{padding:14px;border:1px solid rgba(198,171,255,.15);border-radius:16px;background:linear-gradient(145deg,rgba(92,62,145,.22),rgba(20,17,30,.78))}.signals-summary span{display:block;color:#aaa4bb;font-size:.78rem}.signals-summary strong{font-size:1.55rem}
.signals-weekly{margin:0 0 10px;padding:10px 11px;border:1px solid rgba(101,199,255,.18);border-radius:14px;background:linear-gradient(145deg,rgba(31,33,54,.78),rgba(16,16,28,.78))}.signals-weekly>header{display:grid;grid-template-columns:1.8rem minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:8px}.signals-weekly h2{margin:0;font-size:.88rem}.signals-weekly>header>strong{color:#63e7b6;font-size:.94rem}.signals-weekly-icon{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid rgba(101,199,255,.22);border-radius:50%;color:#8ed8ff;background:rgba(101,199,255,.08)}.signals-weekly-icon svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.signals-weekly-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.signals-weekly-metrics div{min-width:0;padding:6px 4px;border-radius:9px;background:rgba(255,255,255,.035);text-align:center}.signals-weekly-metrics span{display:block;min-height:2em;overflow-wrap:anywhere;color:#948da3;font-size:.61rem;line-height:1.05}.signals-weekly-metrics strong{display:block;margin-top:2px;color:#d8d2e2;font-size:.84rem}.signals-weekly-metrics .is-tp strong{color:#63e7b6}.signals-weekly-metrics .is-sl strong{color:#ff91a0}.signals-weekly-metrics .is-unresolved strong{color:#d7c5ff}
.signal-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 0 12px}.signal-filters::-webkit-scrollbar{display:none}.signal-filters button{flex:0 0 auto;min-height:38px;padding:8px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#17131f;color:#bbb5c8}.signal-filters button[data-active="true"]{color:#fff;border-color:#a67cff;background:rgba(122,73,215,.3)}
.signals-list{display:grid;gap:10px}.signal-list-card{display:grid;grid-template-columns:2.45rem minmax(0,1fr) 1.1rem;gap:.68rem;align-items:center;width:100%;min-width:0;padding:14px;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(145deg,rgba(31,26,42,.98),rgba(18,15,25,.98));color:inherit;box-shadow:0 10px 28px rgba(0,0,0,.18);transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.signal-list-card:hover,.signal-list-card:focus-visible{border-color:rgba(142,216,255,.28);outline:none}.signal-list-card:active{transform:scale(.985)}.signal-list-card.direction-long{border-left:3px solid #43d5a2}.signal-list-card.direction-short{border-left:3px solid #ef6f82}.signal-list-icon{display:grid;place-items:center;width:2.45rem;height:2.45rem;border:1px solid rgba(101,199,255,.18);border-radius:.8rem;background:rgba(56,189,248,.07);color:#8edcff}.signal-list-icon.direction-long{border-color:rgba(99,231,182,.2);background:rgba(33,177,127,.08);color:#63e7b6}.signal-list-icon.direction-short{border-color:rgba(255,145,160,.2);background:rgba(213,59,81,.08);color:#ff91a0}.signal-list-icon svg,.signal-card-chevron svg{width:1.28rem;height:1.28rem}.signal-card-content{min-width:0}.signal-card-chevron{display:grid;place-items:center;color:#736d80}.signal-card-chevron svg{width:.9rem;height:.9rem}.signal-card-header{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.signal-symbol{font-size:1.05rem;margin-right:auto;overflow-wrap:anywhere}.direction-chip,.signal-status{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:999px;font-size:.7rem;font-weight:750}.direction-chip.long{color:#63e7b6;background:rgba(33,177,127,.15)}.direction-chip.short{color:#ff91a0;background:rgba(213,59,81,.16)}.signal-status{background:rgba(166,124,255,.13);color:#d8c6ff}.status-tp{color:#63e7b6;background:rgba(33,177,127,.1)}.status-sl{color:#ff91a0;background:rgba(213,59,81,.1)}.status-expired,.status-ambiguous,.status-closed{color:#b5adbf;background:rgba(148,163,184,.09)}.signal-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.signal-list-metric{min-width:0}.signal-list-metric span{display:block;color:#948da3;font-size:.66rem}.signal-list-metric strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#eee8f5;font-size:.8rem}.signal-card-meta{margin-top:10px;color:#888194;font-size:.7rem}
.load-more-button{width:100%;margin-top:14px;min-height:44px;border:1px solid rgba(166,124,255,.25);border-radius:14px;background:rgba(83,54,132,.18);color:#e8ddff}.signal-detail{display:grid;gap:12px;min-width:0}.signal-detail-header{display:grid;grid-template-columns:2.75rem 2.75rem minmax(0,1fr);gap:.6rem;align-items:start;margin-bottom:1px;padding:.78rem;border:1px solid rgba(169,140,255,.16);border-radius:1.08rem;background:radial-gradient(circle at 100% 0,rgba(101,199,255,.08),transparent 42%),linear-gradient(145deg,rgba(28,27,45,.94),rgba(12,13,24,.94));box-shadow:inset 0 1px rgba(255,255,255,.03)}.signal-detail-header .icon-button{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0;border-radius:.86rem;align-self:start}.signal-detail-hero-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem}.signal-hero-icon-visual{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid rgba(101,199,255,.2);border-radius:.86rem;background:linear-gradient(145deg,rgba(56,189,248,.1),rgba(124,58,237,.09));color:#8edcff}.signal-hero-icon-visual.direction-long{border-color:rgba(99,231,182,.22);color:#63e7b6}.signal-hero-icon-visual.direction-short{border-color:rgba(255,145,160,.22);color:#ff91a0}.signal-hero-icon-visual svg{width:1.55rem;height:1.55rem}.signal-detail-heading{display:grid;grid-template-rows:auto auto auto;align-content:start;gap:.34rem;min-width:0;padding-top:.02rem}.signal-detail-heading h2{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.3rem;line-height:1.12}.signal-detail-chips{display:flex;min-width:0;gap:6px;flex-wrap:wrap;align-items:center}.signal-detail-heading time{display:block;min-width:0;margin:0;color:#928b9d;font-size:.71rem;line-height:1.3;overflow-wrap:anywhere}.signal-detail-section{min-width:0;padding:.85rem;border:1px solid rgba(255,255,255,.075);border-radius:1.05rem;background:linear-gradient(145deg,rgba(26,22,36,.92),rgba(13,13,23,.92));box-shadow:inset 0 1px rgba(255,255,255,.025)}.signal-detail-section>h3,.signal-section-heading h3{margin:0;color:#eee8f5;font-size:.86rem}.signal-detail-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.68rem}.signal-metric{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.5rem;align-items:center;min-width:0;padding:.57rem;border:1px solid rgba(190,178,230,.08);border-radius:.78rem;background:rgba(4,8,18,.25)}.signal-metric:first-child{grid-column:1/-1}.signal-metric-icon{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(101,199,255,.16);border-radius:.62rem;background:rgba(56,189,248,.065);color:#8edcff}.signal-metric-icon.signal-icon-tp{border-color:rgba(99,231,182,.16);background:rgba(33,177,127,.055);color:#75dfbd}.signal-metric-icon.signal-icon-stop_loss{border-color:rgba(255,145,160,.16);background:rgba(213,59,81,.055);color:#e69aa5}.signal-metric-icon svg{width:1.08rem;height:1.08rem}.signal-metric-copy{min-width:0}.signal-metric-copy small{display:block;color:#948da3;font-size:.63rem}.signal-metric-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#f2edf7;font-size:.78rem}.signal-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem;margin-top:.68rem}.signal-fact{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.48rem;align-items:center;min-width:0;min-height:3.4rem;padding:.55rem;border:1px solid rgba(190,178,230,.07);border-radius:.78rem;background:rgba(4,8,18,.22)}.signal-fact-icon{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(169,140,255,.16);border-radius:.62rem;background:rgba(124,58,237,.06);color:#c1adff}.signal-fact-icon svg{width:1.08rem;height:1.08rem}.signal-fact-copy{min-width:0}.signal-fact-copy span{display:block;color:#918a9d;font-size:.62rem;line-height:1.2}.signal-fact-copy strong{display:block;margin-top:.16rem;color:#e4deeb;font-size:.72rem;line-height:1.25;overflow-wrap:anywhere}.signal-section-heading{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.58rem;align-items:center}.signal-section-heading>h3{align-self:center}.signal-section-heading p{margin:.16rem 0 0;color:#8f889a;font-size:.66rem;line-height:1.3}.signal-section-icon,.exchange-link-icon{display:grid;place-items:center}.signal-static-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid rgba(101,199,255,.17);border-radius:.7rem;background:rgba(56,189,248,.06);color:#8edcff}.signal-static-icon svg{width:1.2rem;height:1.2rem}.signal-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem;margin-top:.7rem}.signal-result-metric{min-width:0;padding:.62rem;border:1px solid rgba(148,163,184,.11);border-radius:.76rem;background:rgba(4,8,18,.24)}.signal-result-metric span{display:block;color:#948da3;font-size:.63rem}.signal-result-metric strong{display:block;margin-top:.2rem;color:#d4cfda;font-size:.75rem;overflow-wrap:anywhere}.signal-result-metric.positive strong{color:#75dfbd}.signal-result-metric.risk strong{color:#eda4af}.signal-result-metric.muted strong{color:#85808d;font-weight:600}.signal-fee-note{margin:.68rem 0 0;color:#d8d2e2;font-size:.72rem}.signal-section-note{margin:.34rem 0 0;color:#817b89;font-size:.64rem;line-height:1.35}.signal-rationale-content{display:grid;gap:.55rem;margin-top:.7rem}.signal-rationale-content p,.signal-rationale-list{margin:0;color:#d9d3e2;font-size:.75rem;line-height:1.55;overflow-wrap:anywhere}.signal-rationale-list{display:grid;gap:.35rem;padding-left:1.05rem}.signal-secondary-button{width:100%;min-height:43px;margin-top:.72rem;border:1px solid rgba(169,140,255,.25);border-radius:.8rem;background:linear-gradient(145deg,rgba(124,58,237,.13),rgba(56,189,248,.07));color:#e8ddff;font-weight:760}.signal-secondary-button:disabled{opacity:.58}.signal-chart-card img{display:block;width:100%;height:auto;max-height:72dvh;margin-top:.72rem;object-fit:contain;border-radius:.78rem;background:rgba(4,8,18,.35)}.exchange-link{display:flex;gap:.5rem;text-decoration:none;justify-content:center;align-items:center}.exchange-link-icon .signal-static-icon{width:1.55rem;height:1.55rem;border:0;background:transparent}.exchange-link-icon .signal-static-icon svg{width:1.05rem;height:1.05rem}.signal-disclaimer{margin:.2rem .5rem 0;font-size:.7rem;line-height:1.45;color:#8f889a;text-align:center}.signals-shell .bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}
.signal-potential{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(24,20,32,.9)}.signal-potential h3{margin:0 0 10px}.signal-potential>p{color:#948da3;font-size:.76rem}
@media(max-width:350px){.signals-shell{padding-inline:12px}.signal-list-card{grid-template-columns:2.25rem minmax(0,1fr) .9rem;padding:12px;gap:.55rem}.signal-list-icon{width:2.25rem;height:2.25rem}.signal-facts-grid{grid-template-columns:1fr}.signal-detail-header{grid-template-columns:2.75rem 2.75rem minmax(0,1fr);padding:.68rem;gap:.45rem}.signal-detail-heading h2{font-size:1.16rem}.signal-detail-chips{gap:5px}}
@media(prefers-reduced-motion:reduce){.signal-list-card{transition:none}}

.account-shell { width:min(100%,52rem);margin:0 auto;padding-bottom:calc(5.8rem + env(safe-area-inset-bottom));overflow-x:clip; }
.account-header { display:flex; gap:.8rem; align-items:flex-start; margin-bottom:1rem; }
.account-header>div{flex:1;min-width:0}.account-settings-entry{display:grid;flex:0 0 2.85rem;place-items:center;width:2.85rem;height:2.85rem;padding:0;border:1px solid rgba(169,140,255,.24);border-radius:.88rem;background:linear-gradient(145deg,rgba(30,39,61,.88),rgba(11,17,31,.9));color:#a9dfff;box-shadow:inset 0 1px rgba(255,255,255,.035);cursor:pointer;transition:transform 150ms ease,border-color 180ms ease,background 180ms ease}.account-settings-entry:active{transform:scale(.95);border-color:rgba(246,211,126,.32);background:linear-gradient(145deg,rgba(40,42,67,.92),rgba(14,21,37,.94))}.account-settings-entry:focus-visible{outline:2px solid rgba(101,199,255,.65);outline-offset:2px}.account-settings-entry[hidden]{display:none}.account-settings-icon-visual{display:block;width:1.35rem;height:1.35rem}.account-settings-icon-visual path{vector-effect:non-scaling-stroke}.account-settings-panel{min-width:0}.account-settings-empty{display:grid;grid-template-columns:2.8rem minmax(0,1fr);gap:.72rem;align-items:center;padding:.85rem;border:1px solid rgba(169,140,255,.17);border-radius:1rem;background:linear-gradient(145deg,rgba(24,31,51,.92),rgba(10,16,30,.92));box-shadow:inset 0 1px rgba(255,255,255,.03)}.account-settings-empty-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid rgba(101,199,255,.2);border-radius:.8rem;background:linear-gradient(145deg,rgba(56,189,248,.1),rgba(124,58,237,.09));color:#9edfff}.account-settings-empty-icon .account-settings-icon-visual{width:1.45rem;height:1.45rem}.account-settings-empty p{min-width:0;margin:0;color:var(--tg-theme-hint-color,#aeb9cc);font-size:.8rem;line-height:1.48;overflow-wrap:anywhere}
.account-header h1,.account-header p { margin:.15rem 0; }.account-header time{margin-left:auto;color:var(--tg-theme-hint-color,#94a3b8);font-size:.72rem}
.account-hero,.account-card{border:1px solid rgba(168,85,247,.25);border-radius:1.15rem;background:linear-gradient(145deg,rgba(30,41,59,.96),rgba(15,23,42,.94));box-shadow:0 1rem 2rem rgba(2,6,23,.18)}
.account-hero{padding:1.15rem;margin-bottom:.8rem;background:radial-gradient(circle at 100% 0,rgba(245,158,11,.2),transparent 48%),linear-gradient(145deg,#1e293b,#0f172a)}.account-hero h2{margin:0 0 .5rem}.account-hero strong{color:#f8d477}
.account-grid{display:grid;gap:.8rem}.account-card{padding:1rem;min-width:0}.account-card h2{margin:0 0 .8rem;font-size:1rem;color:#ddd6fe}.account-card dl{margin:0}.account-card dl div{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid rgba(148,163,184,.12)}.account-card dt{color:var(--tg-theme-hint-color,#94a3b8)}.account-card dd{margin:0;text-align:right;overflow-wrap:anywhere}
.account-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.account-kpis div{padding:.7rem;border-radius:.8rem;background:rgba(124,58,237,.12)}.account-kpis span{display:block;color:#94a3b8;font-size:.75rem}.account-kpis strong{display:block;margin-top:.25rem;color:#f8d477;font-size:1.2rem}
.account-actions{display:grid;gap:.65rem;margin:1rem 0}.account-shell[data-state="loading"] .account-grid{opacity:.45}.account-shell[data-state="error"] #account-status{color:var(--tg-theme-destructive-text-color,#f87171)}
@media(min-width:42rem){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-card:nth-child(2),.account-card:last-child{grid-column:1/-1}.account-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Account Center: compact landing and focused detail screens. */
.account-header .icon-button,.account-detail .icon-button{min-width:2.75rem;min-height:2.75rem;border-radius:.85rem}
#account-status{min-height:1.2rem;margin:.2rem 0 .7rem;color:var(--tg-theme-hint-color,#94a3b8);font-size:.84rem}
.account-shell[data-state="loading"] #account-landing,.account-shell[data-state="loading"] .account-detail{opacity:.46;pointer-events:none}
.account-shell[data-state="error"] #account-status{color:var(--tg-theme-destructive-text-color,#f87171)}
.account-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .75rem;align-items:center}
.account-hero #account-username{margin:0;color:var(--tg-theme-hint-color,#94a3b8)}
.account-hero #account-plan-summary{grid-column:1/-1;margin:.25rem 0 0;color:#d8c9ff;font-size:.86rem}
.status-chip,.section-badge{display:inline-flex;align-items:center;max-width:9rem;padding:.3rem .55rem;border:1px solid rgba(245,158,11,.32);border-radius:999px;background:rgba(245,158,11,.11);color:#f8d477;font-size:.72rem;font-weight:750;text-align:center}
.account-sections{display:grid;gap:.65rem}
.account-sections>button{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto 1rem;gap:.65rem;align-items:center;width:100%;min-height:4.6rem;padding:.75rem;border:1px solid rgba(168,85,247,.22);border-radius:1rem;background:linear-gradient(145deg,rgba(30,41,59,.96),rgba(15,23,42,.94));color:var(--tg-theme-text-color,#f8fafc);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease}
.account-sections>button:active{transform:scale(.985)}.account-sections>button:hover{border-color:rgba(245,158,11,.42)}
.account-sections>button[data-account-section="weekly"][data-locked="true"]{opacity:.64;border-color:rgba(148,163,184,.13)}.account-sections>button[data-account-section="weekly"][data-locked="true"] .section-icon,.account-sections>button[data-account-section="weekly"][data-locked="true"] strong,.account-sections>button[data-account-section="weekly"][data-locked="true"] small,.account-sections>button[data-account-section="weekly"][data-locked="true"] .chevron{color:#7f8999}.account-sections>button[data-account-section="weekly"][data-locked="true"]:hover{border-color:rgba(148,163,184,.18)}
.section-icon{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.8rem;background:rgba(124,58,237,.18);font-size:1.2rem}.account-sections .section-icon{border:1px solid rgba(169,140,255,.18);color:#bca9ff;font-size:0}.account-sections .section-icon svg{display:block;width:1.42rem;height:1.42rem;overflow:visible;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.account-sections .section-icon-weekly{color:#bca9ff}.account-sections .section-icon-subscription{border-color:rgba(246,211,126,.24);background:rgba(246,211,126,.09);color:#f6d37e}.account-sections .section-icon-referrals{border-color:rgba(169,140,255,.2);background:linear-gradient(145deg,rgba(124,58,237,.16),rgba(246,211,126,.06));color:#c8b8ff}.account-sections .section-icon-help{border-color:rgba(101,199,255,.22);background:linear-gradient(145deg,rgba(56,189,248,.11),rgba(124,58,237,.12));color:#91d8ff}.account-sections strong,.account-sections small{display:block}.account-sections small{margin-top:.2rem;color:var(--tg-theme-hint-color,#94a3b8);line-height:1.25}.chevron{color:#f8d477;font-size:1.35rem}

/* Native Account Help Center: canonical Telegram text, Astra presentation. */
.help-center{min-width:0}.help-header{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:.7rem;align-items:start;margin-bottom:.75rem}.help-header h2{margin:.12rem 0 0}.help-header p{margin:.22rem 0 0;color:#9aa7ba;font-size:.76rem;line-height:1.4}.help-root-intro,.help-rich-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#d8dfeb;font-size:.78rem;line-height:1.62}.help-root-intro{margin:.2rem 0 .85rem;padding:.78rem;border:1px solid rgba(101,199,255,.14);border-radius:.9rem;background:rgba(8,16,30,.5)}.help-menu-list{display:grid;gap:.58rem}.help-menu-card{display:grid;grid-template-columns:2.55rem minmax(0,1fr) 1rem;gap:.62rem;align-items:center;width:100%;min-width:0;min-height:4.25rem;padding:.68rem;border:1px solid rgba(169,140,255,.18);border-radius:.92rem;background:linear-gradient(145deg,rgba(27,35,55,.95),rgba(11,17,31,.94));color:#edf3fb;text-align:left;cursor:pointer}.help-menu-card:active{transform:scale(.986)}.help-menu-card[data-locked="true"]{opacity:.72}.help-menu-card>span:nth-child(2){min-width:0}.help-menu-card strong,.help-menu-card small{display:block;overflow-wrap:anywhere}.help-menu-card strong{font-size:.82rem}.help-menu-card small{margin-top:.18rem;color:#929fb1;font-size:.65rem;line-height:1.32}.help-card-icon,.help-article-icon{display:grid;place-items:center;border:1px solid rgba(101,199,255,.18);border-radius:.76rem;background:linear-gradient(145deg,rgba(56,189,248,.08),rgba(124,58,237,.1));color:#a9cfff}.help-card-icon{width:2.55rem;height:2.55rem}.help-card-icon svg{width:1.35rem;height:1.35rem}.help-article{display:grid;grid-template-columns:2.8rem minmax(0,1fr);gap:.72rem;min-width:0;padding:.85rem;border:1px solid rgba(169,140,255,.18);border-radius:1rem;background:linear-gradient(150deg,rgba(25,32,51,.96),rgba(9,15,28,.95));box-shadow:inset 0 1px rgba(255,255,255,.03)}.help-article-icon{width:2.8rem;height:2.8rem;position:sticky;top:.6rem}.help-article-icon svg{width:1.5rem;height:1.5rem}.help-actions{display:grid;gap:.5rem;margin-top:.7rem}.help-contact-button{display:grid;grid-template-columns:minmax(0,1fr) 1.3rem;gap:.6rem;align-items:center;width:100%;min-height:2.9rem;padding:.65rem .75rem;border:1px solid rgba(101,199,255,.2);border-radius:.82rem;background:rgba(56,189,248,.075);color:#bde8ff;text-align:left;overflow-wrap:anywhere}.help-contact-icon svg{width:1rem;height:1rem}.help-return{width:100%;margin-top:.8rem}.help-state{padding:1rem;border:1px solid rgba(169,140,255,.18);border-radius:.9rem;background:rgba(11,17,31,.8);color:#aeb9c9}.help-state-loading::before{content:"";display:inline-block;width:.8rem;height:.8rem;margin-right:.55rem;border:2px solid rgba(101,199,255,.22);border-top-color:#76d0ff;border-radius:50%;animation:weekly-report-spin .8s linear infinite}.help-state-error{color:#eaa2ae}.help-retry{margin-top:.65rem}@media(max-width:22rem){.help-article{grid-template-columns:1fr}.help-article-icon{position:static}.help-menu-card{grid-template-columns:2.35rem minmax(0,1fr) 1rem}.help-card-icon{width:2.35rem;height:2.35rem}}@media(prefers-reduced-motion:reduce){.help-state-loading::before{animation:none}}
.account-detail>header{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:.75rem;align-items:start;margin-bottom:.9rem}.account-detail h2{margin:.1rem 0;font-size:1.25rem}.account-detail header p{margin:.25rem 0 0;color:var(--tg-theme-hint-color,#94a3b8)}
.detail-list,.detail-progress,.referral-code,.detail-kpis{padding:.9rem;border:1px solid rgba(168,85,247,.22);border-radius:1rem;background:linear-gradient(145deg,rgba(30,41,59,.96),rgba(15,23,42,.94))}
.detail-list{margin:0}.detail-list div:last-child{border-bottom:0}.detail-progress{margin-bottom:.75rem}.detail-progress span{display:block;margin-bottom:.55rem;color:#ddd6fe}
progress{width:100%;height:.55rem;border:0;border-radius:999px;overflow:hidden;background:#253047}progress::-webkit-progress-bar{background:#253047}progress::-webkit-progress-value{background:linear-gradient(90deg,#7c3aed,#f59e0b)}progress::-moz-progress-bar{background:linear-gradient(90deg,#7c3aed,#f59e0b)}
.auto-trading-detail{display:grid;gap:.78rem}.auto-trading-detail>header{margin-bottom:.05rem}.auto-trading-status-chip{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:1.65rem;margin-top:.35rem;padding:.28rem .55rem;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:rgba(148,163,184,.075);color:#b9c5d8;font-size:.7rem;font-weight:760;line-height:1.2}.auto-trading-status-chip[data-tone="positive"]{border-color:rgba(105,230,179,.24);background:rgba(60,190,139,.09);color:#83dfc3}.auto-trading-status-chip[data-tone="neutral"]{border-color:rgba(169,140,255,.2);background:rgba(124,58,237,.09);color:#c4b5fd}.auto-trading-progress-card{display:grid;grid-template-columns:2.55rem minmax(0,1fr);gap:.62rem .72rem;align-items:center;padding:.82rem;border:1px solid rgba(101,199,255,.18);border-radius:1rem;background:radial-gradient(circle at 0 0,rgba(101,199,255,.08),transparent 42%),linear-gradient(145deg,rgba(24,31,51,.94),rgba(10,16,30,.92));box-shadow:inset 0 1px rgba(255,255,255,.03)}.auto-trading-progress-icon{display:grid;place-items:center;width:2.55rem;height:2.55rem}.auto-trading-progress-icon-visual{display:grid;place-items:center;width:2.55rem;height:2.55rem;border:1px solid rgba(101,199,255,.22);border-radius:.78rem;background:linear-gradient(145deg,rgba(56,189,248,.12),rgba(124,58,237,.09));color:#8edcff}.auto-trading-progress-icon-visual svg{width:1.4rem;height:1.4rem}.auto-trading-progress-card>div{min-width:0}.auto-trading-progress-eyebrow{display:block;color:var(--tg-theme-hint-color,#94a3b8);font-size:.64rem;line-height:1.2}.auto-trading-progress-card strong{display:block;margin-top:.18rem;color:#eef5ff;font-size:.84rem;line-height:1.3;overflow-wrap:anywhere}.auto-trading-progress-card progress{grid-column:1/-1;height:.42rem}.auto-trading-progress-card progress::-webkit-progress-value{transition:width 420ms cubic-bezier(.2,.8,.2,1);background:linear-gradient(90deg,#7467ef,#53c9e9,#e4c678)}.auto-trading-progress-card progress::-moz-progress-bar{transition:width 420ms cubic-bezier(.2,.8,.2,1);background:linear-gradient(90deg,#7467ef,#53c9e9,#e4c678)}.auto-trading-parameter-group{min-width:0}.auto-trading-parameter-group h3{margin:0 0 .48rem;padding-inline:.12rem;color:#d8dfee;font-size:.76rem;font-weight:780;letter-spacing:.02em}.auto-trading-parameter-list{display:grid;gap:.42rem;padding:.48rem;border:1px solid rgba(169,140,255,.15);border-radius:1rem;background:linear-gradient(145deg,rgba(24,31,51,.9),rgba(10,15,29,.91))}.auto-trading-parameter-row{display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto;gap:.58rem;align-items:center;min-width:0;min-height:3.45rem;padding:.52rem .58rem;border:1px solid rgba(190,178,230,.075);border-radius:.76rem;background:rgba(4,8,18,.24)}.auto-trading-parameter-icon{display:grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid rgba(169,140,255,.18);border-radius:.66rem;background:rgba(104,74,175,.1);color:#b7a6f2}.auto-trading-parameter-icon svg{width:1.2rem;height:1.2rem}.auto-trading-icon-exchange{border-color:rgba(101,199,255,.2);background:rgba(56,189,248,.08);color:#8edcff}.auto-trading-icon-daily_budget{border-color:rgba(246,211,126,.2);background:rgba(246,211,126,.075);color:#f2d485}.auto-trading-icon-per_trade{border-color:rgba(197,167,255,.2);background:linear-gradient(145deg,rgba(124,58,237,.11),rgba(246,211,126,.055));color:#d3bafa}.auto-trading-icon-trades_limit{border-color:rgba(101,199,255,.18);background:rgba(49,106,178,.09);color:#91c9ff}.auto-trading-icon-smart_exit{border-color:rgba(89,220,232,.2);background:rgba(56,189,248,.075);color:#79dce8}.auto-trading-icon-spike_protection{border-color:rgba(169,140,255,.2);background:rgba(124,58,237,.1);color:#c1adff}.auto-trading-icon-profit_protection{border-color:rgba(105,230,179,.2);background:rgba(60,190,139,.085);color:#88e1c9}.auto-trading-icon-tp1_execution{border-color:rgba(246,211,126,.2);background:linear-gradient(145deg,rgba(246,211,126,.075),rgba(56,189,248,.055));color:#ecd58c}.auto-trading-parameter-label{min-width:0;color:var(--tg-theme-hint-color,#aab5c8);font-size:.72rem;line-height:1.3;overflow-wrap:anywhere}.auto-trading-value{display:inline-flex;align-items:center;justify-content:center;max-width:10.5rem;min-height:1.72rem;padding:.28rem .5rem;border:1px solid rgba(101,199,255,.14);border-radius:999px;background:rgba(56,189,248,.06);color:#e5edf8;font-size:.7rem;font-weight:760;line-height:1.2;text-align:center;overflow-wrap:anywhere}.auto-trading-value[data-tone="positive"]{border-color:rgba(105,230,179,.22);background:rgba(60,190,139,.085);color:#83dfc3}.auto-trading-value[data-tone="neutral"]{border-color:rgba(148,163,184,.16);background:rgba(148,163,184,.07);color:#b9c5d8}.auto-trading-value[data-tone="muted"]{border-color:rgba(148,163,184,.1);background:rgba(15,23,42,.35);color:#818da1;font-weight:650}.auto-trading-value[data-tone="configured"]{border-color:rgba(101,199,255,.17);background:rgba(56,189,248,.07);color:#dceeff}
.detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.context-empty{padding:.75rem;border-radius:.85rem;background:rgba(56,189,248,.08);color:var(--tg-theme-hint-color,#b8c2d6);line-height:1.45}
.weekly-report-title-row{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-width:0}.weekly-report-title-row h2{min-width:0}.weekly-report-chip{flex:0 0 auto;max-width:10rem;padding:.3rem .55rem;border:1px solid rgba(101,199,255,.25);border-radius:999px;background:rgba(56,189,248,.09);color:#9bddff;font-size:.6rem;font-weight:760;line-height:1.2;letter-spacing:.035em;text-align:center}.weekly-report-timing{margin:.35rem 0 0;color:var(--tg-theme-hint-color,#94a3b8);font-size:.7rem;line-height:1.4}.weekly-report-intro{margin:.1rem 0 .85rem;color:var(--tg-theme-hint-color,#aeb9cc);font-size:.84rem;line-height:1.5}.weekly-report-status{min-height:0;margin:0;color:var(--tg-theme-hint-color,#aeb9cc);font-size:.8rem}.weekly-report[data-weekly-state="loading"] .weekly-report-status{display:flex;align-items:center;gap:.55rem;margin:.5rem 0 1rem}.weekly-report[data-weekly-state="loading"] .weekly-report-status::before{content:"";width:.85rem;height:.85rem;flex:0 0 auto;border:2px solid rgba(101,199,255,.2);border-top-color:#72cfff;border-radius:50%;animation:weekly-report-spin .8s linear infinite}.weekly-overview-card{position:relative;display:grid;grid-template-columns:minmax(7rem,.78fr) minmax(0,1.6fr);gap:.75rem;overflow:hidden;padding:.85rem;border:1px solid rgba(169,140,255,.2);border-radius:1rem;background:radial-gradient(circle at 0 0,rgba(101,199,255,.09),transparent 38%),linear-gradient(145deg,rgba(24,31,51,.96),rgba(10,16,30,.95));box-shadow:inset 0 1px rgba(255,255,255,.035),0 .8rem 2rem rgba(0,0,0,.14)}.weekly-overview-card::after{content:"";position:absolute;inset:auto -2rem -3.6rem auto;width:8rem;height:8rem;border-radius:50%;background:rgba(124,58,237,.08);filter:blur(1rem);pointer-events:none}.weekly-accuracy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:.75rem;border:1px solid rgba(246,211,126,.18);border-radius:.85rem;background:linear-gradient(145deg,rgba(246,211,126,.08),rgba(101,199,255,.04))}.weekly-accuracy>span,.weekly-accuracy>small{color:var(--tg-theme-hint-color,#aeb9cc);font-size:.64rem;line-height:1.25}.weekly-accuracy>strong{margin:.18rem 0;color:#f5d98e;font-size:clamp(1.8rem,8vw,2.55rem);line-height:1;letter-spacing:-.04em}.weekly-total-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem;min-width:0}.weekly-total-metrics>div{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:3.4rem;padding:.55rem .62rem;border:1px solid rgba(148,163,184,.13);border-radius:.72rem;background:rgba(8,14,27,.42)}.weekly-total-metrics span,.weekly-metric span{color:var(--tg-theme-hint-color,#9eabc0);font-size:.6rem;line-height:1.22;overflow-wrap:anywhere}.weekly-total-metrics strong,.weekly-metric strong{margin-top:.18rem;color:#edf4ff;font-size:1rem;line-height:1}.weekly-total-metrics .is-tp strong,.weekly-metric.is-tp strong{color:#78d9bd}.weekly-total-metrics .is-sl strong,.weekly-metric.is-sl strong{color:#f49aaa}.weekly-total-metrics .is-neutral strong,.weekly-metric.is-neutral strong{color:#b9c5d8}.weekly-report-notice{margin:.7rem 0 0}.weekly-groups-section{margin-top:1rem}.weekly-groups-section h3{margin:0 0 .65rem;font-size:.92rem}.weekly-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem}.weekly-group-card{min-width:0;padding:.68rem;border:1px solid rgba(169,140,255,.16);border-radius:.9rem;background:linear-gradient(150deg,rgba(25,31,51,.91),rgba(11,17,30,.9));box-shadow:inset 0 1px rgba(255,255,255,.025)}.weekly-group-card>header{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:.48rem;align-items:center;min-width:0}.weekly-group-icon{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(101,199,255,.17);border-radius:.62rem;background:rgba(65,123,174,.09);color:#87d5ff}.weekly-group-icon svg{width:1.15rem;height:1.15rem}.weekly-group-card h4{margin:0;color:#edf4ff;font-size:.78rem}.weekly-group-card header div>span{display:block;margin-top:.12rem;color:var(--tg-theme-hint-color,#94a3b8);font-size:.54rem;line-height:1.2;overflow-wrap:anywhere}.weekly-group-accuracy{align-self:start;color:#f3d58b;font-size:.78rem;line-height:1.15}.weekly-group-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.32rem;margin-top:.6rem}.weekly-metric{display:flex;flex-direction:column;min-width:0;padding:.42rem;border-radius:.56rem;background:rgba(7,12,23,.44);text-align:center}.weekly-metric span{font-size:.54rem}.weekly-metric strong{font-size:.82rem}.weekly-group-card[data-empty="true"]{opacity:.72}.weekly-report .inline-retry{margin:.65rem 0 .9rem}
.asset-group-icon{border-color:rgba(101,199,255,.17);background:rgba(65,123,174,.09);color:#87d5ff}.asset-group-icon-top{border-color:rgba(246,211,126,.2);background:rgba(246,211,126,.075);color:#f2d485}.asset-group-icon-alts{border-color:rgba(101,199,255,.2);background:rgba(56,189,248,.085);color:#87d5ff}.asset-group-icon-volatile{border-color:rgba(169,140,255,.2);background:rgba(124,58,237,.1);color:#c1adff}.asset-group-icon-trending{border-color:rgba(105,230,179,.2);background:rgba(60,190,139,.085);color:#88e1c9}.asset-group-icon svg{display:block;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.asset-group-icon-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;padding:.16rem;gap:.08rem}.asset-group-icon-set-item{display:grid;place-items:center;width:.66rem;height:.66rem;border-width:0;border-radius:.2rem;background:transparent}.asset-group-icon-set-item svg{width:.58rem;height:.58rem}.asset-group-icon-set[data-group-count="1"]{grid-template-columns:1fr}.asset-group-icon-set[data-group-count="1"] .asset-group-icon-set-item{width:1.12rem;height:1.12rem}.asset-group-icon-set[data-group-count="1"] .asset-group-icon-set-item svg{width:1rem;height:1rem}
@keyframes weekly-report-spin{to{transform:rotate(360deg)}}
.referral-code{display:grid;gap:.5rem;margin-bottom:.75rem}.referral-code>span{color:var(--tg-theme-hint-color,#94a3b8);font-size:.8rem}.referral-code>strong{overflow-wrap:anywhere;color:#f8d477;font-size:1.05rem}.referral-code button{justify-self:start;min-height:2.65rem;padding:.55rem .85rem;border:1px solid rgba(56,189,248,.35);border-radius:.8rem;background:rgba(56,189,248,.13);color:#e0f2fe;cursor:pointer}
@media(max-width:22rem){.account-sections>button{grid-template-columns:2.35rem minmax(0,1fr) 1rem}.account-sections .section-badge{display:none}.bottom-nav button{font-size:.55rem}}
@media(max-width:22rem){.auto-trading-parameter-row{grid-template-columns:2.1rem minmax(0,1fr);gap:.38rem .55rem}.auto-trading-parameter-icon{grid-row:1/span 2;width:2.1rem;height:2.1rem}.auto-trading-value{grid-column:2;justify-self:start;max-width:100%;text-align:left}.auto-trading-parameter-label{align-self:end}.auto-trading-progress-card{padding:.72rem}}
@media(max-width:22rem){.weekly-overview-card{grid-template-columns:1fr}.weekly-accuracy{align-items:center;text-align:center}.weekly-groups{grid-template-columns:1fr}.weekly-report-title-row{align-items:flex-start}.weekly-report-chip{max-width:7.5rem;font-size:.54rem}.weekly-total-metrics span{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){.auto-trading-progress-card progress::-webkit-progress-value{transition:none}.auto-trading-progress-card progress::-moz-progress-bar{transition:none}}
@media(prefers-reduced-motion:reduce){.weekly-report[data-weekly-state="loading"] .weekly-report-status::before{animation:none;border-color:rgba(101,199,255,.35)}}

/* Stage 8.4 — production Auto-Trading hub. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.trading-shell{width:min(100%,52rem);margin:0 auto;padding-bottom:calc(5.8rem + env(safe-area-inset-bottom));overflow-x:clip}
#trading-content{display:grid;gap:.78rem;min-width:0}
.trading-loading,.trading-error,.trading-success{margin:.35rem 0;padding:.78rem .86rem;border:1px solid rgba(101,199,255,.16);border-radius:.86rem;background:rgba(56,189,248,.065);color:#b9c8dc;font-size:.8rem;line-height:1.45}
.trading-error{border-color:rgba(244,154,170,.18);background:rgba(213,59,81,.055);color:#e8b7c0}.trading-success{border-color:rgba(105,230,179,.2);background:rgba(60,190,139,.075);color:#9ae4cd}
.trading-hero{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.75rem;align-items:center;padding:.3rem .12rem .55rem}.trading-hero h1{font-size:clamp(1.45rem,7vw,2.1rem)}.trading-hero p:last-child{margin:.2rem 0 0;color:#9aa7bb;font-size:.78rem}.trading-hero-icon{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid rgba(101,199,255,.22);border-radius:.92rem;background:linear-gradient(145deg,rgba(56,189,248,.12),rgba(124,58,237,.1));color:#8edcff}.trading-hero-icon svg{width:1.55rem;height:1.55rem}
.trading-card{min-width:0;padding:.86rem;border:1px solid rgba(169,140,255,.16);border-radius:1.04rem;background:radial-gradient(circle at 100% 0,rgba(101,199,255,.055),transparent 38%),linear-gradient(145deg,rgba(24,31,51,.94),rgba(10,16,30,.93));box-shadow:inset 0 1px rgba(255,255,255,.03),0 .8rem 2rem rgba(0,0,0,.12)}
.trading-card-heading{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.62rem;align-items:center;margin-bottom:.72rem}.trading-card-heading h2{margin:0;font-size:.94rem}.trading-card-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid rgba(169,140,255,.18);border-radius:.72rem;background:rgba(124,58,237,.075);color:#c1adff}.trading-card-icon svg{width:1.26rem;height:1.26rem}
.trading-copy,.trading-note,.trading-empty{margin:.35rem 0;color:#a5b0c3;font-size:.76rem;line-height:1.5}.trading-note{font-size:.68rem}.trading-empty{padding:.68rem;border-radius:.72rem;background:rgba(4,8,18,.25)}
.trading-dashboard-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.48rem}.trading-dashboard-summary>div{display:flex;flex-direction:column;min-width:0;padding:.62rem;border:1px solid rgba(148,163,184,.11);border-radius:.76rem;background:rgba(4,8,18,.25)}.trading-dashboard-summary span{color:#96a2b6;font-size:.63rem;line-height:1.3}.trading-dashboard-summary strong{margin-top:.22rem;color:#eaf1fb;font-size:.78rem;overflow-wrap:anywhere}.trading-dashboard-summary progress{height:.4rem;margin-top:.42rem}.is-positive{color:#83dfc3!important}
.trading-blockers{margin-top:.65rem;padding:.68rem;border:1px solid rgba(246,211,126,.16);border-radius:.78rem;background:rgba(246,211,126,.045)}.trading-blockers h3{margin:0;color:#ead79a;font-size:.76rem}.trading-blockers ul,.trading-requirements{display:grid;gap:.38rem;margin:.48rem 0 0;padding-left:1.1rem;color:#adb8ca;font-size:.7rem;line-height:1.4}
.trading-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.72rem}.trading-button{min-height:44px;padding:.62rem .82rem;border:1px solid transparent;border-radius:.78rem;color:#f4f7fc;font-weight:750;cursor:pointer}.trading-button-primary{background:linear-gradient(135deg,#765ce8,#388ec4)}.trading-button-secondary{border-color:rgba(101,199,255,.22);background:rgba(56,189,248,.08);color:#cceeff}.trading-button-danger{border-color:rgba(244,154,170,.2);background:rgba(213,59,81,.08);color:#efb0ba}.trading-button-ghost{background:transparent}.trading-actions .trading-button{flex:1 1 10rem}
.trading-document-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:.55rem;padding:.62rem .8rem;border:1px solid rgba(101,199,255,.22);border-radius:.78rem;background:rgba(56,189,248,.075);color:#bce8ff;text-decoration:none;font-size:.75rem;font-weight:750}
.trading-policy-reader{display:grid;gap:.8rem;min-width:0;padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.trading-policy-reader-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:center}.trading-policy-reader-header h2{margin:0;font-size:1.05rem}.trading-policy-state{padding:1rem;border:1px solid rgba(169,140,255,.2);border-radius:.9rem;background:linear-gradient(155deg,rgba(18,27,47,.96),rgba(7,12,25,.96))}.trading-policy-document{min-width:0;padding:.9rem;border:1px solid rgba(169,140,255,.2);border-radius:1rem;background:linear-gradient(155deg,rgba(18,27,47,.97),rgba(7,12,25,.97));color:#dce6f3;box-shadow:0 1rem 2.8rem rgba(0,0,0,.22)}.trading-policy-meta{display:grid;gap:.35rem;margin-bottom:1rem;padding:.75rem;border:1px solid rgba(240,190,74,.22);border-radius:.8rem;background:rgba(240,190,74,.06)}.trading-policy-meta strong{color:#fff;font-size:.88rem;line-height:1.4}.trading-policy-meta span{color:#d6ad58;font-size:.7rem}.trading-policy-page{min-width:0}.trading-policy-page+ .trading-policy-page{margin-top:.9rem;padding-top:.9rem;border-top:1px solid rgba(148,163,184,.11)}.trading-policy-document h2,.trading-policy-document h3,.trading-policy-document h4{overflow-wrap:anywhere;color:#f4f7fb;line-height:1.35}.trading-policy-document h2{margin:1rem 0 .6rem;font-size:1rem}.trading-policy-document h3{margin:1rem 0 .5rem;font-size:.92rem}.trading-policy-document h4{margin:.8rem 0 .4rem;font-size:.82rem}.trading-policy-document p,.trading-policy-document li{overflow-wrap:anywhere;color:#b9c6d8;font-size:.74rem;line-height:1.62}.trading-policy-document p{margin:.45rem 0}.trading-policy-document ul{display:grid;gap:.32rem;margin:.5rem 0;padding-left:1.15rem}.trading-policy-reader>.trading-button{width:100%}
.trading-checkbox{display:grid;grid-template-columns:1.25rem minmax(0,1fr);gap:.55rem;align-items:start;margin:.72rem 0;color:#dce5f2;font-size:.74rem;line-height:1.45}.trading-checkbox input{width:1.15rem;height:1.15rem;margin:.1rem 0 0;accent-color:#7c6df1}
.trading-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.72rem}.trading-video{min-width:0;margin:0;padding:.5rem;border:1px solid rgba(148,163,184,.11);border-radius:.78rem;background:rgba(4,8,18,.25)}.trading-video video{display:block;width:100%;max-height:18rem;border-radius:.58rem;background:#050812}.trading-video figcaption{margin-top:.45rem;color:#aeb9cb;font-size:.65rem;line-height:1.35}
.trading-credential-state{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.68rem;padding:.62rem;border:1px solid rgba(105,230,179,.15);border-radius:.72rem;background:rgba(60,190,139,.045)}.trading-credential-state strong,.trading-credential-state span{min-width:0;overflow-wrap:anywhere;font-size:.7rem}.trading-credential-state span{color:#9ba8ba}
.trading-validation-checks{display:grid;gap:.35rem;margin-bottom:.7rem;padding:.62rem;border:1px solid rgba(148,163,184,.1);border-radius:.76rem;background:rgba(4,8,18,.22)}.trading-validation-checks h3{margin:0 0 .15rem;color:#dce5f1;font-size:.72rem}.trading-validation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center}.trading-validation-row span,.trading-validation-row strong{font-size:.64rem;line-height:1.3}.trading-validation-row span{color:#98a4b7}.trading-validation-row strong{color:#d7c98f;text-align:right}
.trading-form{display:grid;gap:.62rem}.trading-field{display:grid;gap:.28rem;color:#a9b5c7;font-size:.68rem}.trading-input{width:100%;min-width:0;min-height:44px;padding:.65rem .72rem;border:1px solid rgba(169,140,255,.18);border-radius:.74rem;outline:none;background:rgba(4,8,18,.48);color:#eef4fc;font-family:inherit;font-size:1rem;line-height:1.25}.trading-input:focus{border-color:rgba(101,199,255,.46);box-shadow:0 0 0 3px rgba(56,189,248,.08)}.trading-settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}.trading-settings-form .trading-button,.trading-settings-form .trading-note{grid-column:1/-1}
.trading-subtitle{margin:.9rem 0 .52rem;font-size:.8rem}.trading-position-list{display:grid;gap:.42rem}.trading-position-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;width:100%;min-width:0;min-height:3.5rem;padding:.62rem;border:1px solid rgba(148,163,184,.1);border-radius:.76rem;background:rgba(4,8,18,.25);color:#ecf3fb;text-align:left}.trading-position-row span{min-width:0}.trading-position-row strong,.trading-position-row small{display:block;overflow-wrap:anywhere}.trading-position-row small{margin-top:.18rem;color:#96a2b5;font-size:.62rem}.trading-position-row>span:last-child{color:#c9d6e8;font-size:.7rem;text-align:right}
.trading-position-symbol{font-size:1.5rem}.trading-detail-grid{margin-top:.7rem}.trading-detail-grid>div{grid-template-columns:minmax(7rem,.85fr) minmax(0,1.15fr)}
@media(max-width:22rem){.trading-dashboard-summary{grid-template-columns:1fr}.trading-videos,.trading-settings-form{grid-template-columns:1fr}.trading-settings-form .trading-button{grid-column:auto}.trading-card{padding:.72rem}.trading-actions{display:grid}.trading-position-row{grid-template-columns:minmax(0,1fr)}.trading-position-row>span:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){.trading-button,.trading-input{transition:none!important}}

/* Astra Visual Polish — one persistent atmosphere, one shell, one navigation. */
:root {
  --astra-bg: #080b16;
  --astra-surface: rgba(17, 22, 39, 0.82);
  --astra-surface-strong: rgba(19, 25, 45, 0.94);
  --astra-border: rgba(190, 178, 230, 0.15);
  --astra-border-gold: rgba(248, 205, 112, 0.26);
  --astra-gold: #f6d37e;
  --astra-violet: #a98cff;
  --astra-blue: #65c7ff;
  --astra-muted: #9ba5ba;
  --astra-nav-height: 4.65rem;
}

html { background: var(--astra-bg); overflow-x: clip; }
body {
  position: relative;
  isolation: isolate;
  min-height: 100dvh;
  overflow-x: clip;
  background: transparent;
}

.astra-atmosphere {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% -15%, rgba(83, 127, 255, 0.13), transparent 38%),
    linear-gradient(160deg, #090d19 0%, #0b0d1b 47%, #080b15 100%);
  contain: strict;
}
.astra-atmosphere::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  background: linear-gradient(180deg, rgba(8, 11, 22, 0.04), rgba(8, 11, 22, 0.25) 70%, rgba(8, 11, 22, 0.63));
}
.astra-market-canvas {
  position: fixed;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.astra-orb {
  position: absolute;
  z-index: 1;
  width: 21rem;
  height: 21rem;
  border-radius: 50%;
  opacity: 0.34;
  filter: blur(2.6rem);
  will-change: opacity;
}
.astra-orb-gold { top: -10rem; right: -10rem; background: radial-gradient(circle, rgba(248, 205, 112, 0.72), transparent 68%); animation: astra-orbit-gold 13s ease-in-out infinite alternate; }
.astra-orb-violet { top: 38%; left: -13rem; background: radial-gradient(circle, rgba(132, 84, 255, 0.72), transparent 68%); animation: astra-orbit-violet 17s ease-in-out infinite alternate; }
.astra-orb-blue { right: -14rem; bottom: -8rem; background: radial-gradient(circle, rgba(55, 169, 255, 0.62), transparent 68%); animation: astra-orbit-blue 15s ease-in-out infinite alternate; }
.astra-wave-mesh {
  position: absolute;
  top: -8%;
  left: -24%;
  z-index: 2;
  width: 148%;
  height: 122%;
  overflow: visible;
  opacity: 0.69;
  transform: translate3d(0, 0, 0) scale(1.02) rotate(-1.5deg);
  transform-origin: 50% 54%;
}
.astra-mesh-surface {
  transform-box: fill-box;
  transform-origin: center;
}
.astra-mesh-lines path {
  fill: none;
  stroke: url(#astra-mesh-gradient);
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.astra-mesh-horizontal path:nth-child(3n),
.astra-mesh-vertical path:nth-child(3n) { opacity: 0.7; }
.astra-mesh-horizontal path:nth-child(3n + 1),
.astra-mesh-vertical path:nth-child(3n + 1) { opacity: 0.46; }
.astra-light-sweep {
  position: absolute;
  top: 11%;
  left: 8%;
  z-index: 3;
  width: 84%;
  height: 68%;
  border-radius: 50%;
  opacity: 0.26;
  background: radial-gradient(ellipse, rgba(113, 191, 255, 0.34), rgba(154, 112, 255, 0.13) 38%, transparent 70%);
  filter: blur(2rem);
  transform: rotate(-8deg);
  will-change: opacity;
  animation: astra-light-travel 12s ease-in-out infinite alternate;
}
@keyframes astra-orbit-gold { to { opacity: 0.54; } }
@keyframes astra-orbit-violet { to { opacity: 0.48; } }
@keyframes astra-orbit-blue { to { opacity: 0.5; } }
@keyframes astra-light-travel {
  0% { opacity: 0.11; }
  52% { opacity: 0.28; }
  100% { opacity: 0.17; }
}

.app-shell {
  position: relative;
  z-index: 1;
  padding-bottom: calc(var(--astra-nav-height) + max(1rem, env(safe-area-inset-bottom)) + 1.15rem);
}
/* Home now uses the same premium visual grammar as Account. */
.home-shell { min-width: 0; overflow-x: clip; }
.home-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  margin: 0 0 1rem;
  padding: 1rem;
  overflow: hidden;
  border: 1px solid var(--astra-border-gold);
  border-radius: 1.35rem;
  background:
    radial-gradient(circle at 92% 8%, rgba(246, 211, 126, 0.18), transparent 34%),
    radial-gradient(circle at 8% 105%, rgba(135, 95, 255, 0.16), transparent 42%),
    linear-gradient(145deg, rgba(25, 32, 54, 0.94), rgba(12, 17, 32, 0.92));
  box-shadow: 0 1.2rem 3rem rgba(1, 4, 14, 0.3), inset 0 1px rgba(255, 255, 255, 0.035);
}
.home-hero::after {
  content: "";
  position: absolute;
  right: -3rem;
  bottom: -4rem;
  width: 10rem;
  height: 10rem;
  border: 1px solid rgba(246, 211, 126, 0.12);
  border-radius: 50%;
}
.home-hero-copy { position: relative; z-index: 1; min-width: 0; }
.home-brand-row { display: flex; gap: 0.5rem; align-items: center; }
.home-brand-row .brand-mark { margin: 0; color: var(--astra-gold); }
.home-live-mark { display: grid; place-items: center; width: 1.05rem; height: 1.05rem; border: 1px solid rgba(101, 199, 255, 0.28); border-radius: 50%; background: rgba(101, 199, 255, 0.08); }
.home-live-mark i { width: 0.34rem; height: 0.34rem; border-radius: 50%; background: #6ee7c0; box-shadow: 0 0 0.65rem rgba(110, 231, 192, 0.8); animation: astra-live 2.4s ease-in-out infinite; }
@keyframes astra-live { 50% { opacity: 0.45; transform: scale(0.72); } }
.home-hero h1 { display: grid; gap: 0.12rem; min-width: 0; max-width: 100%; margin-top: 0.5rem; line-height: 1.03; }
.home-greeting-phrase { display: block; white-space: nowrap; color: #d9d3e5; font-size: clamp(0.88rem, 3.8vw, 1.05rem); font-weight: 650; letter-spacing: -0.012em; }
.home-greeting-name { display: block; min-width: 0; overflow-wrap: normal; word-break: normal; color: #f7f3ff; font-size: clamp(1.5rem, 6.2vw, 2.15rem); font-weight: 760; letter-spacing: -0.04em; }
.home-hero .username { margin: 0.48rem 0 0; color: #c4bbd6; }
.home-emblem {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(246, 211, 126, 0.34);
  border-radius: 1.2rem;
  transform: rotate(7deg);
  background:
    radial-gradient(circle at 27% 18%, rgba(255, 245, 211, 0.19), transparent 25%),
    linear-gradient(145deg, rgba(246, 211, 126, 0.14), rgba(89, 65, 154, 0.24) 58%, rgba(21, 30, 58, 0.3));
  box-shadow:
    0 0 1.75rem rgba(135, 95, 255, 0.12),
    0 0 0.7rem rgba(246, 211, 126, 0.045),
    inset 0.08rem 0.1rem 0.3rem rgba(255, 248, 225, 0.11),
    inset -0.14rem -0.18rem 0.42rem rgba(3, 7, 19, 0.32);
  animation: astra-emblem-breathe 8.6s cubic-bezier(.45,0,.55,1) infinite;
}
.home-emblem::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0.38rem;
  border: 1px solid rgba(101, 199, 255, 0.17);
  border-radius: 0.95rem;
  background:
    linear-gradient(145deg, rgba(255,255,255,.055), transparent 38%),
    radial-gradient(circle at 65% 72%, rgba(135,95,255,.07), transparent 48%);
  box-shadow:
    inset 0 1px rgba(255,255,255,.055),
    0 0 0.72rem rgba(101,199,255,.035);
  animation: astra-emblem-frame-breathe 8.6s cubic-bezier(.45,0,.55,1) infinite;
}
.home-emblem::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0.48rem;
  left: 0.6rem;
  width: 2rem;
  height: 0.5rem;
  border-radius: 50%;
  background: linear-gradient(105deg, transparent, rgba(255,244,207,.13), transparent);
  transform: rotate(-28deg);
  filter: blur(0.5px);
  pointer-events: none;
}
.home-emblem-letter {
  position: relative;
  z-index: 4;
  transform: rotate(-7deg);
  color: #fff0bd;
  font-family: Georgia, serif;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1;
  text-shadow:
    0 1px 0 rgba(197, 153, 70, 0.9),
    0 2px 0 rgba(91, 63, 37, 0.42),
    -0.04rem -0.05rem 0.14rem rgba(255,255,255,.15),
    0 0 0.82rem rgba(246, 211, 126, 0.31),
    0 0 1.25rem rgba(116, 94, 207, 0.15);
  animation: astra-emblem-letter 8.6s cubic-bezier(.45,0,.55,1) infinite;
}
.home-emblem-orbit {
  position: absolute;
  z-index: 3;
  inset: 0.2rem;
  border-radius: 50%;
  pointer-events: none;
  animation: astra-emblem-orbit 13.8s linear infinite;
}
.home-emblem-orbit b {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 50%;
  transform: translateX(-50%);
  background: #ffe4a0;
  box-shadow: 0 0 0.24rem rgba(255, 218, 124, 0.72), 0 0 0.5rem rgba(255, 218, 124, 0.23);
  animation: astra-emblem-spark 5.4s ease-in-out infinite;
}
.home-emblem-orbit b::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 55%;
  width: 0.48rem;
  height: 1px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, transparent, rgba(255, 222, 139, 0.54));
}
.home-emblem-orbit-cyan {
  inset: 0.46rem;
  animation-duration: 17.6s;
  animation-direction: reverse;
  animation-delay: -5.8s;
}
.home-emblem-orbit-cyan b {
  width: 0.15rem;
  height: 0.15rem;
  background: #c8f5ff;
  box-shadow: 0 0 0.22rem rgba(160, 232, 255, 0.76), 0 0 0.46rem rgba(101, 199, 255, 0.24);
  animation-delay: -2.2s;
}
.home-emblem-orbit-cyan b::after {
  right: auto;
  left: 55%;
  width: 0.42rem;
  background: linear-gradient(90deg, rgba(187, 239, 255, 0.5), transparent);
}
.home-emblem-orbit-violet {
  inset: 0.73rem;
  animation-duration: 21.4s;
  animation-delay: -11.2s;
}
.home-emblem-orbit-violet b {
  width: 0.13rem;
  height: 0.13rem;
  background: #d9c9ff;
  box-shadow: 0 0 0.2rem rgba(198, 174, 255, 0.64), 0 0 0.4rem rgba(168, 129, 255, 0.2);
  animation-delay: -3.7s;
}
.home-emblem-orbit-violet b::after {
  width: 0.34rem;
  background: linear-gradient(90deg, transparent, rgba(210, 190, 255, 0.38));
}
@keyframes astra-emblem-breathe {
  0%,100% {
    box-shadow: 0 0 1.7rem rgba(135,95,255,.115), 0 0 .65rem rgba(246,211,126,.04), inset .08rem .1rem .3rem rgba(255,248,225,.1), inset -.14rem -.18rem .42rem rgba(3,7,19,.32);
  }
  50% {
    box-shadow: 0 0 1.86rem rgba(135,95,255,.135), 0 0 .82rem rgba(246,211,126,.065), inset .08rem .1rem .32rem rgba(255,248,225,.125), inset -.14rem -.18rem .42rem rgba(3,7,19,.29);
  }
}
@keyframes astra-emblem-frame-breathe {
  0%,100% { opacity: .79; filter: brightness(1); }
  50% { opacity: .86; filter: brightness(1.035); }
}
@keyframes astra-emblem-letter {
  0%,100% { filter: brightness(1); }
  50% { filter: brightness(1.035); }
}
@keyframes astra-emblem-orbit {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes astra-emblem-spark {
  0%,100% { opacity: .62; filter: brightness(.96); }
  50% { opacity: .9; filter: brightness(1.08); }
}
.home-status { min-height: 0; }
.home-status:empty { display: none; }
.home-cards { gap: 0.85rem; }
.home-card {
  position: relative;
  padding: 1rem;
  overflow: hidden;
  border: 1px solid var(--astra-border);
  border-radius: 1.15rem;
  background:
    linear-gradient(145deg, rgba(25, 31, 51, 0.88), rgba(12, 17, 31, 0.9));
  box-shadow: 0 0.9rem 2.4rem rgba(1, 4, 14, 0.2), inset 0 1px rgba(255, 255, 255, 0.025);
}
.home-card::after { content: ""; position: absolute; inset: 0 0 auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent); }
.home-card-featured { border-color: rgba(246, 211, 126, 0.22); background: radial-gradient(circle at 100% 0, rgba(246, 211, 126, 0.1), transparent 45%), linear-gradient(145deg, rgba(25, 31, 51, 0.9), rgba(12, 17, 31, 0.92)); }
.home-card header { display: grid; grid-template-columns: 2.7rem minmax(0, 1fr) auto; gap: 0.7rem; align-items: center; }
.home-card h2 { margin: 0.12rem 0 0; color: #f4f2fb; font-size: 1rem; }
.home-card-eyebrow { margin: 0; color: var(--astra-muted); font-size: 0.62rem; font-weight: 750; letter-spacing: 0.09em; text-transform: uppercase; }
.home-card-icon { display: grid; place-items: center; width: 2.7rem; height: 2.7rem; border: 1px solid rgba(246, 211, 126, 0.25); border-radius: 0.85rem; background: rgba(246, 211, 126, 0.1); color: var(--astra-gold); font-size: 1.15rem; box-shadow: inset 0 1px rgba(255,255,255,.05); }
.home-card-icon-violet { border-color: rgba(169, 140, 255, 0.28); background: rgba(135, 95, 255, 0.12); color: #cbbbff; }
.home-card-icon-blue { border-color: rgba(101, 199, 255, 0.26); background: rgba(101, 199, 255, 0.1); color: #a3dcff; }
.home-state-chip { align-self: center; max-width: 8.7rem; padding: 0.34rem 0.58rem; border: 1px solid rgba(246, 211, 126, 0.27); border-radius: 999px; background: rgba(246, 211, 126, 0.09); color: var(--astra-gold) !important; font-size: 0.68rem !important; line-height: 1.15; text-align: center; }
.home-state-chip-violet { border-color: rgba(169, 140, 255, 0.28); background: rgba(135, 95, 255, 0.1); color: #d6c8ff !important; }
.home-state-chip-blue { border-color: rgba(101, 199, 255, 0.25); background: rgba(101, 199, 255, 0.09); color: #b3e2ff !important; }
.home-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem; margin-top: 0.9rem; }
.home-card dl div { display: block; min-width: 0; padding: 0.72rem; border: 1px solid rgba(190, 178, 230, 0.09); border-radius: 0.85rem; background: rgba(5, 8, 18, 0.23); }
.home-card dl div[data-settings-field] { display: grid; grid-template-columns: 1.7rem minmax(0,1fr); column-gap: 0.48rem; align-items: center; }
.home-card dl div[data-settings-field] dt,.home-card dl div[data-settings-field] dd { grid-column: 2; }
#signal-settings-entry [data-settings-field="leverage_mode"] { grid-column: 1 / -1; grid-template-columns: 1.7rem minmax(0,1fr) 1.7rem; min-height: 4.25rem; column-gap: 0.48rem; row-gap: 0.18rem; }
#signal-settings-entry [data-settings-field="leverage_mode"]::after { content: ""; grid-column: 3; grid-row: 1 / span 2; width: 1.7rem; }
#signal-settings-entry [data-settings-field="leverage_mode"] > .home-settings-field-icon { grid-row: 1 / span 2; }
#signal-settings-entry [data-settings-field="leverage_mode"] dt { grid-column: 2; grid-row: 1; margin: 0; text-align: center; }
#signal-settings-entry [data-settings-field="leverage_mode"] dd { grid-column: 2; grid-row: 2; margin: 0; min-width: 0; max-width: 100%; overflow-wrap: normal; word-break: normal; text-align: center; }
#signal-settings-entry .actionable-card-hint { display: flex; justify-content: center; width: 100%; box-sizing: border-box; border-radius: 0.85rem; }
.home-settings-field-icon { grid-column: 1; grid-row: 1 / span 2; display: grid; place-items: center; width: 1.7rem; height: 1.7rem; border: 1px solid rgba(169,140,255,.16); border-radius: 0.55rem; background: rgba(104,74,175,.1); color: #ad9aff; }
.home-settings-field-icon svg { width: 1rem; height: 1rem; }
.home-card dt { margin-bottom: 0.3rem; color: var(--astra-muted); font-size: 0.69rem; }
.home-card dd { overflow-wrap: anywhere; color: #eeeaf6; font-size: 0.83rem; text-align: left; }
.home-card:not(.compact-card) dl div:nth-child(n+3) { min-height: 4.25rem; }
.home-trading-card .home-trading-exchange { grid-template-columns: minmax(0, 1fr); margin-top: 0.72rem; }
.home-trading-card .home-trading-exchange div { padding: 0.6rem 0.72rem; }
.home-trading-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; margin-top: 0.5rem; }
.home-trading-metrics[hidden],.home-trading-note[hidden] { display: none; }
.home-trading-metric { display: grid; min-width: 0; grid-template-columns: 1.75rem minmax(0, 1fr); gap: 0.45rem; align-items: center; padding: 0.62rem; border: 1px solid rgba(101,199,255,.11); border-radius: 0.82rem; background: rgba(5,8,18,.25); }
.home-trading-metric > span:last-child { min-width: 0; }
.home-trading-metric-icon { display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border: 1px solid rgba(101,199,255,.18); border-radius: 0.56rem; background: rgba(101,199,255,.08); color: #a3dcff; }
.home-trading-metric-icon svg { width: 1rem; height: 1rem; }
.home-trading-metric small { display: block; color: var(--astra-muted); font-size: 0.62rem; line-height: 1.2; overflow-wrap: anywhere; }
.home-trading-metric strong { display: block; margin-top: 0.16rem; color: #f1eef8; font-size: 0.82rem; line-height: 1.15; }
.home-trading-note { margin: 0.5rem 0 0; padding: 0.62rem 0.72rem; border: 1px solid rgba(101,199,255,.1); border-radius: 0.82rem; background: rgba(5,8,18,.22); color: var(--astra-muted); font-size: 0.76rem; }

/* The shared bottom bar remains mounted while screens change. */
.bottom-nav {
  position: fixed;
  right: max(0.5rem, env(safe-area-inset-right));
  bottom: max(0.42rem, env(safe-area-inset-bottom));
  left: max(0.5rem, env(safe-area-inset-left));
  z-index: 20;
  width: min(calc(100% - 1rem), 38rem);
  min-height: var(--astra-nav-height);
  margin: 0 auto;
  padding: 0.38rem;
  gap: 0.18rem;
  border: 1px solid rgba(204, 193, 236, 0.16);
  border-radius: 1.35rem;
  background: linear-gradient(145deg, rgba(21, 26, 44, 0.91), rgba(10, 14, 27, 0.94));
  box-shadow: 0 1rem 3.2rem rgba(0, 0, 0, 0.45), inset 0 1px rgba(255, 255, 255, 0.045);
}
.bottom-nav::before { content: ""; position: absolute; inset: 0.3rem; z-index: -1; border-radius: 1.05rem; background: linear-gradient(90deg, rgba(101,199,255,.025), rgba(169,140,255,.035), rgba(246,211,126,.025)); }
.bottom-nav button {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 3.82rem;
  flex-direction: column;
  gap: 0.22rem;
  align-items: center;
  justify-content: center;
  padding: 0.36rem 0.12rem;
  overflow: visible;
  border: 1px solid transparent;
  border-radius: 1rem;
  color: #7f899f;
  font-size: clamp(0.53rem, 2.2vw, 0.67rem);
  line-height: 1.05;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
  -webkit-tap-highlight-color: transparent;
}
.bottom-nav button:active { transform: scale(0.94); }
.bottom-nav-icon { display: grid; place-items: center; width: 1.72rem; height: 1.72rem; transition: transform 180ms ease, filter 180ms ease; }
.bottom-nav-icon svg { width: 1.42rem; height: 1.42rem; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.bottom-nav-label { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bottom-nav button[data-active="true"] {
  border-color: rgba(246, 211, 126, 0.2);
  background: linear-gradient(145deg, rgba(116, 82, 201, 0.22), rgba(246, 211, 126, 0.09));
  color: #fff2c7;
  box-shadow: 0 0.45rem 1.15rem rgba(62, 41, 112, 0.2), inset 0 1px rgba(255,255,255,.06);
  font-weight: 750;
}
.bottom-nav button[data-active="true"] .bottom-nav-icon { transform: translateY(-0.08rem) scale(1.08); filter: drop-shadow(0 0 0.55rem rgba(246, 211, 126, 0.35)); }
.bottom-nav button.is-unavailable { color: #626b7e; }
.bottom-nav button.is-unavailable::after { content: ""; position: absolute; top: 0.52rem; right: 26%; width: 0.28rem; height: 0.28rem; border-radius: 50%; background: #77699d; box-shadow: 0 0 0.4rem rgba(169,140,255,.35); }

@media (min-width: 42rem) {
  .home-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-card-featured { grid-column: 1 / -1; }
  .home-card:not(.compact-card) { grid-column: auto; }
  .home-card dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 22rem) {
  :root { --astra-nav-height: 4.35rem; }
  .app-shell { padding-inline: max(0.62rem, env(safe-area-inset-left)); }
  .home-hero { padding: 1rem; }
  .home-emblem { width: 3.55rem; height: 3.55rem; border-radius: 1.05rem; }
  .home-emblem-letter { font-size: 1.65rem; }
  .home-greeting-phrase { font-size: 0.86rem; }
  .home-greeting-name { font-size: clamp(1.35rem, 7vw, 1.55rem); }
  .home-card header { grid-template-columns: 2.45rem minmax(0, 1fr); }
  .home-card-icon { width: 2.45rem; height: 2.45rem; }
  .home-state-chip { grid-column: 1 / -1; justify-self: start; max-width: 100%; }
  .home-card dl { grid-template-columns: 1fr; }
  .bottom-nav { right: max(0.28rem, env(safe-area-inset-right)); left: max(0.28rem, env(safe-area-inset-left)); width: min(calc(100% - 0.56rem), 38rem); padding: 0.28rem; gap: 0.05rem; border-radius: 1.12rem; }
  .bottom-nav button { min-height: 3.7rem; padding-inline: 0.05rem; font-size: 0.5rem; }
  .bottom-nav-icon { width: 1.5rem; height: 1.5rem; }
  .bottom-nav-icon svg { width: 1.24rem; height: 1.24rem; }
}
@media (prefers-reduced-motion: reduce) {
  .astra-orb,
  .astra-light-sweep,
  .home-live-mark i,
  .home-emblem,
  .home-emblem::before,
  .home-emblem-letter,
  .home-emblem-orbit,
  .home-emblem-orbit b { animation: none !important; }
  .home-emblem-orbit-gold { transform: rotate(28deg); }
  .home-emblem-orbit-cyan { transform: rotate(154deg); }
  .home-emblem-orbit-violet { transform: rotate(266deg); }
  .home-emblem-orbit b { opacity: .58; filter: none; }
  .bottom-nav button,
  .bottom-nav-icon,
  .actionable-card,
  .action-card-button,
  .settings-option { transition: none; }
  .astra-orb,
  .astra-mesh-surface,
  .astra-light-sweep { will-change: auto; }
  .astra-wave-mesh { opacity: 0.48; transform: translate3d(0, 0, 0) scale(1.02); }
  .astra-mesh-surface { opacity: 0.62; }
  .astra-light-sweep { opacity: 0.12; transform: rotate(-8deg); }
}

/* Premium appearance picker uses static previews; the live engine remains global. */
.account-appearance-options { display: grid; gap: .72rem; }
.account-appearance-option {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 2rem;
  gap: .65rem;
  width: 100%;
  min-width: 0;
  padding: .72rem;
  overflow: hidden;
  border: 1px solid rgba(169, 140, 255, .16);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(24, 31, 51, .94), rgba(10, 16, 30, .93));
  color: #eef4fc;
  text-align: left;
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}
.account-appearance-option:focus-visible { outline: 2px solid rgba(101, 199, 255, .8); outline-offset: 2px; }
.account-appearance-option[data-selected="true"] { border-color: rgba(101, 199, 255, .58); background: linear-gradient(145deg, rgba(39, 48, 78, .96), rgba(14, 23, 42, .95)); }
.account-appearance-option:disabled { cursor: wait; opacity: .72; }
.appearance-preview { grid-column: 1 / -1; display: block; height: 4.5rem; overflow: hidden; border: 1px solid rgba(169, 140, 255, .14); border-radius: .72rem; background: radial-gradient(circle at 30% 20%, rgba(124, 91, 234, .22), transparent 45%), #080c17; }
.appearance-preview svg { display: block; width: 100%; height: 100%; }
.preview-candles { fill: currentColor; stroke: currentColor; stroke-width: 1; opacity: .66; }
.preview-candles-teal { color: #5fdebe; }
.preview-candles-coral { color: #ff6e7d; opacity: .56; }
.appearance-option-copy { min-width: 0; }
.appearance-option-copy strong, .appearance-option-copy small { display: block; overflow-wrap: anywhere; }
.appearance-option-copy small { margin-top: .22rem; color: #9da9bc; font-size: .7rem; line-height: 1.35; }
.account-appearance-check { display: grid; place-items: center; align-self: center; width: 1.7rem; height: 1.7rem; border: 1px solid rgba(148, 163, 184, .18); border-radius: 50%; color: transparent; }
.account-appearance-check svg { width: 1.05rem; height: 1.05rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.account-appearance-option[data-selected="true"] .account-appearance-check { border-color: rgba(95, 222, 190, .5); background: rgba(95, 222, 190, .12); color: #76e5c8; }
.account-settings-card-icon-appearance { color: #c2adff; }
.account-settings-card-icon-appearance svg { width: 1.28rem; height: 1.28rem; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 22rem) {
  .account-appearance-option { padding: .62rem; }
  .appearance-preview { height: 4rem; }
}
@media (prefers-reduced-motion: reduce) {
  .account-appearance-option { transition: none; }
}

/* Stage 8.7 — one local muted video startup overlay. */
html[data-intro-pending="true"],
html[data-intro-pending="true"] body { min-height: 100%; overflow: hidden; }
.startup-intro { position: fixed; inset: 0; z-index: 1000; width: 100%; height: 100vh; height: 100dvh; min-width: 0; overflow: hidden; isolation: isolate; background: #02040a; opacity: 1; transition: opacity 620ms cubic-bezier(.22,.75,.2,1); }
.startup-video,
.startup-video-poster { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%; border: 0; background: #02040a; pointer-events: none; user-select: none; }
.startup-video-poster { z-index: 1; opacity: 1; transition: opacity 180ms ease; }
.startup-video { z-index: 2; opacity: 0; transition: opacity 180ms ease; }
.startup-intro.is-video-playing .startup-video { opacity: 1; }
.startup-intro.is-video-playing .startup-video-poster { opacity: 0; }
.startup-video-shade { position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(180deg,rgba(1,3,9,.08),transparent 22%,transparent 76%,rgba(1,3,9,.12)); }
.startup-wait { position: absolute; z-index: 4; right: 0; bottom: calc(1rem + env(safe-area-inset-bottom)); left: 0; margin: 0; color: rgba(172,166,194,.72); font-size: .72rem; letter-spacing: .04em; text-align: center; }
.startup-screen-reader-status { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
.app-shell.is-video-handoff { opacity: 0; filter: blur(2px); transform: translate3d(0,10px,0) scale(.995); pointer-events: none; transition: opacity 620ms cubic-bezier(.22,.75,.2,1),transform 620ms cubic-bezier(.22,.75,.2,1),filter 620ms ease; }
.app-shell.is-video-handoff.is-video-revealing { opacity: 1; filter: blur(0); transform: translate3d(0,0,0) scale(1); }
.bottom-nav.is-video-handoff-nav { opacity: 0; transform: translate3d(0,12px,0); transition: opacity 430ms ease 170ms,transform 430ms cubic-bezier(.22,.75,.2,1) 170ms; }
.bottom-nav.is-video-handoff-nav.is-video-revealing-nav { opacity: 1; transform: translate3d(0,0,0); }
.startup-intro.is-video-handoff { opacity: 0; pointer-events: none; }
.startup-intro.is-reduced-motion { transition-duration: 520ms; }
.startup-intro.is-reduced-motion .startup-video { display: none; }
.startup-intro.is-reduced-motion .startup-video-poster { opacity: 1; transition: none; }
 (prefers-reduced-motion: reduce) {
  .app-shell.is-video-handoff { transition-duration: 520ms; transform: none; filter: none; }
  .bottom-nav.is-video-handoff-nav { transition-duration: 360ms; transform: none; }
}

/* Stage 8.6: guided Auto-Trading setup wizard. */
.trading-wizard{display:grid;gap:.72rem;min-width:0;padding:.86rem;border:1px solid rgba(169,140,255,.18);border-radius:1.08rem;background:radial-gradient(circle at 82% 0,rgba(101,199,255,.08),transparent 38%),linear-gradient(155deg,rgba(22,29,49,.97),rgba(8,13,26,.96));box-shadow:inset 0 1px rgba(255,255,255,.04),0 1rem 2.5rem rgba(0,0,0,.17)}
.trading-wizard-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:start}.trading-wizard-header h2{margin:.18rem 0 0;color:#edf3fc;font-size:clamp(1.08rem,5.4vw,1.35rem);line-height:1.2}.trading-wizard-header .brand-mark{margin:0}.trading-wizard-header>.trading-button{min-height:36px;padding:.4rem .5rem;color:#91a0b7;font-size:.65rem}.trading-wizard-step{margin:.28rem 0 0;color:#8ecff1;font-size:.68rem;font-weight:780;letter-spacing:.025em}.astra-wizard-progress{width:100%;height:.42rem;border:0;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.11)}.astra-wizard-progress::-webkit-progress-bar{background:rgba(148,163,184,.11)}.astra-wizard-progress::-webkit-progress-value{border-radius:999px;background-image:linear-gradient(90deg,transparent 0%,rgba(151,220,255,.04) 28%,rgba(238,246,255,.22) 47%,rgba(246,211,126,.12) 54%,rgba(151,220,255,.035) 72%,transparent 100%),linear-gradient(90deg,#725ee8,#4fb8dd,#dfc77e);background-repeat:no-repeat;background-size:34% 100%,100% 100%;background-position:-55% 0,0 0;animation:astra-progress-light-sweep 2.8s cubic-bezier(.4,0,.2,1) infinite;transition:width 320ms cubic-bezier(.2,.8,.2,1)}.astra-wizard-progress::-moz-progress-bar{border-radius:999px;background-image:linear-gradient(90deg,transparent 0%,rgba(151,220,255,.04) 28%,rgba(238,246,255,.22) 47%,rgba(246,211,126,.12) 54%,rgba(151,220,255,.035) 72%,transparent 100%),linear-gradient(90deg,#725ee8,#4fb8dd,#dfc77e);background-repeat:no-repeat;background-size:34% 100%,100% 100%;background-position:-55% 0,0 0;animation:astra-progress-light-sweep 2.8s cubic-bezier(.4,0,.2,1) infinite;transition:width 320ms cubic-bezier(.2,.8,.2,1)}
@keyframes astra-progress-light-sweep{0%{background-position:-55% 0,0 0}72%,100%{background-position:155% 0,0 0}}
.trading-wizard-body,.trading-wizard-step-content{display:grid;gap:.7rem;min-width:0}.trading-wizard-intro{margin:0;padding:.7rem .76rem;border-left:2px solid rgba(101,199,255,.48);border-radius:0 .72rem .72rem 0;background:rgba(56,189,248,.045);color:#aeb9ca;font-size:.74rem;line-height:1.52}.trading-wizard-important{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.42rem;margin:0;padding:.62rem .7rem;border:1px solid rgba(246,211,126,.16);border-radius:.72rem;background:rgba(246,211,126,.045);color:#b9b4a2;font-size:.68rem;line-height:1.46}.trading-wizard-important strong{color:#e3cc84;font-size:.66rem}.trading-wizard-important span{min-width:0;overflow-wrap:anywhere}.trading-wizard-explanation{padding:.78rem}.trading-wizard-explanation .trading-card-heading{margin-bottom:.58rem}.trading-wizard-status{margin:0}.trading-wizard-navigation{position:relative;display:grid;grid-template-columns:minmax(6.8rem,.7fr) minmax(9rem,1.3fr);gap:.55rem;margin:.1rem 0 0;padding:.56rem 0 0}.trading-wizard-navigation .trading-button{width:100%;min-width:0}
.trading-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.56rem}.trading-choice-card{display:grid;grid-template-columns:2.25rem minmax(0,1fr) 1.25rem;gap:.55rem;align-items:center;width:100%;min-width:0;min-height:4.1rem;padding:.62rem;border:1px solid rgba(148,163,184,.13);border-radius:.84rem;background:linear-gradient(145deg,rgba(20,28,46,.88),rgba(6,11,22,.83));color:#e8eef8;text-align:left;transition:transform 150ms ease,border-color 180ms ease,background 180ms ease}.trading-choice-card:active{transform:scale(.985)}.trading-choice-card[data-selected="true"]{border-color:rgba(101,199,255,.44);background:radial-gradient(circle at 0 0,rgba(101,199,255,.11),transparent 52%),linear-gradient(145deg,rgba(35,38,73,.94),rgba(11,20,36,.9));box-shadow:inset 0 0 0 1px rgba(169,140,255,.09)}.trading-choice-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid rgba(169,140,255,.18);border-radius:.68rem;background:rgba(124,58,237,.09);color:#bdaaff}.trading-choice-icon svg{width:1.2rem;height:1.2rem}.trading-choice-copy{display:block;min-width:0}.trading-choice-copy strong,.trading-choice-copy small{display:block;overflow-wrap:anywhere}.trading-choice-copy strong{font-size:.76rem;line-height:1.3}.trading-choice-copy small{margin-top:.2rem;color:#91a0b5;font-size:.64rem;line-height:1.38}.trading-choice-mark{display:grid;place-items:center;width:1.2rem;height:1.2rem;border:1px solid rgba(101,199,255,.2);border-radius:50%;color:#8bd5ef;font-size:.68rem}.trading-choice-card[data-selected="false"] .trading-choice-mark{color:transparent}.trading-exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.trading-video-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.7rem}.trading-video-cards .trading-button{display:grid;grid-template-columns:1.65rem minmax(0,1fr);gap:.45rem;align-items:center;min-height:3.3rem;padding:.5rem;text-align:left;font-size:.66rem;line-height:1.3}.trading-video-card-icon{display:grid;place-items:center;width:1.65rem;height:1.65rem}.trading-video-card-icon svg{width:1.1rem;height:1.1rem}.trading-modal-layer{position:fixed;inset:0;z-index:120;display:grid;align-items:end;padding:1rem max(1rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:rgba(2,5,13,.76)}.trading-modal{width:min(100%,30rem);max-height:min(82vh,44rem);margin:0 auto;padding:.9rem;border:1px solid rgba(169,140,255,.22);border-radius:1rem;background:linear-gradient(155deg,#151d31,#070c19);box-shadow:0 1.4rem 4rem rgba(0,0,0,.45);overflow:auto}.trading-modal h2{margin:0 0 .6rem;font-size:1rem}.trading-video-modal video{display:block;width:100%;max-height:62vh;margin:.7rem 0;border-radius:.72rem;background:#030711}.trading-instructions-modal>.trading-button{width:100%;margin-top:.7rem}
.trading-credentials-form{display:grid;gap:.62rem}.trading-secret-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.42rem}.trading-secret-control .trading-button{min-height:44px;padding:.58rem}.trading-input-with-suffix{position:relative}.trading-input-with-suffix .trading-input{padding-right:3.4rem}.trading-input-suffix{position:absolute;right:.72rem;top:50%;transform:translateY(-50%);color:#8fa0b8;font-size:.66rem;font-weight:750}.trading-budget-input{font-size:1rem;font-weight:760}.trading-warning{margin:.1rem 0 .65rem;padding:.68rem;border:1px solid rgba(246,211,126,.18);border-radius:.72rem;background:rgba(246,211,126,.05);color:#d9c98f;font-size:.7rem;line-height:1.45}
.trading-review-list{display:grid;gap:.42rem}.trading-review-row{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:.52rem;align-items:center;min-width:0;padding:.5rem;border:1px solid rgba(148,163,184,.1);border-radius:.72rem;background:rgba(4,8,18,.25)}.trading-review-icon{display:grid;place-items:center;width:2rem;height:2rem;color:#a99af1}.trading-review-icon svg{width:1.15rem;height:1.15rem}.trading-review-row>span{min-width:0}.trading-review-row small,.trading-review-row strong{display:block;overflow-wrap:anywhere}.trading-review-row small{color:#8f9db1;font-size:.61rem}.trading-review-row strong{margin-top:.13rem;color:#e8eef8;font-size:.72rem}.trading-review-row .trading-button{min-height:34px;padding:.35rem .45rem;color:#8ed8f5;font-size:.62rem}
.trading-final-dashboard{display:grid;gap:.72rem}.trading-dashboard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.trading-parameter-section>h3{margin:0 0 .5rem;color:#dce5f1;font-size:.78rem}.trading-parameter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.trading-parameter-item{display:grid;grid-template-columns:2rem minmax(0,1fr) .8rem;gap:.42rem;align-items:center;width:100%;min-width:0;min-height:3.5rem;padding:.52rem;border:1px solid rgba(148,163,184,.1);border-radius:.72rem;background:rgba(4,8,18,.24);color:inherit;text-align:left;cursor:pointer;transition:transform 150ms ease,border-color 180ms ease,background 180ms ease}.trading-parameter-item:hover,.trading-parameter-item:focus-visible{border-color:rgba(101,199,255,.3);background:rgba(31,51,78,.3)}.trading-parameter-item:active{transform:scale(.985)}.trading-parameter-icon{display:grid;place-items:center;width:2rem;height:2rem;color:#a99af1}.trading-parameter-icon svg{width:1.12rem;height:1.12rem}.trading-parameter-item>span:not(.trading-parameter-chevron){min-width:0}.trading-parameter-item small,.trading-parameter-item strong{display:block;overflow-wrap:anywhere}.trading-parameter-item small{color:#8e9bae;font-size:.6rem;line-height:1.25}.trading-parameter-item strong{margin-top:.16rem;color:#e6edf8;font-size:.7rem;line-height:1.3}.trading-parameter-chevron{color:#75849b;font-size:1rem;line-height:1}.trading-quick-editor{display:grid;gap:.72rem;padding:.9rem;border:1px solid rgba(169,140,255,.2);border-radius:1rem;background:linear-gradient(155deg,rgba(16,23,40,.96),rgba(5,10,21,.94));box-shadow:0 1rem 3rem rgba(0,0,0,.2)}.trading-quick-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.trading-quick-editor-header h2{margin:.2rem 0 0;font-size:clamp(1.08rem,5.4vw,1.35rem);line-height:1.2}.trading-quick-edit-actions{position:relative;display:grid;grid-template-columns:minmax(6.8rem,.7fr) minmax(9rem,1.3fr);gap:.55rem;padding-top:.1rem}.trading-quick-edit-actions .trading-button{width:100%;min-width:0}.trading-destructive-link{justify-self:start;min-height:36px;padding:.35rem .15rem;color:#cb8794;font-size:.65rem}.trading-positions-card{margin-top:.02rem}

@media(max-width:22rem){.trading-wizard,.trading-quick-editor{padding:.72rem}.trading-wizard-header{grid-template-columns:1fr}.trading-wizard-header>.trading-button{justify-self:start}.trading-choice-grid,.trading-video-cards,.trading-dashboard-actions{grid-template-columns:1fr}.trading-parameter-item{grid-template-columns:1.7rem minmax(0,1fr) .7rem;gap:.3rem;padding:.46rem}.trading-parameter-icon{width:1.7rem;height:1.7rem}.trading-wizard-navigation,.trading-quick-edit-actions{grid-template-columns:minmax(5.7rem,.62fr) minmax(8.2rem,1.38fr)}.trading-review-row{grid-template-columns:1.8rem minmax(0,1fr)}.trading-review-row>.trading-button{grid-column:2;justify-self:start}.trading-modal-layer{padding:.65rem .55rem calc(.65rem + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.trading-choice-card,.trading-parameter-item,.astra-wizard-progress::-webkit-progress-value,.astra-wizard-progress::-moz-progress-bar{transition:none}.astra-wizard-progress::-webkit-progress-value,.astra-wizard-progress::-moz-progress-bar{animation:none;background-image:linear-gradient(90deg,#725ee8,#4fb8dd,#dfc77e);background-size:100% 100%;background-position:0 0}.trading-choice-card:active,.trading-parameter-item:active{transform:none}.trading-wizard-navigation{scroll-behavior:auto}}

/* Stage 8.6.1 — prevent iOS focus auto-zoom without disabling user zoom. */
@media (max-width: 48rem), (pointer: coarse) {
  input:not([type]),
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="number"],
  input[type="search"],
  input[type="url"],
  input[type="tel"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  textarea,
  select {
    font-size: 16px;
    line-height: 1.25;
  }
}

/* Stage 8.9: native subscription purchase wizard, deliberately without a progress bar. */
#subscription-purchase-start{width:100%;margin-top:.8rem}#subscription-purchase-root{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}.subscription-wizard-header{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:1rem}.subscription-wizard-header>div{min-width:0}.subscription-wizard-header h2{margin:.15rem 0 .35rem}.subscription-wizard-header p{margin:0;color:var(--tg-theme-hint-color,#9aa6bb);line-height:1.45}.subscription-step-label{color:#b9a4ff!important;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.subscription-wizard-card{padding:1rem;border:1px solid rgba(159,132,246,.22);border-radius:1rem;background:linear-gradient(150deg,rgba(18,27,49,.96),rgba(15,21,38,.96));box-shadow:0 14px 38px rgba(4,7,18,.22)}.subscription-document-button{display:flex;align-items:center;gap:.65rem;width:100%;padding:.85rem;border:1px solid rgba(108,190,255,.24);border-radius:.85rem;background:rgba(71,122,214,.09);color:#dceaff;text-align:left}.subscription-inline-icon,.subscription-option-icon{display:grid;place-items:center;flex:0 0 auto;color:#bca9ff}.subscription-inline-icon svg{width:1.35rem;height:1.35rem}.subscription-consent{display:flex;align-items:flex-start;gap:.7rem;margin:1rem 0;padding:.85rem;border-radius:.8rem;background:rgba(255,255,255,.035);line-height:1.4}.subscription-consent input{width:1.15rem;height:1.15rem;margin:.1rem 0 0;accent-color:#8567ec}.subscription-option-list{display:grid;gap:.7rem}.subscription-option{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.9rem;border:1px solid rgba(145,157,190,.16);border-radius:.9rem;background:rgba(255,255,255,.025);color:inherit;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease}.subscription-option:active{transform:scale(.99)}.subscription-option[data-selected="true"]{border-color:rgba(152,122,255,.68);background:linear-gradient(145deg,rgba(118,77,222,.19),rgba(65,122,215,.1));box-shadow:0 0 22px rgba(119,77,224,.1)}.subscription-option-icon{width:2.35rem;height:2.35rem;border-radius:.72rem;background:rgba(129,94,228,.12)}.subscription-option-icon svg{width:1.35rem;height:1.35rem}.subscription-option>span:nth-child(2){min-width:0;display:grid;gap:.28rem}.subscription-option strong{font-size:.98rem}.subscription-option small{display:block;color:#aeb8ca;line-height:1.38;overflow-wrap:anywhere}.subscription-duration-list{grid-template-columns:repeat(3,minmax(0,1fr))}.subscription-duration-list .subscription-option{display:grid;justify-items:start;padding:.75rem}.subscription-duration-list .subscription-option-icon{width:2rem;height:2rem}.subscription-actions{display:flex;gap:.7rem;margin-top:1rem}.subscription-actions>*{flex:1;min-width:0}.subscription-actions:empty{display:none}.subscription-error,.subscription-state{margin:.8rem 0 0;padding:.75rem;border-radius:.75rem;background:rgba(222,88,113,.1);color:#ffc2ce}.subscription-review-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.72rem 0;border-bottom:1px solid rgba(151,162,190,.12)}.subscription-review-row>span{min-width:0}.subscription-review-row small,.subscription-review-row strong{display:block}.subscription-review-row small{color:#94a3b8;margin-bottom:.2rem}.subscription-edit-link{border:0;background:transparent;color:#bca9ff;padding:.45rem}.subscription-wizard-card>h3{margin:.1rem 0 .6rem;font-size:1.22rem}.subscription-wizard-card>h3[data-status="paid"]{color:#75ddb5}.subscription-wizard-card>h3[data-status="failed"],.subscription-wizard-card>h3[data-status="canceled"]{color:#ff9caf}.subscription-policy-reader{padding:.8rem;background:transparent;border:0;box-shadow:none}.subscription-policy-meta{position:sticky;top:.25rem;z-index:1;margin:0 0 .8rem;padding:.65rem .75rem;border:1px solid rgba(142,113,231,.26);border-radius:.7rem;background:rgba(16,23,42,.96);color:#bdc5d7;font-size:.8rem}.subscription-policy-page{margin:0 0 .8rem;padding:1rem;border:1px solid rgba(142,154,187,.14);border-radius:.9rem;background:rgba(14,21,39,.94);overflow-wrap:anywhere}.subscription-policy-page p{margin:.28rem 0;color:#d8deea;font-size:.88rem;line-height:1.5}.subscription-policy-page h3{margin:1rem 0 .45rem;color:#f1d889;font-size:.98rem;line-height:1.4}.subscription-policy-brand{color:#929fb4!important;font-size:.72rem!important;text-transform:uppercase;letter-spacing:.08em}.subscription-policy-item{padding-left:.3rem}.subscription-policy-return{width:100%;margin-top:.5rem}
@media(max-width:340px){.subscription-duration-list{grid-template-columns:1fr}.subscription-actions{gap:.5rem}.subscription-actions>*{padding-inline:.55rem}.subscription-wizard-card{padding:.8rem}.subscription-option{padding:.75rem}.subscription-policy-page{padding:.78rem}}

/* Stage 8.9.1: compact Account subscription summary and one-header wizard. */
.subscription-overview-card{position:relative;overflow:hidden;padding:.82rem;border:1px solid rgba(169,140,255,.2);border-radius:1rem;background:radial-gradient(circle at 0 0,rgba(101,199,255,.08),transparent 42%),linear-gradient(145deg,rgba(24,31,51,.96),rgba(10,16,30,.95));box-shadow:inset 0 1px rgba(255,255,255,.035),0 .8rem 2rem rgba(0,0,0,.13)}
.subscription-overview-primary{display:grid;grid-template-columns:2.55rem minmax(0,1fr) auto;gap:.68rem;align-items:center;padding-bottom:.68rem}.subscription-overview-primary>div{min-width:0}.subscription-overview-primary small{display:block;color:#9ca9bd;font-size:.64rem}.subscription-overview-primary strong{display:block;margin-top:.16rem;color:#f2f6ff;font-size:1.02rem;overflow-wrap:anywhere}
.subscription-overview-icon{display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid rgba(101,199,255,.17);border-radius:.68rem;background:rgba(56,189,248,.065);color:#99dfff}.subscription-overview-icon-plan{width:2.55rem;height:2.55rem;border-color:rgba(246,211,126,.22);background:linear-gradient(145deg,rgba(246,211,126,.1),rgba(124,58,237,.08));color:#efd487}.subscription-overview-icon-visual svg{width:1.18rem;height:1.18rem}.subscription-overview-icon-plan .subscription-overview-icon-visual svg{width:1.4rem;height:1.4rem}
.subscription-overview-status{display:inline-flex;align-items:center;justify-content:center;max-width:8.5rem;min-height:1.7rem;padding:.28rem .52rem;border:1px solid rgba(246,211,126,.28);border-radius:999px;background:rgba(246,211,126,.09);color:#f2d483;font-size:.67rem;font-weight:760;text-align:center}.subscription-overview-status[data-tone="muted"]{border-color:rgba(148,163,184,.14);background:rgba(148,163,184,.06);color:#98a5b8}.subscription-overview-status[data-tone="neutral"]{border-color:rgba(169,140,255,.18);background:rgba(124,58,237,.08);color:#c4b5fd}
.subscription-overview-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.46rem;margin:0}.subscription-overview-details>div{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;justify-items:center;align-content:start;gap:.28rem;min-width:0;padding:.52rem .42rem;border:1px solid rgba(148,163,184,.1);border-radius:.76rem;background:rgba(5,10,21,.28);text-align:center}.subscription-overview-details .subscription-overview-icon{width:1.9rem;height:1.9rem}.subscription-overview-details dt,.subscription-overview-details dd{min-width:0;max-width:100%;margin:0;word-break:normal;overflow-wrap:normal}.subscription-overview-details dt{color:#94a3b8;font-size:.56rem;line-height:1.2}.subscription-overview-details dd{color:#e2e9f4;font-size:.65rem;font-weight:700;line-height:1.25}
#subscription-current-summary{display:grid;gap:.8rem}#subscription-purchase-start{margin-top:0}.subscription-wizard-header{display:block}.subscription-consent{display:grid;grid-template-columns:1.25rem minmax(0,1fr);align-items:start;border:1px solid transparent;cursor:pointer}.subscription-consent:focus-within{border-color:rgba(101,199,255,.38);box-shadow:0 0 0 3px rgba(101,199,255,.08)}.subscription-consent input{width:1.18rem;height:1.18rem;margin:.08rem 0 0;accent-color:#7667ef;cursor:pointer}.subscription-consent input:checked+span{color:#e7e2ff}
.home-subscription-action{width:100%;margin-top:.85rem}

/* Referral Center — Telegram ledger, native Astra presentation. */
.referral-center{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}.referral-load-status{margin:.7rem 0;color:#9aa8bd;font-size:.78rem}.referral-center #referral-content{display:grid;gap:.8rem}.referral-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.referral-stats-grid article{min-width:0;min-height:6.25rem;padding:.72rem;border:1px solid rgba(150,168,205,.14);border-radius:.9rem;background:linear-gradient(145deg,rgba(21,30,49,.92),rgba(7,12,25,.94));box-shadow:0 .7rem 1.7rem rgba(0,0,0,.2);display:grid;grid-template-columns:2rem minmax(0,1fr);grid-template-rows:auto 1fr;gap:.18rem .5rem;align-items:center}.referral-stats-grid small{color:#91a0b7;font-size:.67rem;line-height:1.25}.referral-stats-grid strong{grid-column:2;color:#f0f5fc;font-size:1.28rem;line-height:1}.referral-metric-icon,.referral-sprint-icon,.referral-info-icon,.referral-info-block-icon{display:grid;place-items:center;color:#8fdcf4}.referral-metric-icon{grid-row:1/3;width:2rem;height:2rem;border:1px solid rgba(94,198,232,.2);border-radius:.65rem;background:rgba(76,169,218,.08)}.referral-metric-icon svg,.referral-info-block-icon svg{width:1.12rem;height:1.12rem;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.referral-link-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.78rem;border:1px solid rgba(179,151,255,.18);border-radius:.95rem;background:linear-gradient(145deg,rgba(25,29,52,.92),rgba(8,13,27,.96))}.referral-link-card div{min-width:0}.referral-link-card small{display:block;margin-bottom:.28rem;color:#9daac0;font-size:.68rem}.referral-link-card strong{display:block;overflow:hidden;color:#dfe9f8;font-size:.72rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.referral-link-card .secondary-button{min-height:2.45rem;padding:.55rem .7rem}.referral-sprint-card,.referral-information{padding:.85rem;border:1px solid rgba(166,128,255,.2);border-radius:1rem;background:radial-gradient(circle at 90% 0,rgba(60,201,184,.09),transparent 38%),linear-gradient(150deg,rgba(22,26,48,.96),rgba(7,12,25,.98));box-shadow:0 .9rem 2rem rgba(0,0,0,.25);transition:box-shadow 420ms ease,border-color 420ms ease}.referral-sprint-card>header,.referral-information>header{display:flex;gap:.62rem;align-items:center}.referral-sprint-card h3,.referral-information h3{margin:0;color:#f0f4fb;font-size:1rem}.referral-sprint-card header p{margin:.15rem 0 0;color:#82c9d7;font-size:.68rem}.referral-sprint-icon,.referral-info-icon{width:2.2rem;height:2.2rem;flex:0 0 auto;border-radius:.72rem;background:linear-gradient(145deg,rgba(102,84,226,.22),rgba(49,196,182,.12))}.referral-sprint-icon svg,.referral-info-icon svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.referral-sprint-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.72rem}.referral-sprint-summary div{min-width:0;padding:.55rem;border:1px solid rgba(151,164,196,.11);border-radius:.68rem;background:rgba(7,12,25,.42)}.referral-sprint-summary small{display:block;color:#8f9eb4;font-size:.62rem;line-height:1.25}.referral-sprint-summary strong{display:block;margin-top:.2rem;color:#edf5fc;font-size:.78rem;overflow-wrap:normal;word-break:normal}.referral-progress-track{position:relative;height:.42rem;margin-top:.78rem;overflow:hidden;border-radius:999px;background:rgba(148,163,184,.11)}.referral-progress-track>span{display:block;height:100%;max-width:100%;overflow:hidden;border-radius:inherit;background-image:linear-gradient(90deg,transparent 0%,rgba(178,255,243,.04) 28%,rgba(231,255,250,.23) 47%,rgba(188,151,255,.14) 54%,rgba(109,231,211,.04) 72%,transparent 100%),linear-gradient(90deg,#6e5fe6,#36baa8,#89e2ce);background-repeat:no-repeat;background-size:34% 100%,100% 100%;background-position:-55% 0,0 0;animation:astra-progress-light-sweep 2.8s cubic-bezier(.4,0,.2,1) infinite;transition:width 320ms cubic-bezier(.2,.8,.2,1)}.referral-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;margin-top:.48rem}.referral-levels span{padding:.32rem .2rem;border-radius:.45rem;color:#738198;background:rgba(112,127,158,.07);font-size:.56rem;text-align:center;white-space:nowrap}.referral-levels span.is-reached{color:#9cede2;background:rgba(48,188,166,.12)}.referral-sprint-card.is-level-up{border-color:rgba(129,232,214,.55);box-shadow:0 0 0 .08rem rgba(121,101,234,.2),0 0 2.4rem rgba(73,209,188,.25),0 .9rem 2rem rgba(0,0,0,.25);animation:referral-level-glow 1.7s ease-out both}@keyframes referral-level-glow{0%,100%{filter:none}35%{filter:brightness(1.08)}}.referral-payout-button{width:100%}.referral-information>header{margin-bottom:.7rem}.referral-information-blocks{display:grid;gap:.5rem}.referral-information-blocks article{display:grid;grid-template-columns:1.8rem minmax(0,1fr);gap:.52rem;align-items:start;padding:.58rem;border-radius:.7rem;background:rgba(7,12,25,.38)}.referral-info-block-icon{width:1.8rem;height:1.8rem;border-radius:.58rem;background:rgba(114,93,232,.1);color:#a99ef4}.referral-information-blocks p{margin:0;color:#b7c2d3;font-size:.7rem;line-height:1.55;white-space:pre-line}.referral-information .secondary-button{width:100%;margin-top:.7rem}.astra-toast{position:fixed;z-index:160;left:50%;bottom:calc(5.8rem + env(safe-area-inset-bottom));max-width:calc(100vw - 2rem);padding:.62rem .86rem;border:1px solid rgba(135,219,210,.25);border-radius:.72rem;background:rgba(11,19,34,.96);box-shadow:0 .8rem 2rem rgba(0,0,0,.4);color:#e9f8f6;font-size:.72rem;opacity:0;transform:translate(-50%,.5rem);transition:opacity 220ms ease,transform 220ms ease}.astra-toast.is-visible{opacity:1;transform:translate(-50%,0)}.referral-modal-layer{position:fixed;inset:0;z-index:170;display:grid;align-items:end;padding:1rem max(1rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:rgba(2,5,13,.76)}.referral-modal{width:min(100%,28rem);margin:0 auto;padding:.95rem;border:1px solid rgba(169,140,255,.22);border-radius:1rem;background:linear-gradient(155deg,#151d31,#070c19);box-shadow:0 1.4rem 4rem rgba(0,0,0,.45)}.referral-modal h3{margin:0;color:#f1f5fc;font-size:1rem}.referral-modal p{margin:.55rem 0 .8rem;color:#aebbd0;font-size:.76rem;line-height:1.5}.referral-modal .primary-button{width:100%}@media(max-width:22rem){.referral-stats-grid{gap:.4rem}.referral-stats-grid article{padding:.55rem;grid-template-columns:1.75rem minmax(0,1fr)}.referral-metric-icon{width:1.75rem;height:1.75rem}.referral-link-card{grid-template-columns:1fr}.referral-link-card .secondary-button{width:100%}.referral-sprint-summary{gap:.35rem}.referral-levels{gap:.18rem}.referral-levels span{font-size:.5rem;padding:.3rem .08rem}}@media(prefers-reduced-motion:reduce){.referral-progress-track>span{animation:none;background-image:linear-gradient(90deg,#6e5fe6,#36baa8,#89e2ce);background-size:100% 100%;background-position:0 0;transition:none}.referral-sprint-card.is-level-up{animation:none;filter:none}.astra-toast{transition:none}}
.subscription-renewal-notice{margin:0;padding:.72rem .8rem;border:1px solid rgba(246,211,126,.23);border-radius:.8rem;background:rgba(246,211,126,.07);color:#e8d49a;font-size:.72rem;line-height:1.45}
@media(max-width:340px){.subscription-overview-primary{grid-template-columns:2.35rem minmax(0,1fr)}.subscription-overview-icon-plan{width:2.35rem;height:2.35rem}.subscription-overview-status{grid-column:2;justify-self:start}.subscription-overview-details{gap:.3rem}.subscription-overview-details>div{padding:.45rem .25rem}.subscription-overview-details .subscription-overview-icon{width:1.7rem;height:1.7rem}.subscription-overview-details dt{font-size:.5rem}.subscription-overview-details dd{font-size:.59rem}}
.subscription-locked-screen{min-height:calc(100dvh - 7rem);padding:1rem;place-items:center}.subscription-locked-screen:not([hidden]){display:grid}.subscription-locked-screen article{width:min(100%,28rem);padding:1.35rem;border:1px solid rgba(169,140,255,.24);border-radius:1.2rem;background:linear-gradient(145deg,rgba(25,33,54,.96),rgba(10,16,30,.96));text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 44px rgba(0,0,0,.25)}.subscription-locked-icon{display:grid;width:3rem;height:3rem;margin:0 auto .8rem;place-items:center;border-radius:.9rem;background:linear-gradient(145deg,rgba(101,199,255,.16),rgba(124,58,237,.18));color:#b8e6ff;font-size:1.4rem}.subscription-locked-screen h1{margin:0;color:#f3f6ff;font-size:1.15rem}.subscription-locked-screen p{margin:.55rem 0 1rem;color:#aeb9cc;font-size:.86rem;line-height:1.5}.account-settings-subscription{display:grid;width:100%;grid-template-columns:2.8rem minmax(0,1fr) auto;gap:.72rem;align-items:center;padding:.85rem;border:1px solid rgba(169,140,255,.17);border-radius:1rem;background:linear-gradient(145deg,rgba(24,31,51,.92),rgba(10,16,30,.92));color:inherit;text-align:left}.account-settings-subscription span:nth-child(2){display:grid;gap:.18rem}.account-settings-subscription strong{color:#eef3ff}.account-settings-subscription small{color:#98a6ba}

/* Interactive Demo Stage 2 — one prepared BTC vertical slice. */
.demo-entry-card{position:relative;display:grid;grid-template-columns:3.1rem minmax(0,1fr);gap:.75rem;overflow:hidden;border-color:rgba(103,207,239,.25);background:radial-gradient(circle at 100% 0,rgba(112,92,238,.18),transparent 44%),linear-gradient(145deg,rgba(20,31,53,.97),rgba(8,15,29,.97));box-shadow:inset 0 1px rgba(255,255,255,.045),0 1rem 2.5rem rgba(0,0,0,.22)}
.demo-entry-card::after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(105deg,transparent 25%,rgba(197,239,255,.08) 47%,transparent 67%);transform:translateX(-125%);animation:demo-entry-sweep 5.4s cubic-bezier(.4,0,.2,1) infinite}
.demo-entry-orbit{display:grid;width:3.1rem;height:3.1rem;place-items:center;border:1px solid rgba(246,211,126,.24);border-radius:1rem;background:radial-gradient(circle,rgba(246,211,126,.18),rgba(104,83,230,.12));color:#f4d98d;font-size:1.25rem;box-shadow:0 0 1.5rem rgba(86,186,232,.1)}
.demo-entry-copy{min-width:0}.demo-entry-copy h2{margin:.38rem 0 .28rem;color:#f2f6ff;font-size:1.04rem}.demo-entry-copy p{margin:0;color:#aebbd0;font-size:.74rem;line-height:1.48}.demo-entry-meta{display:flex;flex-wrap:wrap;gap:.35rem .7rem;margin-top:.55rem;color:#80d1eb;font-size:.65rem;font-weight:700}.demo-entry-card>.primary-button{grid-column:1/-1;position:relative;z-index:1}
.demo-prepared-badge{display:inline-block;width:fit-content;max-width:100%;padding:.27rem .48rem;border:1px solid rgba(116,211,236,.23);border-radius:999px;background:rgba(61,175,208,.07);color:#8ed9ee;font-size:.58rem;font-weight:800;letter-spacing:.055em;line-height:1.3;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;white-space:normal}
@keyframes demo-entry-sweep{0%,52%{transform:translateX(-125%)}82%,100%{transform:translateX(125%)}}

.demo-experience{width:min(100%,42rem);min-width:0;margin:0 auto;padding-bottom:calc(2rem + env(safe-area-inset-bottom));overflow-x:clip}.demo-header{position:sticky;top:max(-1rem,calc(-1 * env(safe-area-inset-top)));z-index:30;display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem;gap:.6rem;align-items:center;margin:-.25rem -.15rem .55rem;padding:.35rem .15rem .65rem;background:linear-gradient(180deg,var(--tg-theme-bg-color,#0b1220) 72%,transparent)}.demo-header-copy{min-width:0;text-align:center}.demo-header-copy h1{margin:0;color:#f3f6ff;font-size:1.08rem}.demo-header-copy span{display:block;margin-top:.15rem;color:#8dcfe5;font-size:.64rem;font-weight:720}.demo-header .icon-button{min-width:2.75rem;min-height:2.75rem;border-radius:.85rem;font-size:1.05rem}.demo-phase-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;margin:0 0 .6rem}.demo-phase-progress span{position:relative;height:.3rem;overflow:hidden;border-radius:999px;background:rgba(148,163,184,.12);transition:background 320ms cubic-bezier(.2,.8,.2,1),box-shadow 320ms ease}.demo-phase-progress span.is-complete,.demo-phase-progress span.is-active{background:linear-gradient(90deg,#715ee7,#4eb9dd,#ddc47d)}.demo-phase-progress span.is-active{box-shadow:0 0 .8rem rgba(80,190,221,.22)}.demo-phase-progress span.is-active::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:astra-progress-light-sweep 2.8s cubic-bezier(.4,0,.2,1) infinite}.demo-status{min-height:.9rem;margin:0;color:#ffb5c3;font-size:.69rem;text-align:center}.demo-stage{display:grid;gap:.72rem;min-width:0}.demo-view{display:grid;gap:.72rem;min-width:0}.demo-card{min-width:0;padding:.92rem;border:1px solid rgba(163,145,226,.18);border-radius:1.05rem;background:radial-gradient(circle at 95% 0,rgba(75,186,220,.08),transparent 40%),linear-gradient(150deg,rgba(21,29,49,.97),rgba(7,13,27,.97));box-shadow:inset 0 1px rgba(255,255,255,.04),0 .9rem 2.4rem rgba(0,0,0,.2)}.demo-card h2{margin:.55rem 0 0;color:#f1f5fc;font-size:clamp(1.08rem,5vw,1.4rem);line-height:1.22}.demo-card-copy{margin:.55rem 0 0;color:#aebbd0;font-size:.78rem;line-height:1.56}.demo-animate-in{animation:demo-view-in 420ms cubic-bezier(.2,.8,.2,1) both}@keyframes demo-view-in{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}
.demo-benefits,.demo-roadmap,.demo-lesson-points,.demo-completion-list{display:grid;gap:.48rem;margin:.8rem 0 0;padding:0;list-style:none}.demo-benefits li,.demo-lesson-points li,.demo-completion-list li{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:.52rem;align-items:center;padding:.52rem;border:1px solid rgba(146,163,196,.1);border-radius:.7rem;background:rgba(5,11,24,.32);color:#dbe5f2;font-size:.72rem}.demo-benefit-icon,.demo-lesson-points li>span:first-child,.demo-completion-list li>span:first-child{display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:.55rem;background:rgba(96,188,219,.09);color:#8ed9ee}.demo-duration{margin:.72rem 0 0;color:#e4cd8e;font-size:.72rem;font-weight:700}.demo-disclosure{margin:.7rem 0 0;padding:.58rem .65rem;border-left:2px solid rgba(246,211,126,.42);border-radius:0 .62rem .62rem 0;background:rgba(246,211,126,.045);color:#aaa58f;font-size:.64rem;line-height:1.46}.demo-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.55rem}.demo-actions button{min-width:0}.demo-actions>.demo-return-home-action{grid-column:1/-1;width:100%;justify-self:stretch;text-align:center;white-space:normal}
.demo-roadmap{counter-reset:item}.demo-roadmap li{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:.55rem;align-items:center;color:#dbe4f1;font-size:.75rem}.demo-roadmap-index{display:grid;width:1.75rem;height:1.75rem;place-items:center;border:1px solid rgba(113,203,232,.2);border-radius:50%;color:#89d5ec;font-size:.65rem}.demo-scenario-preview{display:grid;gap:.38rem}.demo-scenario-preview>div{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.5rem;align-items:center;padding:.52rem .6rem;border:1px solid rgba(148,163,184,.09);border-radius:.68rem;background:rgba(5,10,21,.28);font-size:.68rem}.demo-scenario-preview>div>span{color:#84d1e7}.demo-scenario-preview small{color:#79879b}.demo-scenario-preview .is-active{border-color:rgba(96,199,230,.28);background:rgba(49,143,180,.07)}.demo-pair-lockup{display:flex;flex-wrap:wrap;gap:.42rem;align-items:center;margin-top:.8rem}.demo-pair-lockup>strong{margin-right:auto;color:#f1f5fc;font-size:1.2rem}.demo-direction-chip,.demo-category-chip{display:inline-flex;padding:.28rem .5rem;border-radius:999px;font-size:.62rem;font-weight:800}.demo-direction-chip{border:1px solid rgba(80,211,170,.26);background:rgba(56,189,143,.08);color:#86e1bd}.demo-category-chip{border:1px solid rgba(246,211,126,.22);background:rgba(246,211,126,.06);color:#e7ce8b}
.demo-signal-card{padding:.78rem}.demo-signal-header{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto auto;gap:.42rem;align-items:center;margin-bottom:.58rem}.demo-signal-header>div{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:.78rem;background:linear-gradient(145deg,rgba(246,211,126,.14),rgba(86,97,221,.14));color:#f2d68b;font-size:.69rem;font-weight:850}.demo-signal-header>strong{min-width:0;color:#f3f6fb;font-size:.98rem}.demo-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem;margin:.3rem 0}.demo-signal-grid>div{display:grid;grid-template-columns:1fr;gap:.2rem;min-height:3.3rem;padding:.52rem;border:1px solid rgba(148,163,184,.09);border-radius:.68rem;background:rgba(4,9,20,.3);transition:opacity 340ms ease,transform 340ms cubic-bezier(.2,.8,.2,1),filter 340ms ease}.demo-signal-grid dt{font-size:.59rem}.demo-signal-grid dd{text-align:left;color:#eaf1fa;font-size:.73rem;font-weight:750}.demo-signal-grid .is-pair{grid-column:1/-1}.demo-signal-grid .is-entry dd{color:#8edcf2}.demo-signal-grid .is-tp dd{color:#83dfb9}.demo-signal-grid .is-sl dd{color:#f1a0ad}.demo-signal-grid .is-secondary:last-child{grid-column:1/-1}.demo-signal-field.is-concealed{opacity:0;transform:translateY(.45rem);filter:blur(2px)}.demo-skip{width:auto;justify-self:center}.demo-signal-card{animation:demo-card-settle 440ms cubic-bezier(.2,.8,.2,1) both}@keyframes demo-card-settle{from{transform:scale(.988)}to{transform:none}}
.demo-chart-card{display:grid;gap:.65rem}.demo-chart-card h2{margin:.2rem 0}.demo-chart-figure{margin:0;overflow:hidden;border:1px solid rgba(100,198,228,.16);border-radius:.8rem;background:#070d19;cursor:zoom-in}.demo-chart-image{display:block;width:100%;height:auto;max-height:58vh;object-fit:contain}.demo-chart-figure figcaption,.demo-chart-dialog-figure figcaption{padding:.55rem;color:#98a7ba;font-size:.62rem;line-height:1.4;text-align:center}.demo-chart-card .secondary-button{min-height:2.55rem}.demo-outcome-ready{text-align:center}.demo-outcome-focus{display:grid;width:5.2rem;height:5.2rem;margin:.8rem auto;place-items:center;border:1px solid rgba(101,214,171,.42);border-radius:50%;background:radial-gradient(circle,rgba(58,197,144,.2),rgba(246,211,126,.05));color:#93e6c3;font-size:1.1rem;font-weight:850;box-shadow:0 0 2rem rgba(69,205,153,.16);animation:demo-outcome-focus 900ms ease-out both}@keyframes demo-outcome-focus{from{opacity:0;transform:scale(.82);box-shadow:none}to{opacity:1;transform:none}}
.demo-chart-host{min-height:13.5rem;overflow:hidden;border:1px solid rgba(100,198,228,.16);border-radius:.85rem;background:radial-gradient(circle at 50% 0,rgba(71,133,186,.1),transparent 52%),#070d19}.demo-native-chart{position:relative}.demo-native-chart svg{display:block;width:100%;height:auto;aspect-ratio:720/390}.demo-chart-grid{stroke:rgba(139,165,194,.1);stroke-width:1}.demo-chart-replay-zone{fill:rgba(112,83,174,.06)}.demo-chart-divider{stroke:rgba(196,172,239,.38);stroke-width:1.5;stroke-dasharray:5 6}.demo-chart-zone-label{fill:#9bacbf;font-size:11px;font-weight:650}.demo-chart-level line{stroke-width:1;stroke-dasharray:4 4}.demo-chart-level text{font-size:10px;font-weight:700}.demo-chart-level.entry line{stroke:#73b9dc}.demo-chart-level.entry text{fill:#91cce7}.demo-chart-level.tp line{stroke:rgba(86,201,154,.55)}.demo-chart-level.tp text{fill:#86d9b7}.demo-chart-level.tp.secondary{opacity:.58}.demo-chart-level.sl line{stroke:rgba(223,112,130,.6)}.demo-chart-level.sl text{fill:#e49cab}.demo-chart-level.is-reached{filter:url(#demo-tp-glow);opacity:1}.demo-chart-level.is-reached line{stroke:#f0d38b;stroke-width:2}.demo-chart-level.is-reached text{fill:#f6dfa8}.demo-chart-candle line{stroke:currentColor;stroke-width:1.5}.demo-chart-candle rect{fill:currentColor}.demo-chart-candle.is-up{color:#62c69e}.demo-chart-candle.is-down{color:#d47d94}.demo-chart-candle{opacity:1;transform-box:fill-box;transform-origin:center bottom;transition:opacity .28s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.demo-chart-candle.is-pending{opacity:0;transform:scaleY(.12)}.demo-chart-marker{color:#f2d28a;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.demo-chart-marker circle{fill:#f2d28a;filter:drop-shadow(0 0 5px rgba(242,210,138,.55))}.demo-chart-marker line{stroke:#f2d28a;stroke-width:1}.demo-chart-price-label{fill:#d9e1ec;font-size:11px;font-weight:700}.demo-chart-a11y-summary{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.demo-chart-live{min-height:1.4rem;padding:.18rem .55rem .45rem;color:#aebbd0;font-size:.65rem;text-align:center}.demo-chart-disclosure,.demo-visual-only-label{margin:0;color:#94a5bb;font-size:.65rem;line-height:1.45;text-align:center}.demo-chart-unavailable{display:grid;min-height:12rem;margin:0;place-items:center;padding:1rem;color:#aab7c9;text-align:center}.demo-chart-dialog .demo-chart-dialog-figure{margin:.7rem 0 0;min-height:15rem;border-radius:.75rem;background:#050a14}.demo-chart-dialog .demo-native-chart svg{max-height:68dvh}.demo-result-view>.demo-chart-card{margin-bottom:.2rem}
.demo-result-card{position:relative;overflow:hidden;border-color:rgba(99,218,172,.3);background:radial-gradient(circle at 50% 0,rgba(80,211,167,.14),transparent 45%),linear-gradient(150deg,rgba(18,35,46,.97),rgba(7,14,27,.97));box-shadow:0 0 2rem rgba(70,202,153,.11),0 1rem 2.6rem rgba(0,0,0,.2);animation:demo-tp-glow 1.4s ease-out both}.demo-result-mark,.demo-complete-mark{display:grid;width:3.4rem;height:3.4rem;margin:0 auto .55rem;place-items:center;border:1px solid rgba(111,225,183,.38);border-radius:1rem;background:linear-gradient(145deg,rgba(62,197,146,.16),rgba(246,211,126,.1));color:#8be0ba;font-size:.92rem;font-weight:850}.demo-result-card>.demo-prepared-badge{display:flex;margin:0 auto}.demo-result-card h2{text-align:center}.demo-result-pair{text-align:center;color:#dbe8f4;font-size:.75rem;font-weight:760}.demo-result-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.demo-result-values>div{display:grid;grid-template-columns:1fr;gap:.2rem;padding:.5rem .3rem;border:1px solid rgba(148,163,184,.09);border-radius:.65rem;text-align:center}.demo-result-values dt{font-size:.55rem}.demo-result-values dd{text-align:center;color:#eef5fb;font-size:.68rem;font-weight:750}@keyframes demo-tp-glow{0%{filter:brightness(.94);box-shadow:none}45%{filter:brightness(1.08);box-shadow:0 0 2.8rem rgba(70,202,153,.23)}100%{filter:none}}
.demo-lesson-card,.demo-complete-card{text-align:left}.demo-complete-mark{margin-inline:0;color:#efd48b;border-color:rgba(246,211,126,.3)}
.demo-dialog-layer{position:fixed;inset:0;z-index:190}.demo-dialog-backdrop{display:grid;align-items:end;width:100%;height:100%;padding:1rem max(.7rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(.7rem,env(safe-area-inset-left));background:rgba(2,6,15,.78);backdrop-filter:blur(5px)}.demo-dialog{width:min(100%,32rem);max-height:min(86dvh,46rem);margin:0 auto;padding:.92rem;overflow:auto;overscroll-behavior:contain;border:1px solid rgba(163,145,226,.25);border-radius:1.05rem;background:linear-gradient(155deg,#151e33,#070d1b);box-shadow:0 1.5rem 4rem rgba(0,0,0,.48);animation:demo-sheet-up 300ms cubic-bezier(.2,.8,.2,1) both}.demo-dialog h2{margin:0;color:#f1f5fb;font-size:1.05rem}.demo-dialog>p{margin:.55rem 0;color:#acb9cc;font-size:.76rem;line-height:1.5}.demo-dialog-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.5rem;margin-top:.75rem}.demo-rationale-body{display:grid;gap:.58rem;margin-top:.65rem}.demo-rationale-body p{margin:0;padding:.62rem;border-radius:.7rem;background:rgba(5,11,24,.35);color:#bec9d8;font-size:.72rem;line-height:1.58}.demo-chart-dialog{width:min(100%,42rem)}.demo-chart-dialog-figure{margin:.7rem 0 0}.demo-chart-dialog-figure img{display:block;width:100%;max-height:68dvh;object-fit:contain;border-radius:.72rem;background:#050a14}@keyframes demo-sheet-up{from{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}
@media(min-width:40rem){.demo-dialog-backdrop{align-items:center}.demo-signal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-signal-grid .is-pair,.demo-signal-grid .is-secondary:last-child{grid-column:auto}}
@media(max-width:340px){.demo-experience{margin-inline:-.1rem}.demo-header{grid-template-columns:2.65rem minmax(0,1fr) 2.65rem;gap:.35rem}.demo-header .icon-button{min-width:2.55rem;min-height:2.55rem}.demo-header-copy h1{font-size:.94rem}.demo-entry-card{grid-template-columns:2.65rem minmax(0,1fr);padding:.78rem}.demo-entry-orbit{width:2.65rem;height:2.65rem}.demo-card{padding:.76rem}.demo-card h2{font-size:1rem}.demo-actions{grid-template-columns:1fr}.demo-signal-header{grid-template-columns:2.2rem minmax(0,1fr) auto;gap:.3rem}.demo-signal-header>div{width:2.2rem;height:2.2rem}.demo-signal-header .demo-category-chip{grid-column:2;justify-self:start}.demo-signal-grid{gap:.3rem}.demo-signal-grid>div{min-height:3rem;padding:.43rem}.demo-signal-grid dt{font-size:.54rem}.demo-signal-grid dd{font-size:.66rem}.demo-result-values{gap:.26rem}.demo-result-values>div{padding:.42rem .18rem}.demo-dialog{padding:.78rem}.demo-rationale-body p{padding:.52rem;font-size:.67rem}}
@media(prefers-reduced-motion:reduce){.demo-entry-card::after,.demo-phase-progress span.is-active::after,.demo-animate-in,.demo-signal-card,.demo-outcome-focus,.demo-result-card,.demo-dialog{animation:none!important}.demo-signal-grid>div,.demo-phase-progress span{transition:none!important}.demo-signal-field.is-concealed{opacity:1;transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){.demo-chart-candle,.demo-chart-marker{transition:none!important}}
@media(max-width:350px){.demo-chart-host{min-height:11.5rem}.demo-chart-level text{font-size:9px}.demo-chart-zone-label{font-size:9px}.demo-chart-price-label{font-size:10px}.demo-chart-card{padding:.65rem}.demo-chart-dialog{padding:.55rem}.demo-chart-card>.demo-prepared-badge{font-size:.5rem;letter-spacing:.035em}}
@media(orientation:landscape) and (max-height:480px){.demo-chart-dialog{width:min(96vw,58rem);max-height:94dvh}.demo-chart-dialog .demo-native-chart svg{max-height:67dvh}.demo-dialog-backdrop{align-items:center;padding:.35rem max(.5rem,env(safe-area-inset-right))}}
.demo-chart-level.sl.is-reached{filter:drop-shadow(0 0 5px rgba(218,119,137,.32))}.demo-chart-level.sl.is-reached line{stroke:#dc8799}.demo-chart-level.sl.is-reached text{fill:#edb1bd}
.demo-result-card.is-stop-result{border-color:rgba(221,128,147,.3);background:radial-gradient(circle at 50% 0,rgba(188,93,119,.13),transparent 46%),linear-gradient(150deg,rgba(34,25,42,.97),rgba(8,14,27,.97));box-shadow:0 0 1.7rem rgba(190,91,117,.09),0 1rem 2.6rem rgba(0,0,0,.2)}.demo-result-card.is-stop-result .demo-result-mark{border-color:rgba(224,139,155,.38);background:linear-gradient(145deg,rgba(174,75,104,.16),rgba(214,154,104,.08));color:#e5a0ae}.demo-risk-note{margin:.6rem 0 0;padding:.62rem .7rem;border-left:2px solid rgba(220,135,153,.55);border-radius:.4rem;background:rgba(111,51,72,.1);color:#c7b7c1;font-size:.68rem;line-height:1.5}.demo-between-card{display:grid;gap:.8rem}.demo-between-progress{display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;border:1px solid rgba(124,187,220,.14);border-radius:.75rem;background:rgba(5,12,25,.35)}.demo-between-progress strong{color:#8fd9ee;font-size:1.15rem}.demo-between-progress span{color:#bac7d7;font-size:.7rem}.demo-next-scenario{display:grid;grid-template-columns:1fr auto auto;gap:.45rem;align-items:center;padding:.72rem;border-radius:.8rem;background:linear-gradient(140deg,rgba(43,91,125,.2),rgba(88,65,133,.14))}.demo-next-scenario small{grid-column:1/-1;color:#8fa4bc;font-size:.6rem;text-transform:uppercase}.demo-next-scenario strong{min-width:0;color:#eef5fb;font-size:.9rem}.demo-complete-count{text-align:center;color:#8ed9ee;font-size:.75rem;font-weight:750}.demo-completed-pairs{display:grid;gap:.4rem;margin:.35rem 0 0;padding:0;list-style:none}.demo-completed-pairs li{display:flex;align-items:center;justify-content:space-between;padding:.55rem .65rem;border:1px solid rgba(137,161,190,.11);border-radius:.65rem;background:rgba(5,11,23,.28)}.demo-completed-pairs strong{font-size:.72rem}.demo-outcome-chip{min-width:2.4rem;padding:.2rem .42rem;border-radius:999px;color:#91dfbd;background:rgba(66,177,132,.12);font-size:.58rem;font-weight:850;text-align:center}.demo-outcome-chip.is-sl{color:#e2a1af;background:rgba(184,78,107,.13)}
@media(max-width:350px){.demo-next-scenario{grid-template-columns:1fr auto}.demo-next-scenario .demo-category-chip{grid-column:1/-1;width:max-content}.demo-completed-pairs li{padding:.48rem .55rem}}
.demo-entry-card>.secondary-button{grid-column:1/-1;position:relative;z-index:1}.demo-entry-card>.primary-button+.secondary-button{margin-top:-.3rem}
.demo-history-card,.demo-history-detail,.demo-replay-banner,.demo-recovery-card{border-color:rgba(91,196,225,.25)}.demo-history-list,.demo-history-scenarios{display:grid;gap:.5rem;margin-top:.75rem}.demo-history-row,.demo-history-scenario{display:grid;width:100%;min-width:0;gap:.18rem;padding:.7rem;border:1px solid rgba(148,163,184,.16);border-radius:.82rem;background:rgba(4,11,24,.58);color:#edf4ff;text-align:left}.demo-history-row{grid-template-columns:minmax(0,1fr) auto}.demo-history-row strong,.demo-history-pair{min-width:0;overflow-wrap:anywhere;font-size:.78rem}.demo-history-row>span{color:#8ed5e8;font-size:.7rem;font-weight:800}.demo-history-row small{grid-column:1/-1;color:#93a4bd;font-size:.62rem}.demo-history-row em{grid-column:1/-1;color:#e8cf8e;font-size:.64rem;font-style:normal;font-weight:750}.demo-history-scenario{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.demo-history-scenario small{grid-column:1/-1;color:#8ed5e8;font-size:.62rem}.demo-history-meta,.demo-empty-state{color:#9aabc2;font-size:.68rem}.demo-replay-banner .demo-card-copy{color:#86d4e8}.demo-replay-view .demo-signal-card{animation:none}.demo-recovery-card{background:linear-gradient(145deg,rgba(35,31,55,.96),rgba(9,16,30,.97))}
.demo-education-card,.demo-scorecard,.demo-comparison-card,.demo-conversion-card,.demo-paid-completion{scroll-margin-top:6.5rem;border-color:rgba(113,190,220,.2);background:linear-gradient(148deg,rgba(17,29,49,.97),rgba(7,14,27,.97))}
.demo-learning-list,.demo-comparison-list{display:grid;gap:.48rem;margin:.78rem 0 0;padding:0;list-style:none}.demo-learning-list li,.demo-comparison-list li{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.38rem;align-items:start;color:#c6d2e1;font-size:.69rem;line-height:1.48}.demo-list-mark{display:grid;width:.9rem;height:.9rem;margin-top:.06rem;place-items:center;border:1px solid rgba(120,206,226,.2);border-radius:50%;color:#8ed7e8;font-size:.52rem;font-weight:850}
.demo-scorecard{position:relative;overflow:hidden}.demo-scorecard::before{position:absolute;inset:0 0 auto;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(243,211,133,.5),transparent)}.demo-scorecard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem;margin:.78rem 0 0}.demo-score-metric{display:flex;min-width:0;min-height:3.8rem;flex-direction:column;justify-content:space-between;gap:.35rem;padding:.62rem;border:1px solid rgba(145,169,197,.12);border-radius:.74rem;background:rgba(4,11,23,.36)}.demo-score-metric dt{color:#9fadc1;font-size:.59rem;line-height:1.32}.demo-score-metric dd{margin:0;color:#f0d994;font-size:1rem;font-weight:820}
.demo-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.demo-comparison-column{min-width:0;padding:.68rem;border:1px solid rgba(142,166,194,.13);border-radius:.82rem;background:rgba(4,11,23,.4)}.demo-comparison-column.is-premium{border-color:rgba(239,208,130,.2);background:linear-gradient(150deg,rgba(53,46,33,.26),rgba(7,14,27,.48))}.demo-comparison-column h3{margin:0;color:#eef5fb;font-size:.76rem}.demo-comparison-column.is-premium h3{color:#f0d994}.demo-comparison-list{gap:.42rem;margin-top:.6rem}.demo-comparison-list li{font-size:.62rem}.demo-comparison-note{margin:.72rem 0 0;padding:.58rem .66rem;border-left:2px solid rgba(239,208,130,.35);border-radius:.38rem;background:rgba(69,56,30,.12);color:#aeb9ca;font-size:.61rem;line-height:1.48}
.demo-conversion-card{border-color:rgba(238,207,130,.28);background:radial-gradient(circle at 100% 0,rgba(239,207,126,.1),transparent 42%),linear-gradient(148deg,rgba(26,31,43,.98),rgba(7,14,27,.98))}.demo-conversion-card .primary-button{width:100%;margin-top:.82rem}.demo-paid-completion{border-color:rgba(97,205,179,.22)}.demo-entry-card>.demo-entry-premium{grid-column:1/-1;position:relative;z-index:1;border-color:rgba(239,210,137,.28);color:#f1d996}.demo-entry-card>.secondary-button+.demo-entry-premium{margin-top:-.3rem}
@media(max-width:350px){.demo-comparison-grid{grid-template-columns:1fr}.demo-scorecard-grid{gap:.35rem}.demo-score-metric{min-height:3.45rem;padding:.52rem}.demo-comparison-column{padding:.6rem}}
@media(prefers-reduced-motion:reduce){.demo-scorecard::before{animation:none!important}}
.account-settings-panel{display:grid;gap:.72rem}.account-settings-panel[hidden]{display:none}.account-settings-subscription{cursor:pointer;transition:transform 150ms ease,border-color 180ms ease,background 180ms ease}.account-settings-subscription:active{transform:scale(.985);border-color:rgba(101,199,255,.36);background:linear-gradient(145deg,rgba(30,39,61,.95),rgba(12,19,35,.95))}.account-settings-subscription:focus-visible,.account-language-option:focus-visible{outline:2px solid rgba(101,199,255,.7);outline-offset:2px}.account-language-icon{color:#a8e5ff}.account-language-panel{min-width:0}.account-language-options{display:grid;gap:.65rem}.account-language-option{display:grid;width:100%;grid-template-columns:2.65rem minmax(0,1fr) 1.7rem;gap:.72rem;align-items:center;padding:.78rem .85rem;border:1px solid rgba(169,140,255,.17);border-radius:1rem;background:linear-gradient(145deg,rgba(24,31,51,.92),rgba(10,16,30,.92));color:#eef3ff;text-align:left;cursor:pointer;transition:transform 150ms ease,border-color 180ms ease,background 180ms ease,box-shadow 180ms ease}.account-language-option:active{transform:scale(.985)}.account-language-option[data-selected="true"]{border-color:rgba(101,199,255,.55);background:linear-gradient(145deg,rgba(31,54,76,.96),rgba(22,26,56,.96));box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 0 1px rgba(101,199,255,.08)}.account-language-option:disabled{cursor:wait;opacity:.68}.account-language-mark{display:grid;width:2.65rem;height:2.65rem;place-items:center;border:1px solid rgba(101,199,255,.25);border-radius:.78rem;background:linear-gradient(145deg,rgba(56,189,248,.12),rgba(124,58,237,.12));color:#bfeaff;font-size:.72rem;font-weight:800;letter-spacing:.06em}.account-language-option>span:nth-child(2){font-size:.94rem;font-weight:700}.account-language-check{display:grid;width:1.55rem;height:1.55rem;place-items:center;border:1px solid rgba(169,140,255,.22);border-radius:50%;color:transparent}.account-language-check svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.account-language-option[data-selected="true"] .account-language-check{border-color:rgba(101,199,255,.7);background:rgba(101,199,255,.18);color:#d9f4ff}.account-language-feedback{min-height:1.35rem;margin:.1rem .2rem 0;color:#aeb9cc;font-size:.8rem;line-height:1.4}.account-language-feedback[data-tone="success"]{color:#9be8c1}.account-language-feedback[data-tone="error"]{color:#ffb4bd}@media(max-width:340px){.account-language-option{grid-template-columns:2.4rem minmax(0,1fr) 1.55rem;padding:.7rem}.account-language-mark{width:2.4rem;height:2.4rem}}
.account-settings-card-icon{border:1px solid rgba(101,199,255,.22);font-size:0}.account-settings-card-icon svg{display:block;width:1.42rem;height:1.42rem;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.account-settings-card-icon-subscription{border-color:rgba(246,211,126,.24);background:rgba(246,211,126,.09);color:#f6d37e}.account-settings-card-icon-language{border-color:rgba(101,199,255,.24);background:linear-gradient(145deg,rgba(56,189,248,.11),rgba(124,58,237,.1));color:#9edfff}
.language-session-end{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow:auto;background:radial-gradient(circle at 50% 15%,rgba(101,199,255,.15),transparent 38%),linear-gradient(155deg,rgba(9,15,29,.995),rgba(15,11,31,.998));overscroll-behavior:none}.language-session-end[hidden]{display:none}.language-session-end-card{display:grid;width:min(100%,26rem);gap:.72rem;justify-items:center;padding:1.4rem 1.15rem;border:1px solid rgba(169,140,255,.28);border-radius:1.25rem;background:radial-gradient(circle at 50% 0,rgba(101,199,255,.1),transparent 42%),linear-gradient(145deg,rgba(28,37,59,.98),rgba(10,16,30,.99));box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 60px rgba(0,0,0,.38);text-align:center}.language-session-end-icon{display:grid;width:3.5rem;height:3.5rem;place-items:center;border:1px solid rgba(101,199,255,.35);border-radius:1rem;background:linear-gradient(145deg,rgba(56,189,248,.15),rgba(124,58,237,.15));color:#bfeaff}.language-session-end-icon svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.language-session-end-card .brand-mark{margin:.15rem 0 0}.language-session-end-card h1{margin:0;color:#f3f6ff;font-size:1.25rem}.language-session-end-card>p:not(.brand-mark){max-width:22rem;margin:0;color:#abb8ca;font-size:.86rem;line-height:1.55}.language-session-end-card .primary-button{width:100%;margin-top:.35rem}body[data-language-session-ended="true"]{overflow:hidden;overscroll-behavior:none}body[data-language-session-ended="true"]>:not(#language-session-end){pointer-events:none!important;user-select:none!important}body[data-language-session-ended="true"]>#app{display:none!important}@media(max-width:340px){.language-session-end{padding:.75rem}.language-session-end-card{padding:1.1rem .9rem}.language-session-end-card h1{font-size:1.12rem}}
.referral-share-card{display:grid;grid-template-columns:1fr;gap:.65rem;align-items:center;padding:.78rem;border:1px solid rgba(179,151,255,.18);border-radius:.95rem;background:linear-gradient(145deg,rgba(25,29,52,.92),rgba(8,13,27,.96))}.referral-share-card>div{min-width:0}.referral-share-card small{display:block;margin-bottom:.28rem;color:#9daac0;font-size:.68rem}.referral-share-card .referral-share-value{display:block;overflow:visible;text-overflow:clip;color:#dfe9f8;font-size:.76rem;font-weight:650;overflow-wrap:anywhere;word-break:break-word;white-space:normal;user-select:text}.referral-full-link{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.45}.referral-share-card .secondary-button{width:100%;min-height:2.45rem;padding:.55rem .7rem}.referral-partnership-card{display:grid;grid-template-columns:2.35rem minmax(0,1fr) auto;gap:.7rem;align-items:center;width:100%;padding:.82rem;border:1px solid rgba(154,130,239,.2);border-radius:.95rem;background:linear-gradient(145deg,rgba(26,30,53,.94),rgba(9,14,28,.96));color:inherit;text-align:left}.referral-partnership-icon{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:.72rem;background:rgba(113,91,225,.13);color:#a99ef4}.referral-partnership-icon svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.referral-partnership-card strong,.referral-partnership-card small{display:block}.referral-partnership-card small{margin-top:.2rem;color:#93a2b8;font-size:.67rem;line-height:1.35}.referral-partnership-action{color:#a99ef4;font-size:.7rem;font-weight:700}.referral-partnership-page{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}.partnership-content-blocks{margin:1rem 0}.referral-partnership-page>.primary-button{width:100%}.subscription-referral-code{margin-top:.9rem;padding:.78rem;border:1px solid rgba(108,190,255,.22);border-radius:.82rem;background:linear-gradient(145deg,rgba(69,121,210,.09),rgba(41,27,82,.08))}.subscription-referral-code>strong{display:block;color:#e4ebf7;font-size:.88rem;font-weight:700}.subscription-referral-form{display:grid;gap:.45rem}.subscription-referral-code label{display:grid;gap:.4rem;margin-top:.68rem}.subscription-referral-code label>span{color:#aebbd0;font-size:.7rem;font-weight:650}.subscription-referral-code label>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.subscription-referral-code input{min-width:0;width:100%;min-height:2.65rem;padding:.7rem .72rem;border:1px solid rgba(153,169,205,.34);border-radius:.68rem;background:rgba(5,10,21,.72);color:#edf4ff;font:inherit;text-transform:uppercase}.subscription-referral-code input::placeholder{color:#718099}.subscription-referral-code input:focus-visible{border-color:rgba(135,111,240,.8);outline:2px solid rgba(135,111,240,.58);outline-offset:2px}.subscription-referral-code .secondary-button{min-height:2.65rem}.subscription-referral-status,.subscription-referral-code>p{min-height:1em;margin:.15rem 0 0;color:#aebbd0;font-size:.7rem;line-height:1.45}.subscription-referral-remove{justify-self:start;margin-top:.05rem;border:0;background:transparent;color:#a99ef4;padding:.35rem 0}.subscription-referral-code[data-state="already_attributed"],.subscription-referral-code[data-state="order_in_progress"]{border-color:rgba(95,222,190,.2)}@media(max-width:22rem){.referral-share-card{grid-template-columns:1fr}.referral-share-card .secondary-button{width:100%}.referral-partnership-card{grid-template-columns:2.1rem minmax(0,1fr)}.referral-partnership-action{grid-column:2}.subscription-referral-code label>div{grid-template-columns:1fr}.subscription-referral-code label button{width:100%}}