/* Self-hosted copies of the reference site's Aeonik files. */
@font-face { font-family: "Aeonik"; src: url("/fonts/Aeonik-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Aeonik"; src: url("/fonts/Aeonik-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Aeonik"; src: url("/fonts/Aeonik-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  color-scheme: dark;
  --ink: #060510;
  --ink-soft: #0c0b18;
  --panel: #12111a;
  --panel-raised: #191824;
  --panel-hot: #221d4b;
  --line: rgba(203, 208, 235, 0.16);
  --line-strong: rgba(203, 208, 235, 0.3);
  --text: #f7f7f7;
  --lavender: #cbd0eb;
  --muted: #9899a3;
  --orange: #516af6;
  --orange-soft: #cbd0eb;
  --blue: #516af6;
  --green: #21c95e;
  --yellow: #ffc74f;
  --danger: #fd5dd3;
  --font-body: "Aeonik", "Avenir Next", "Segoe UI", sans-serif;
  --font-data: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.75rem;
  --focus: 0 0 0 3px rgba(81, 106, 246, 0.42);
  scrollbar-color: var(--line-strong) var(--ink);
  scrollbar-width: thin;
}

* { box-sizing: border-box; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: var(--ink); }
*::-webkit-scrollbar-thumb { background: var(--line-strong); border: 2px solid var(--ink); border-radius: 10px; }
*::-webkit-scrollbar-thumb:hover { background: var(--lavender); }

html { background: var(--ink); scroll-padding-top: 5rem; }
body { min-width: 20rem; margin: 0; color: var(--text); background: linear-gradient(180deg, rgba(6,5,16,.72), rgba(6,5,16,.98) 58rem), url("/images/space-bg.webp") center top / cover fixed, var(--ink); font-family: var(--font-body); line-height: 1.45; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; }
a { color: inherit; }
:focus-visible { outline: none; box-shadow: var(--focus); }
[hidden] { display: none !important; }

.skip-link { position: fixed; z-index: 50; top: .75rem; left: .75rem; padding: .65rem .9rem; background: var(--orange); color: var(--ink); border-radius: var(--radius-sm); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

.site-header { width: min(100% - 2.5rem, 78rem); min-height: 5.5rem; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.wordmark { display: inline-flex; align-items: center; gap: .65rem; color: var(--text); text-decoration: none; font-size: 1.1rem; font-weight: 700; letter-spacing: -.04em; }
.wordmark-mark { width: 2.25rem; height: 2.25rem; display: block; object-fit: contain; }
.wordmark-text { display: none !important; }
.header-status { display: flex; align-items: center; gap: .8rem; font-size: .68rem; font-weight: 700; letter-spacing: .12em; }
.twitter-link { color: var(--lavender); text-decoration: none; transition: color .15s ease; }
.twitter-link:hover { color: var(--blue); }
.chain-pill { padding: .42rem .65rem; color: var(--lavender); border: 1px solid var(--line-strong); border-radius: 999px; }
.live-indicator { display: inline-flex; align-items: center; gap: .4rem; color: var(--green); }
.live-indicator > span, .live-dot { width: .42rem; height: .42rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 .22rem rgba(33,201,94,.14); }

.app-shell { position: relative; isolation: isolate; width: min(100% - 2.5rem, 78rem); margin: 0 auto; padding: 3.2rem 0 5rem; }
.app-shell::before { content: ""; position: absolute; z-index: -1; top: -10rem; left: -12%; width: 78%; height: 34rem; pointer-events: none; background: radial-gradient(ellipse 60% 40% at 50% 0%, #2d6bf51a, transparent 70%); }
.market-head { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(26rem, 1fr); gap: 2rem; align-items: end; padding-bottom: 2.2rem; }
.eyebrow, .stat-label { color: var(--muted); font-size: .68rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.title-line { display: flex; align-items: center; gap: .9rem; flex-wrap: wrap; }
h1, h2, p { margin: 0; }
h1 { margin-top: .65rem; color: var(--text); font-size: clamp(3rem, 7vw, 6.5rem); line-height: .88; letter-spacing: -.09em; font-weight: 700; }
.title-slash { color: var(--orange); margin: 0 .08em; }
.phase-pill { margin-top: .4rem; padding: .35rem .6rem; color: var(--orange-soft); border: 1px solid rgba(255,98,46,.5); border-radius: 999px; font-size: .67rem; font-weight: 700; letter-spacing: .08em; }
.phase-pill.is-dex { color: var(--green); border-color: rgba(33,201,94,.5); }
.token-link { display: inline-block; margin-top: 1.3rem; color: var(--lavender); font-family: var(--font-data); font-size: .75rem; text-decoration-color: var(--orange); text-underline-offset: .28rem; }
.token-link:hover { color: var(--orange); }
.market-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.stat-cell { min-height: 6.3rem; padding: 1rem 1.1rem; display: flex; flex-direction: column; justify-content: center; gap: .25rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(18,17,26,.56); }
.stat-cell strong { color: var(--lavender); font-size: 1.35rem; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
.stat-primary strong { color: var(--orange); }
.stat-note { min-height: 1rem; color: var(--muted); font-family: var(--font-data); font-size: .62rem; }

.panel { border: 1px solid var(--line); border-radius: var(--radius-lg); background: rgba(18,17,26,.88); }
.panel-heading { min-height: 5.5rem; padding: 1.3rem 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); }
h2 { margin-top: .25rem; font-size: clamp(1.45rem, 3vw, 2.15rem); line-height: 1; letter-spacing: -.075em; font-weight: 700; }
.feed-note { display: inline-flex; align-items: center; gap: .6rem; color: var(--muted); font-size: .72rem; font-weight: 500; }
.feed-note .live-dot { width: .4rem; height: .4rem; }

.chart-panel { overflow: visible; }
.chart-heading { align-items: flex-end; }
.chart-controls { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; justify-content: flex-end; }
.segmented { display: inline-flex; padding: .2rem; gap: .1rem; border: 1px solid var(--line); border-radius: 999px; background: var(--ink-soft); }
.segment { min-height: 2rem; padding: .34rem .72rem; color: var(--muted); border: 0; border-radius: 999px; background: transparent; font-size: .7rem; font-weight: 700; }
.segment:hover { color: var(--text); }
.segment.is-active { color: var(--ink); background: var(--lavender); }
.chart-wrap { position: relative; min-height: 23rem; padding: 1.1rem 1.25rem .65rem; }
.price-chart { position: relative; width: 100%; height: 22rem; overflow: visible; }
.chart-marker-layer { position: absolute; z-index: 3; inset: 0; pointer-events: none; overflow: visible; }
.chart-event-marker { position: absolute; width: 1.55rem; height: 1.55rem; padding: 0; display: grid; place-items: center; pointer-events: auto; border: 1.5px solid var(--ink); border-radius: 50%; background: var(--panel-raised); color: var(--text); cursor: pointer; transform: translate(-50%, -50%); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.chart-event-marker.buy { border-color: var(--green); box-shadow: 0 0 0 .1rem rgba(33,201,94,.18); }
.chart-event-marker.sell { border-color: var(--danger); box-shadow: 0 0 0 .1rem rgba(253,93,211,.18); }
.chart-event-marker:hover, .chart-event-marker:focus-visible { z-index: 2; border-color: var(--text); box-shadow: 0 0 0 .16rem rgba(203,208,235,.2); transform: translate(-50%, -50%) scale(1.12); outline: none; }
.chart-event-avatar { width: 100%; height: 100%; display: grid; place-items: center; overflow: hidden; border-radius: 50%; color: var(--lavender); background: var(--panel-raised); font-family: var(--font-data); font-size: .58rem; font-weight: 700; }
.chart-event-avatar img { width: 100%; height: 100%; object-fit: cover; }
.chart-event-signal { position: absolute; right: -.22rem; bottom: -.22rem; width: .68rem; height: .68rem; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 50%; background: var(--green); color: var(--ink); font-family: var(--font-data); font-size: .42rem; font-weight: 700; line-height: 1; }
.chart-event-marker.sell .chart-event-signal { background: var(--danger); }
.chart-grid { stroke: rgba(203,208,235,.11); stroke-width: 1; vector-effect: non-scaling-stroke; }
.chart-axis { fill: var(--muted); font-family: var(--font-data); font-size: 12px; }
.chart-area { fill: url(#areaGradient); }
.chart-line { fill: none; stroke: var(--orange); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.event-marker { cursor: pointer; stroke: var(--ink); stroke-width: 2; vector-effect: non-scaling-stroke; }
.event-marker.buy { fill: var(--green); }
.event-marker.sell { fill: var(--danger); }
.event-marker.thesis { fill: var(--blue); }
.event-marker:hover, .event-marker:focus { stroke: var(--text); stroke-width: 3; outline: none; }
.chart-tooltip { position: absolute; z-index: 4; max-width: 19rem; padding: .7rem .8rem; pointer-events: none; color: var(--text); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: rgba(6,5,16,.96); box-shadow: 0 1rem 3rem rgba(0,0,0,.35); font-size: .75rem; }
.chart-tooltip strong { display: block; margin-bottom: .2rem; color: var(--orange); font-family: var(--font-data); font-size: .62rem; letter-spacing: .1em; }
.chart-tooltip-person { min-height: 1.8rem; display: inline-flex; align-items: center; gap: .45rem; margin-bottom: .55rem; color: var(--text); font-weight: 700; }
.chart-tooltip-avatar { width: 1.65rem; height: 1.65rem; object-fit: cover; border: 1px solid var(--line-strong); border-radius: 50%; }
.chart-tooltip-stat { display: flex; justify-content: space-between; gap: 1.2rem; color: var(--lavender); font-family: var(--font-data); font-size: .68rem; }
.chart-tooltip-stat small { color: var(--muted); font-size: .62rem; }
.chart-tooltip-thesis { max-width: 17rem; margin: .6rem 0 0; color: var(--lavender); line-height: 1.35; }
.chart-empty { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: .45rem; color: var(--muted); text-align: center; }
.chart-empty strong { color: var(--text); font-size: 1rem; }
.empty-pulse { width: .55rem; height: .55rem; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 .4rem rgba(255,98,46,.13); }
.chart-footer { min-height: 3.4rem; padding: .8rem 1.5rem; display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; color: var(--muted); border-top: 1px solid var(--line); font-size: .7rem; }
.legend-dot { display: inline-block; width: .5rem; height: .5rem; margin-right: .35rem; border-radius: 50%; }
.legend-buy { background: var(--green); }.legend-sell { background: var(--danger); }.legend-thesis { background: var(--blue); }
.chart-updated { margin-left: auto; color: var(--muted); font-family: var(--font-data); font-size: .64rem; }

.trades-panel { margin-top: 1.5rem; }
.theses-panel { margin-top: 1.5rem; }
.theses-list { display: grid; }
.thesis-row { padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--line); }
.thesis-row:last-child { border-bottom: 0; }
.thesis-meta { display: flex; align-items: center; gap: .75rem; color: var(--text); font-family: var(--font-data); font-size: .72rem; }
.thesis-meta time { color: var(--muted); font-size: .65rem; }
.thesis-copy { max-width: 62rem; margin: .55rem 0 0; color: var(--lavender); font-size: .95rem; line-height: 1.45; }
.thesis-enter { animation: trade-enter .35s ease both; }
.trades-list { width: 100%; overflow-x: auto; }
.trade-row { min-width: 46rem; padding: .86rem 1.5rem; display: grid; grid-template-columns: 7rem 1.6fr .9fr .9fr 1fr; gap: 1rem; align-items: center; border-bottom: 1px solid var(--line); font-size: .78rem; }
.trade-row:last-child { border-bottom: 0; }
.trade-enter { animation: trade-in .28s ease-out both; animation-delay: var(--trade-delay, 0ms); }
@keyframes trade-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
.trade-row:hover { background: rgba(81,106,246,.07); }
.trade-row.trade-head { color: var(--muted); font-family: var(--font-data); font-size: .62rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.trade-cell { min-width: 0; }.trade-cell strong { display: block; color: var(--lavender); font-size: .82rem; font-variant-numeric: tabular-nums; }.trade-cell small { display: block; margin-top: .14rem; overflow: hidden; color: var(--muted); font-family: var(--font-data); font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.trade-side { font-family: var(--font-data); font-size: .7rem; font-variant-numeric: tabular-nums; }.trade-buy { color: var(--green); }.trade-sell { color: var(--danger); }
.trade-person { display: flex; align-items: center; gap: .55rem; }.trade-avatar { width: 1.8rem; height: 1.8rem; display: grid; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 50%; background: var(--panel-raised); color: var(--orange); font-size: .7rem; font-weight: 700; }.trade-avatar img { width: 100%; height: 100%; object-fit: cover; }.trade-profile-link { color: var(--lavender); text-decoration: none; font-weight: 700; }.trade-profile-link:hover { color: var(--orange); }
.inline-empty { padding: 2.5rem; color: var(--muted); text-align: center; font-size: .8rem; }

.power-section { padding: clamp(3.5rem, 9vw, 7rem) 0 clamp(2.5rem, 6vw, 4.5rem); text-align: center; }
.power-intro p { margin-top: .65rem; color: var(--muted); font-size: .9rem; }
.power-number-wrap { display: flex; flex-direction: column; align-items: center; margin-top: 1.25rem; }
.power-number { color: var(--orange); font-size: clamp(5rem, 15vw, 12rem); line-height: .77; letter-spacing: -.01em; font-kerning: normal; font-variant-numeric: tabular-nums; text-shadow: 0 0 3rem rgba(255,98,46,.12); }
.milestone-track-wrap { max-width: 68rem; margin: 4rem auto 0; }
.milestone-track { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: .4rem; }
.milestone-track::before { content: ""; position: absolute; top: .43rem; right: .4rem; left: .4rem; height: 1px; background: var(--line-strong); }
.milestone-node { position: relative; z-index: 1; display: grid; justify-items: center; gap: .55rem; min-width: 2.5rem; color: var(--muted); font-family: var(--font-data); font-size: .62rem; }
.milestone-value { display: block; white-space: nowrap; }
.milestone-label { margin-top: -.32rem; color: var(--orange); font-size: .5rem; font-weight: 700; letter-spacing: .1em; line-height: 1; text-transform: uppercase; white-space: nowrap; }
.milestone-node::before { content: ""; width: .85rem; height: .85rem; border: 2px solid var(--line-strong); border-radius: 50%; background: var(--ink); }
.milestone-node.is-passed { color: var(--lavender); }.milestone-node.is-passed::before { border-color: var(--orange); background: var(--orange); }.milestone-node.is-next { color: var(--orange); }.milestone-node.is-next::before { border-color: var(--orange); box-shadow: 0 0 0 .28rem rgba(255,98,46,.13); }
.milestone-caption { margin-top: 1.1rem; display: flex; justify-content: space-between; color: var(--muted); font-family: var(--font-data); font-size: .68rem; }.milestone-caption strong { color: var(--lavender); }

.buyback-panel { margin-top: 1rem; }.rate-badge { padding: .45rem .68rem; color: var(--ink); background: var(--orange); border-radius: 999px; font-family: var(--font-data); font-size: .72rem; font-weight: 700; }.buyback-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 2rem; padding: 2rem 1.5rem; }.allocation-amount { display: flex; flex-direction: column; gap: .4rem; }.allocation-amount strong { color: var(--text); font-size: clamp(2.4rem, 6vw, 4.2rem); letter-spacing: -.085em; line-height: .9; }.allocation-copy { max-width: 34rem; color: var(--muted); font-size: .88rem; }.allocation-copy p { margin: 0; }.allocation-meta { display: flex; gap: 1.2rem; flex-wrap: wrap; margin-top: 1.2rem; color: var(--muted); font-family: var(--font-data); font-size: .67rem; }.allocation-meta strong { color: var(--lavender); }
.actions-panel { margin-top: 1.5rem; }.action-row { padding: .9rem 1.5rem; display: grid; grid-template-columns: 6rem 1fr 6rem 8rem; gap: 1rem; align-items: center; border-bottom: 1px solid var(--line); font-size: .78rem; }.action-row:last-child { border-bottom: 0; }.action-kind { color: var(--green); font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.action-kind.is-pending { color: var(--orange); }.action-detail { color: var(--lavender); }.action-detail small { display: block; color: var(--muted); font-family: var(--font-data); font-size: .62rem; }.action-amount { color: var(--orange); font-family: var(--font-data); font-variant-numeric: tabular-nums; }.action-link { justify-self: end; color: var(--lavender); font-family: var(--font-data); font-size: .65rem; text-decoration: none; }.action-link:hover { color: var(--orange); }

.state-panel { margin-top: 1.5rem; min-height: 18rem; padding: 2rem; display: grid; place-content: center; justify-items: center; gap: .6rem; color: var(--muted); text-align: center; }.state-panel strong { color: var(--text); font-size: 1.4rem; }.state-panel code { color: var(--orange); font-family: var(--font-data); }.state-error { border: 1px solid rgba(253,93,211,.45); background: rgba(253,93,211,.06); }.button { min-height: 2.75rem; padding: .65rem 1rem; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); color: var(--text); background: var(--panel-raised); font-weight: 700; }.button:hover { border-color: var(--orange); }.button-outline { margin-top: .45rem; }
.site-footer { width: min(100% - 2.5rem, 78rem); min-height: 5rem; margin: 0 auto; padding: 1.25rem 0; display: flex; justify-content: space-between; gap: 1rem; color: var(--muted); border-top: 1px solid var(--line); font-family: var(--font-data); font-size: .62rem; letter-spacing: .1em; }

/* Execution log: compact market rows with a clear Power-to-ETH hierarchy. */
.actions-panel { overflow: hidden; }
.actions-heading { min-height: 7.25rem; align-items: flex-end; padding-block: 1.55rem; }
.actions-heading .eyebrow { color: var(--blue) !important; }
.actions-heading h2 { margin-top: .45rem; font-size: clamp(1.55rem, 3vw, 2.25rem); }
.actions-heading .feed-note { align-self: center; }
.actions-list { padding: .25rem 0; }
.action-row { min-height: 7.1rem; padding: 1.2rem 2rem; grid-template-columns: 8.5rem minmax(0, 1fr) minmax(10rem, .55fr) 5.5rem; gap: 1.5rem; border-bottom: 1px solid var(--line); background: transparent; transition: background .18s ease; }
.action-row:hover { background: linear-gradient(90deg, rgba(81,106,246,.12), rgba(81,106,246,0)); }
.action-row > * { align-self: center; }
.action-status { display: flex; align-items: center; gap: .55rem; line-height: 1; }
.action-status-dot { width: .5rem; height: .5rem; flex: 0 0 auto; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 .25rem rgba(33,201,94,.1); }
.action-kind { color: var(--green); font-size: .64rem; letter-spacing: .14em; }
.action-detail { min-width: 0; color: var(--text); line-height: 1.15; transform: translateY(.38rem); }
.action-detail strong { display: block; color: var(--text); font-size: clamp(1.15rem, 2.2vw, 1.5rem); line-height: 1.1; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
.action-detail small { margin-top: .38rem; color: var(--muted); font-size: .62rem; letter-spacing: .02em; }
.action-amount-wrap { display: grid; gap: .28rem; align-content: center; justify-items: start; line-height: 1; transform: translateY(.2rem); }
.action-amount-label { color: var(--muted); font-family: var(--font-data); font-size: .57rem; font-weight: 700; letter-spacing: .12em; }
.action-amount { color: var(--blue); font-size: .92rem; line-height: 1.2; white-space: nowrap; }
.action-link { justify-self: end; padding: .48rem .62rem; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); color: var(--lavender); transition: border-color .18s ease, color .18s ease, background .18s ease; }
.action-link:hover { border-color: var(--blue); color: var(--text); background: rgba(81,106,246,.12); }

@media (max-width: 820px) { .site-header, .app-shell, .site-footer { width: min(100% - 1.25rem, 78rem); }.market-head { grid-template-columns: 1fr; gap: 1.5rem; }.chart-heading { align-items: flex-start; flex-direction: column; }.chart-controls { justify-content: flex-start; }.buyback-grid { grid-template-columns: 1fr; gap: 1.5rem; }.action-row { grid-template-columns: 6.5rem minmax(0, 1fr) auto; gap: 1rem; padding-inline: 1rem; }.action-link { grid-column: 2 / -1; justify-self: start; }.site-footer { flex-direction: column; } }
@media (max-width: 560px) { .site-header { min-height: 4.4rem; }.wordmark { font-size: 1rem; }.chain-pill { display: none; }.app-shell { padding-top: 2rem; }.market-stats { grid-template-columns: 1fr 1fr; }.stat-cell { min-height: 5.6rem; padding: .8rem; }.stat-cell strong { font-size: 1.05rem; }.chart-wrap { min-height: 18rem; padding: .6rem .4rem; }.price-chart { height: 17rem; }.chart-footer { padding-inline: .9rem; gap: .8rem; }.chart-updated { width: 100%; margin-left: 0; }.trades-list { margin-inline: .2rem; }.trade-row { padding-inline: .9rem; }.power-number { font-size: 5.5rem; }.milestone-track-wrap { margin-top: 3rem; overflow-x: auto; padding-bottom: .35rem; }.milestone-track { min-width: 42rem; }.milestone-caption { gap: 1rem; }.buyback-grid { padding: 1.4rem .9rem; }.panel-heading { padding-inline: .9rem; }.actions-heading { align-items: flex-start; flex-direction: column; gap: .7rem; }.actions-heading .feed-note { align-self: flex-start; }.action-row { grid-template-columns: 1fr auto; gap: .7rem 1rem; padding: 1rem; }.action-status { grid-column: 1 / -1; }.action-detail { grid-column: 1; }.action-amount-wrap { grid-column: 2; grid-row: 2; justify-items: end; }.action-link { grid-column: 1 / -1; min-width: 0; justify-self: start; }.action-row { min-width: 0; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto; animation-duration: .01ms; animation-iteration-count: 1; transition-duration: .01ms; } }
@media (forced-colors: active) { :root { scrollbar-color: auto; }.live-indicator > span, .event-marker { forced-color-adjust: auto; } }

/* Reference composition: the original Fomo site uses an oversized centered
   statement followed by generous rounded content blocks. The market keeps
   that rhythm while replacing marketing art with live price and trader data. */
.market-head { display: block; text-align: center; padding: 4rem 0 3.5rem; }
.market-title-block { max-width: 70rem; margin: 0 auto; }
.market-title-block .eyebrow { color: var(--text); }
.title-line { justify-content: center; }
.title-line h1 { font-size: clamp(3.75rem, 6vw, 5rem); letter-spacing: -.05em; line-height: 1; background: linear-gradient(180deg, #f7f7f7 0%, #cbd0eb 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.market-stats { max-width: 48rem; margin: 3rem auto 0; border: 1px solid var(--line); border-radius: 1.5rem; overflow: hidden; text-align: left; }
.stat-cell { background: var(--panel); }
.panel { border-radius: 1.5rem; background: var(--panel); }
.panel-heading { padding-inline: 2rem; }
.eyebrow, .stat-label, .market-title-block .eyebrow { color: var(--text) !important; }
.panel-heading h2, .power-intro h2, .allocation-amount strong, .action-detail { color: var(--text); font-size: 36px; line-height: 40px; letter-spacing: -.025em; }
.eyebrow, .stat-label { color: var(--text); }
.panel-subtitle { max-width: 34rem; margin-top: .65rem; color: var(--muted); font-size: 1rem; line-height: 1.35; }
.buyback-panel .panel-heading { min-height: 9rem; padding-block: 2rem; }
.buyback-panel .buyback-grid { min-height: 15rem; align-items: center; padding: 3rem 2.2rem; }
.buyback-panel .allocation-amount { gap: .75rem; }
.buyback-panel .allocation-amount strong { font-size: clamp(3.2rem, 7vw, 5.5rem); line-height: .9; letter-spacing: -.06em; }
.buyback-panel .allocation-copy { font-size: 1rem; line-height: 1.45; }
.buyback-panel .allocation-meta { margin-top: 1.6rem; font-size: .78rem; }
.buyback-mini { max-width: 34rem; margin: 4rem auto 0; padding: 1.6rem 1.8rem 1.7rem; text-align: center; border-color: var(--line-strong); background: linear-gradient(180deg, rgba(81,106,246,.08), var(--panel) 70%); }
.mini-kicker { color: var(--muted); font-family: var(--font-data); font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.buyback-mini h2 { margin-top: .45rem; font-size: 1.45rem; line-height: 1.1; letter-spacing: -.04em; }
.mini-amount { display: block; margin-top: 1rem; color: var(--text); font-size: clamp(2.6rem, 8vw, 4.5rem); line-height: .95; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }
.mini-meta { display: flex; justify-content: center; gap: 1rem; margin-top: 1rem; color: var(--muted); font-family: var(--font-data); font-size: .7rem; }
.mini-meta strong { color: var(--text); }
.mini-meta #buybackRate { color: var(--blue); }
.power-section { padding-top: 8rem; }
.power-number { color: var(--text); text-shadow: 0 0 3rem rgba(81,106,246,.2); }
.rate-badge { background: var(--blue); }
@media (max-width: 560px) { .market-head { padding-top: 3rem; }.title-line h1 { font-size: clamp(4.25rem, 21vw, 7rem); }.market-stats { margin-top: 2rem; }.panel-heading { padding-inline: 1rem; } }

/* Keep the market mark open and let the next allocation live inside the engine. */
.market-head { padding-bottom: clamp(6rem, 11vw, 10rem); }
.power-section { padding-bottom: clamp(4rem, 8vw, 6rem); }
.buyback-mini {
  max-width: none;
  margin: clamp(3rem, 7vw, 5rem) auto 0;
  padding: 1rem 1.25rem;
  text-align: left;
  border: 1px solid var(--line-strong);
  border-radius: 1rem;
  background: rgba(17, 17, 26, 0.78);
}
.mini-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}
.mini-inline h2 {
  margin: 0;
  color: var(--text);
  font-size: 1.05rem;
  line-height: 1.2;
  letter-spacing: -.025em;
}
.mini-amount {
  display: block;
  margin: 0;
  color: var(--text);
  font-size: 1.35rem;
  line-height: 1;
  letter-spacing: -.04em;
  white-space: nowrap;
}
@media (max-width: 560px) {
  .mini-inline { align-items: flex-start; flex-direction: column; gap: .55rem; }
  .buyback-mini { margin-top: 2.5rem; }
}

.power-method { margin-top: 1.5rem; }
.power-method-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.power-method-grid article { min-height: 11rem; padding: 1.35rem 1.5rem 1.5rem; border-right: 1px solid var(--line); }
.power-method-grid article:last-child { border-right: 0; }
.power-method-index { color: var(--muted); font-family: var(--font-data); font-size: .68rem; }
.power-method-grid h3 { margin-top: 2.2rem; color: var(--text); font-size: 1.15rem; letter-spacing: -.025em; }
.power-method-grid p { margin-top: .5rem; color: var(--muted); font-size: .76rem; line-height: 1.4; }
.power-formula { display: grid; gap: .65rem; padding: 1.5rem 2rem 1.65rem; border-bottom: 1px solid var(--line); background: linear-gradient(110deg, rgba(81,106,246,.11), rgba(255,98,46,.05)); }
.power-formula-label { color: var(--blue); font-family: var(--font-data); font-size: .64rem; font-weight: 700; letter-spacing: .12em; }
.power-formula code { color: var(--text); font-family: var(--font-data); font-size: clamp(.82rem, 1.7vw, 1.05rem); line-height: 1.45; overflow-wrap: anywhere; }
.power-formula p { max-width: 58rem; color: var(--muted); font-size: .78rem; line-height: 1.45; }
.power-method-grid code, .power-example code { color: var(--lavender); font-family: var(--font-data); font-size: .9em; }
.power-rule { min-height: 2.75rem; margin-top: .75rem; display: flex; align-items: center; flex-wrap: wrap; gap: .42rem; color: var(--muted); font-family: var(--font-data); font-size: .7rem; }
.power-rule code { color: var(--text); font-size: .78rem; }
.power-rule-wide { align-items: flex-start; }
.power-rule-wide code { max-width: 100%; overflow-wrap: anywhere; }
.rank-scale { min-height: 2.75rem; margin-top: .75rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .32rem .65rem; color: var(--muted); font-family: var(--font-data); font-size: .62rem; }
.rank-scale span { display: flex; align-items: baseline; gap: .3rem; white-space: nowrap; }
.rank-scale strong { color: var(--blue); font-size: .85rem; }
.quality-stack { min-height: 5.25rem; margin-top: .7rem; display: grid; gap: .34rem; }
.quality-stack div { display: grid; grid-template-columns: 3.55rem minmax(0, 1fr); gap: .4rem; align-items: baseline; color: var(--muted); font-family: var(--font-data); font-size: .61rem; line-height: 1.35; }
.quality-stack code { color: var(--blue); font-size: .67rem; }
.quality-stack span { overflow-wrap: anywhere; }
.power-example { display: grid; grid-template-columns: minmax(13rem, .7fr) minmax(0, 1.3fr); gap: .55rem 2rem; padding: 1.5rem 2rem 1.7rem; border-top: 1px solid var(--line); background: rgba(6,5,16,.28); }
.power-example h3 { margin-top: .65rem; color: var(--text); font-size: 1.05rem; letter-spacing: -.025em; }
.power-example p { color: var(--muted); font-size: .78rem; line-height: 1.5; }
.power-example-copy { display: grid; gap: .3rem; align-content: center; }
.power-example-copy span { display: block; }
.power-example strong { grid-column: 2; color: var(--orange); font-family: var(--font-data); font-size: clamp(.82rem, 1.8vw, 1.05rem); font-weight: 700; }
.power-example-copy strong { display: inline; grid-column: auto; color: var(--orange); font-family: var(--font-data); font-size: inherit; font-weight: 700; }
.power-example small { grid-column: 2; color: var(--muted); font-size: .68rem; line-height: 1.4; }
.power-story { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; margin-top: 1.5rem; padding: clamp(1.5rem, 4vw, 2.8rem); overflow: hidden; background: linear-gradient(120deg, rgba(81,106,246,.13), rgba(18,17,26,.92) 52%, rgba(253,93,211,.06)); }
.power-story::after { content: ""; position: absolute; z-index: -1; right: -8rem; bottom: -10rem; width: 24rem; height: 20rem; border-radius: 50%; background: radial-gradient(circle, rgba(81,106,246,.16), transparent 68%); pointer-events: none; }
.power-story-copy { max-width: 36rem; }
.power-story-copy h2 { margin-top: .72rem; color: var(--text); font-family: var(--font-body); font-size: clamp(1.8rem, 3.6vw, 3rem); font-weight: 700; font-style: normal; line-height: 1.02; letter-spacing: -.045em; font-kerning: normal; text-wrap: balance; }
.power-story-copy p { margin-top: 1rem; color: var(--muted); font-size: clamp(.88rem, 1.4vw, 1rem); line-height: 1.55; }
.power-loop { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: .55rem; align-items: stretch; }
.power-loop-step { min-height: 7.2rem; padding: .8rem .75rem; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--line-strong); border-radius: var(--radius-md); background: rgba(6,5,16,.36); }
.power-loop-step.is-accent { border-color: rgba(81,106,246,.68); background: rgba(81,106,246,.14); }
.power-loop-step.is-loop-end { border-color: rgba(33,201,94,.5); background: rgba(33,201,94,.07); }
.power-loop-index { color: var(--muted); font-family: var(--font-data); font-size: .62rem; letter-spacing: .1em; }
.power-loop-step strong { color: var(--lavender); font-size: .86rem; line-height: 1.1; letter-spacing: -.025em; }
.power-loop-step.is-accent strong { color: var(--text); }
.power-loop-step.is-loop-end strong { color: var(--green); }
.power-loop-arrow { align-self: center; color: var(--orange); font-family: var(--font-data); font-size: 1rem; }
@media (max-width: 820px) {
  .power-method-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .power-method-grid article:nth-child(2) { border-right: 0; }
  .power-method-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .power-example { grid-template-columns: 1fr; }
  .power-example strong, .power-example small { grid-column: 1; }
  .power-story { grid-template-columns: 1fr; }
  .power-story-copy { max-width: 44rem; }
  .power-loop { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
  .power-loop-arrow { display: none; }
}
@media (max-width: 560px) {
  .power-method-grid { grid-template-columns: 1fr; }
  .power-method-grid article, .power-method-grid article:nth-child(2) { min-height: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .power-method-grid article:last-child { border-bottom: 0; }
  .power-formula, .power-example, .power-story { padding-inline: 1rem; }
  .power-loop { grid-template-columns: 1fr 1fr; gap: .5rem; }
  .power-loop-step { min-height: 6.2rem; }
}