:root {
  color-scheme: dark;
  --bg: #080b0d;
  --panel: #101518;
  --panel-2: #151c20;
  --line: #263035;
  --ink: #f4f5ef;
  --muted: #8f9ba0;
  --acid: #c8ff4d;
  --cyan: #5ee7e7;
  --orange: #ff9a52;
  --danger: #ff6f73;
  --radius: 18px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 80% 0%, #172324 0, transparent 32rem), var(--bg); color: var(--ink); }
a { color: inherit; }
code { color: var(--acid); }

.site-header { position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: 1rem max(2rem, calc((100vw - 1240px) / 2)); border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(8,11,13,.88); backdrop-filter: blur(18px); }
.brand { display: flex; align-items: center; gap: .75rem; text-decoration: none; }
.brand-mark { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: var(--acid); color: #071000; font-weight: 900; }
.brand strong, .brand small { display: block; }
.brand small { margin-top: .1rem; color: var(--muted); font-size: .72rem; }
.system-status { display: flex; align-items: center; gap: .5rem; color: var(--muted); font-size: .8rem; }
.header-actions, .header-actions nav { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.header-actions { justify-content: flex-end; }
.header-actions nav a { color: #cbd3d5; font-size: .78rem; font-weight: 800; text-decoration: none; }
.header-actions nav a:hover, .header-actions nav a[aria-current="page"], .text-link:hover { color: var(--acid); }
.status-dot { width: 8px; height: 8px; border-radius: 50%; box-shadow: 0 0 12px currentColor; }
.status-dot.is-on { background: var(--acid); color: var(--acid); }
.status-dot.is-off { background: var(--orange); color: var(--orange); }

.page-shell { width: min(1240px, calc(100% - 2rem)); margin: 0 auto; padding: 4rem 0 6rem; }
.hero, .candidate-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3rem; align-items: end; padding: 3.25rem; border: 1px solid var(--line); border-radius: 26px; background: linear-gradient(135deg, rgba(200,255,77,.08), transparent 38%), var(--panel); box-shadow: 0 28px 90px rgba(0,0,0,.25); }
.hero h1, .candidate-hero h1 { max-width: 800px; margin: .4rem 0 1rem; font-size: clamp(2.25rem, 5vw, 4.8rem); line-height: .98; letter-spacing: -.055em; }
.candidate-hero h1 { margin-top: 1rem; }
.eyebrow { margin: 0; color: var(--acid); font-size: .72rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.lede { max-width: 720px; color: #bdc5c7; font-size: 1.05rem; line-height: 1.65; }
.metric-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(82px, 1fr)); min-width: 330px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.metric-strip div { padding: 1rem; background: rgba(0,0,0,.15); text-align: center; }
.metric-strip div + div { border-left: 1px solid var(--line); }
.metric-strip strong, .metric-strip span { display: block; }
.metric-strip strong { font-size: 1.45rem; }
.metric-strip span { margin-top: .25rem; color: var(--muted); font-size: .68rem; text-transform: uppercase; }

.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 2rem; margin: 3.5rem 0 1.25rem; }
.section-heading h2 { margin: .35rem 0 0; font-size: 1.65rem; }
.heading-actions { display: grid; justify-items: end; gap: .45rem; text-align: right; }
.text-link { color: var(--acid); font-size: .78rem; font-weight: 800; text-decoration: none; }
.section-gap { margin-top: 4.5rem; }
.quiet { color: var(--muted); font-size: .8rem; }
.candidate-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
.candidate-card { min-height: 260px; padding: 1.4rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); text-decoration: none; transition: transform .2s, border-color .2s; }
.candidate-card:hover { transform: translateY(-3px); border-color: #49575d; }
.card-topline { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.token-symbol { color: var(--acid); font-weight: 900; letter-spacing: .08em; }
.stage, .mode, .platform, .review { display: inline-flex; width: fit-content; padding: .34rem .58rem; border-radius: 999px; background: #232c30; color: #bac4c7; font-size: .63rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.stage-position_verified, .mode-live { background: rgba(200,255,77,.12); color: var(--acid); }
.stage-awaiting_purchase_proof, .stage-approved_for_manual_buy { background: rgba(255,154,82,.13); color: var(--orange); }
.mode-paper { background: rgba(94,231,231,.12); color: var(--cyan); }
.platform-x { background: rgba(244,245,239,.12); color: var(--ink); }
.platform-instagram { background: rgba(255,111,115,.12); color: #ff9da0; }
.platform-tiktok { background: rgba(94,231,231,.12); color: var(--cyan); }
.review-approved, .review-published { background: rgba(200,255,77,.12); color: var(--acid); }
.review-needs_changes, .review-awaiting { background: rgba(255,154,82,.13); color: var(--orange); }
.review-rejected { background: rgba(255,111,115,.12); color: var(--danger); }
.candidate-card h3 { margin: 2rem 0 .7rem; font-size: 1.5rem; }
.candidate-card > p { min-height: 3.5rem; color: var(--muted); line-height: 1.55; }
.compact-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; margin: 1.5rem 0 0; }
.compact-stats dt, .hero-stats dt, .state-list dt { color: var(--muted); font-size: .65rem; text-transform: uppercase; }
.compact-stats dd, .hero-stats dd, .state-list dd { margin: .3rem 0 0; font-weight: 700; }
.draft-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; }
.draft-list article, .quiet-panel, .empty-state { padding: 1.4rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.draft-list time { color: var(--muted); font-size: .72rem; }
.draft-list p { line-height: 1.55; }
.draft-list small { color: var(--muted); }
.content-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
.content-card { min-width: 0; padding: 1.2rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel-2); }
.content-card h3 { margin: 1.25rem 0 .65rem; color: var(--ink); font-size: 1rem; letter-spacing: 0; text-transform: none; }
.content-card h3 small { color: var(--muted); font-size: .68rem; }
.content-card > p, .content-caption { color: #b5bec1; line-height: 1.55; white-space: pre-line; }
.content-card > small { color: var(--muted); }
.content-card details { margin: 1rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: .8rem 0; }
.content-card summary { color: var(--acid); cursor: pointer; font-size: .78rem; font-weight: 800; }
.content-card pre { margin: .8rem 0; padding: .85rem; border-radius: 10px; overflow-wrap: anywhere; background: #0b1012; color: #cbd3d5; font-family: inherit; font-size: .78rem; line-height: 1.55; white-space: pre-wrap; }
.disclosure-list { display: grid; gap: .35rem; margin: 1rem 0; }
.disclosure-list small { color: var(--muted); }
.experiment-summary { display: grid; gap: .35rem; margin: 1rem 0; padding: .8rem; border: 1px solid rgba(94,231,231,.24); border-radius: 10px; background: rgba(94,231,231,.06); }
.experiment-summary span, .experiment-chip { width: fit-content; color: var(--cyan); font-size: .62rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.experiment-summary strong { font-size: .8rem; text-transform: capitalize; }
.experiment-summary small { color: var(--muted); line-height: 1.45; }
.compact-experiment { margin-bottom: 0; }
.compact-form { margin-top: 1rem; background: #0d1214; }
.edit-draft { margin-top: 1rem; }
.publication-list { display: grid; gap: 1rem; }
.publication-card { padding: 1.2rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel-2); }
.publication-card time { color: var(--muted); font-size: .72rem; }
.publication-card > a { display: inline-block; margin: 1rem 0 0; color: var(--acid); font-size: .8rem; font-weight: 800; text-decoration: none; }
.publication-card > p { color: #b5bec1; line-height: 1.55; white-space: pre-line; }
.metric-history { display: grid; gap: .5rem; margin: 1rem 0; }
.metric-history > div { display: grid; gap: .2rem; padding: .75rem; border: 1px solid var(--line); border-radius: 10px; background: #0b1012; }
.metric-history strong { color: var(--acid); font-size: .72rem; text-transform: uppercase; }
.metric-history span { color: var(--muted); font-size: .75rem; }
.number-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.quiet-panel { color: var(--muted); }
.empty-state { padding: 4rem; text-align: center; }
.empty-state > span { color: var(--acid); font-weight: 900; }
.empty-state h3 { font-size: 1.5rem; }
.empty-state p { color: var(--muted); }

.back-link { display: inline-block; margin: 0 0 1rem; color: var(--muted); text-decoration: none; }
.candidate-hero { align-items: center; padding: 2.4rem; }
.hero-topline { justify-content: flex-start; }
.mint { max-width: 650px; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.hero-stats { display: grid; gap: 1rem; min-width: 190px; margin: 0; }
.hero-stats div { padding: .9rem 1rem; border-left: 2px solid var(--acid); background: rgba(0,0,0,.12); }
.hero-stats dd { font-size: 1.15rem; }
.detail-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr); gap: 1rem; margin-top: 1rem; }
.main-column, .side-column { display: grid; align-content: start; gap: 1rem; }
.panel { padding: 1.6rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.panel-title { display: flex; align-items: center; gap: .7rem; margin-bottom: 1.5rem; }
.panel-title span { color: var(--acid); font-size: .7rem; font-weight: 900; }
.panel-title h2 { margin: 0; font-size: 1.2rem; }
.panel h3 { margin: 1.5rem 0 .5rem; font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; }
.panel p { color: #b5bec1; line-height: 1.55; }
.evidence-list { display: grid; gap: .75rem; }
.evidence-list > div { padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); }
.evidence-list p { margin: .4rem 0; }
.evidence-list small { color: var(--muted); }
.action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.operator-form { display: grid; align-content: start; gap: .85rem; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; background: var(--panel-2); }
.operator-form h3 { margin: 0 0 .25rem; color: var(--ink); }
.operator-form label { display: grid; gap: .35rem; color: var(--muted); font-size: .72rem; font-weight: 700; text-transform: uppercase; }
input, select, textarea { width: 100%; border: 1px solid #344047; border-radius: 9px; outline: none; background: #0b1012; color: var(--ink); padding: .72rem .8rem; font: inherit; }
textarea { min-height: 82px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--acid); box-shadow: 0 0 0 3px rgba(200,255,77,.08); }
button { border: 0; border-radius: 9px; background: var(--acid); color: #071000; padding: .78rem 1rem; font: inherit; font-weight: 900; cursor: pointer; }
button:hover { filter: brightness(1.08); }
button:disabled { cursor: not-allowed; filter: grayscale(1); opacity: .45; }
.operator-form small { color: var(--muted); line-height: 1.4; }
.operator-message { position: sticky; top: 82px; z-index: 5; margin: 1rem 0; padding: .9rem 1rem; border-radius: 10px; font-weight: 700; }
.operator-message.is-working { background: #263238; color: var(--cyan); }
.operator-message.is-success { background: rgba(200,255,77,.15); color: var(--acid); }
.operator-message.is-error { background: rgba(255,111,115,.15); color: var(--danger); }
.state-list { display: grid; gap: 0; margin: 0; }
.state-list div { padding: .85rem 0; border-top: 1px solid var(--line); }
.state-list div:first-child { border-top: 0; padding-top: 0; }
.timeline { margin: 0; padding: 0; list-style: none; }
.timeline li { position: relative; padding: 0 0 1.2rem 1.2rem; border-left: 1px solid #3d494e; }
.timeline li::before { position: absolute; left: -4px; top: .15rem; width: 7px; height: 7px; border-radius: 50%; background: var(--acid); content: ""; }
.timeline strong, .timeline time { display: block; }
.timeline strong { font-size: .8rem; text-transform: capitalize; }
.timeline time { margin-top: .25rem; color: var(--muted); font-size: .68rem; }
.timeline small { display: block; margin-top: .35rem; color: var(--muted); line-height: 1.45; }
.mini-drafts { display: grid; gap: 1rem; }
.mini-drafts > div + div { padding-top: 1rem; border-top: 1px solid var(--line); }
.mini-drafts p { margin-bottom: 0; }

.learning-hero h1 { max-width: 650px; }
.report-form { grid-template-columns: repeat(3, minmax(0, 1fr)) auto; align-items: end; }
.report-form button { min-height: 45px; }
.report-list { display: grid; gap: 1.25rem; }
.report-card { padding: 1.5rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.report-card h3 { margin: .75rem 0 0; font-size: 1.15rem; }
.report-card > .card-topline > small { color: var(--muted); }
.report-totals { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1px; margin: 1.5rem 0; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--line); }
.report-totals div { min-width: 0; padding: 1rem; background: var(--panel-2); }
.report-totals dt { color: var(--muted); font-size: .62rem; letter-spacing: .05em; text-transform: uppercase; }
.report-totals dd { margin: .4rem 0 0; font-size: 1.1rem; font-weight: 850; }
.platform-summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .75rem; }
.platform-summary-grid > div { display: grid; gap: .6rem; padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: #0d1214; }
.platform-summary-grid strong { font-size: .85rem; }
.platform-summary-grid small, .measured-post-list small { color: var(--muted); line-height: 1.5; }
.report-subtitle { margin: 1.5rem 0 .75rem; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.hook-summary-grid > div { border-color: rgba(94,231,231,.22); }
.insight-list { display: grid; gap: .5rem; margin: 1.25rem 0 0; }
.insight-list p { margin: 0; padding-left: 1rem; border-left: 2px solid var(--acid); color: #bdc5c7; line-height: 1.55; }
.report-details { margin-top: 1.25rem; border-top: 1px solid var(--line); padding-top: 1rem; }
.report-details summary { color: var(--acid); cursor: pointer; font-size: .8rem; font-weight: 800; }
.measured-post-list { display: grid; gap: .75rem; margin-top: 1rem; }
.measured-post-list > div { padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); }
.measured-post-list p { color: #b5bec1; line-height: 1.5; white-space: pre-line; }
.measured-post-list pre { margin: .75rem 0; overflow-wrap: anywhere; color: #b5bec1; font-family: inherit; font-size: .78rem; line-height: 1.55; white-space: pre-wrap; }
.learning-signal-grid { margin-bottom: 1rem; }
.learning-rules-card { margin: 1rem 0; }
.learning-examples { margin-bottom: 2rem; padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.measured-post-list a { display: block; margin-top: .7rem; color: var(--acid); font-size: .75rem; font-weight: 800; text-decoration: none; }
.post-experiment { display: grid; gap: .3rem; margin: .75rem 0; padding: .7rem; border-left: 2px solid var(--cyan); background: rgba(94,231,231,.05); }
.post-experiment strong { color: var(--cyan); font-size: .72rem; text-transform: capitalize; }
.post-experiment span { color: var(--muted); font-size: .75rem; line-height: 1.45; }
.missing-measurements { margin: 1rem 0 0; padding: .8rem; border-radius: 10px; background: rgba(255,154,82,.08); color: var(--orange); font-size: .78rem; overflow-wrap: anywhere; }

.goals-hero h1 { max-width: 760px; }
.goal-ladder { display: grid; gap: .75rem; }
.goal-card { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 1.1rem; padding: 1.35rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.goal-card.is-guardrail { border-color: rgba(255,111,115,.28); }
.goal-rank { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: rgba(200,255,77,.1); color: var(--acid); font-weight: 900; }
.goal-card h3, .agent-card h3, .capability-card h3, .achievement-card h3, .metric-observation-grid h3, .decision-list h3 { margin: .75rem 0 .45rem; }
.goal-card p, .agent-card p, .capability-card p, .decision-list p { color: #b5bec1; line-height: 1.55; }
.primary-chip { color: var(--acid); font-size: .65rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.compact-list { display: grid; gap: .4rem; margin: .8rem 0 0; padding-left: 1.15rem; color: var(--muted); font-size: .78rem; line-height: 1.4; }
.compact-list small { display: block; margin-top: .15rem; }
.compact-list .is-passed { color: var(--acid); }
.capability-grid, .agent-grid, .achievement-grid, .metric-observation-grid, .decision-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: .85rem; }
.capability-card, .agent-card, .achievement-card, .metric-observation-grid article, .decision-list article { padding: 1.2rem; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.capability-card > span, .agent-card > span, .achievement-card .card-topline > span, .metric-observation-grid article > span { color: var(--muted); font-size: .62rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.capability-card.permission-autonomous { border-top-color: var(--acid); }
.capability-card.permission-human_approval { border-top-color: var(--orange); }
.capability-card.permission-forbidden { border-top-color: var(--danger); }
.capability-card > small, .agent-card small, .achievement-card > small, .metric-observation-grid small { display: block; color: var(--muted); line-height: 1.45; }
.agent-card details { margin-top: 1rem; padding-top: .8rem; border-top: 1px solid var(--line); }
.agent-card summary { margin-bottom: .7rem; color: var(--acid); cursor: pointer; font-size: .72rem; font-weight: 800; }
.agent-card details small + small { margin-top: .5rem; }
.achievement-card.is-complete { border-color: rgba(200,255,77,.35); background: linear-gradient(145deg, rgba(200,255,77,.06), transparent), var(--panel); }
.progress-track { height: 5px; margin: .8rem 0 1rem; overflow: hidden; border-radius: 99px; background: #263035; }
.progress-track i { display: block; height: 100%; border-radius: inherit; background: var(--acid); }
.metric-observation-grid strong { display: block; margin: .65rem 0; color: var(--acid); font-size: 1.8rem; }

.sources-hero h1 { max-width: 760px; }
.source-form { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; }
.source-form .source-wallet-field, .source-form .source-notes-field { grid-column: span 2; }
.source-form button { min-height: 45px; }
.source-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 1rem; }
.source-card { min-width: 0; padding: 1.35rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.source-card.is-ready { border-color: rgba(200,255,77,.35); background: linear-gradient(145deg, rgba(200,255,77,.045), transparent 42%), var(--panel); }
.source-card h3 { margin: 1.3rem 0 .35rem; font-size: 1.35rem; }
.source-detail-link { color: var(--ink); text-decoration: none; }
.source-detail-link:hover { color: var(--acid); }
.source-card > small { color: var(--muted); }
.source-role { display: inline-flex; margin-right: .25rem; padding: .28rem .5rem; border-radius: 999px; background: rgba(94,231,231,.1); color: var(--cyan); font-size: .6rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.review-candidate { background: rgba(255,154,82,.13); color: var(--orange); }
.review-paused { background: rgba(143,155,160,.15); color: #b8c0c3; }
.identity-links { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
.identity-links a { padding: .55rem .7rem; border: 1px solid var(--line); border-radius: 9px; color: var(--acid); font-size: .72rem; font-weight: 800; text-decoration: none; }
.source-wallet { display: grid; gap: .4rem; padding: .8rem; border: 1px solid var(--line); border-radius: 10px; background: #0b1012; }
.source-wallet span { color: var(--muted); font-size: .62rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.source-wallet code { overflow-wrap: anywhere; color: #cbd3d5; font-size: .72rem; }
.source-warning { margin: .7rem 0 0; padding: .7rem; border-radius: 9px; background: rgba(255,111,115,.09); color: var(--danger); font-size: .75rem; line-height: 1.45; }
.source-notes { color: #b5bec1; font-size: .8rem; line-height: 1.5; }
.source-decision-form { margin-top: 1rem; background: #0d1214; }

.ranking-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 1rem; }
.ranking-card { min-width: 0; padding: 1.35rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.ranking-card.is-eligible { border-color: rgba(200,255,77,.38); background: linear-gradient(145deg, rgba(200,255,77,.055), transparent 45%), var(--panel); }
.ranking-headline { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.ranking-position { color: var(--acid); font-size: .72rem; font-weight: 950; letter-spacing: .08em; }
.ranking-card h3 { margin: 1.1rem 0 .3rem; font-size: 1.35rem; }
.ranking-card > small { color: var(--muted); }
.ranking-score-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 1.2rem 0; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: var(--line); }
.ranking-score-row > div { min-width: 0; padding: .85rem; background: #0b1012; }
.ranking-score-row span, .payout-rank-callout span { display: block; color: var(--muted); font-size: .58rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.ranking-score-row strong { display: block; margin-top: .4rem; overflow-wrap: anywhere; font-size: 1rem; }
.ranking-stats { grid-template-columns: repeat(3, 1fr); }
.ranking-reasons { margin-top: 1rem; border-top: 1px solid var(--line); padding-top: .8rem; }
.ranking-reasons summary { color: var(--acid); cursor: pointer; font-size: .72rem; font-weight: 800; }
.ranking-reasons p { margin: .5rem 0 0; color: var(--muted); font-size: .75rem; line-height: 1.45; }
.payout-rank-callout { margin-bottom: 1rem; padding: 1rem; border: 1px solid rgba(200,255,77,.28); border-radius: 11px; background: rgba(200,255,77,.05); }
.payout-rank-callout strong { display: block; margin: .45rem 0; color: var(--acid); font-size: 1.4rem; }
.payout-rank-callout small { color: var(--muted); }

.source-detail-hero h1 { margin-top: .8rem; }
.call-capture-form, .outcome-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.call-capture-form .wide-field, .outcome-form .wide-field { grid-column: span 2; }
.call-performance-list { display: grid; gap: 1rem; }
.call-performance-card { min-width: 0; padding: 1.2rem; border: 1px solid var(--line); border-radius: 14px; background: var(--panel-2); }
.call-performance-card h3 { margin: 1rem 0 .35rem; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .85rem; }
.call-performance-card > small { color: var(--muted); }
.call-performance-card > .text-link { display: inline-block; margin-top: 1rem; }
.platform-pump { background: rgba(200,255,77,.12); color: var(--acid); }
.platform-gmgn { background: rgba(199,143,255,.14); color: #d6b2ff; }
.platform-telegram { background: rgba(94,231,231,.12); color: var(--cyan); }
.platform-other { background: rgba(143,155,160,.15); color: #b8c0c3; }
.outcome-chip-list { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1rem 0; }
.outcome-chip-list span { padding: .4rem .55rem; border: 1px solid var(--line); border-radius: 8px; color: #bdc5c7; font-size: .68rem; }
.native-performance { margin: 1rem 0; padding: .9rem; border: 1px solid rgba(200,255,77,.24); border-radius: 10px; background: rgba(200,255,77,.045); }
.native-performance.is-deleted { border-color: rgba(255,111,115,.25); background: rgba(255,111,115,.04); }
.native-performance strong { color: var(--acid); font-size: .75rem; text-transform: uppercase; }
.native-performance .compact-stats { margin-top: .8rem; }
.native-performance small { display: block; margin-top: .7rem; color: var(--muted); line-height: 1.45; }
.native-performance p { margin-bottom: 0; color: var(--muted); font-size: .78rem; }
.grade-reasons { margin: 1rem 0; padding: .8rem; border-left: 2px solid var(--cyan); background: rgba(94,231,231,.04); }
.grade-reasons p { margin: .3rem 0; color: var(--muted); font-size: .75rem; }
.call-operator-details { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.call-operator-details summary { color: var(--acid); cursor: pointer; font-size: .78rem; font-weight: 800; }
.outcome-form { margin-top: 1rem; }
.grade-call-form { display: block; margin-top: .75rem; padding: 0; border: 0; background: transparent; }
.grade-call-form button { width: 100%; background: #263238; color: var(--cyan); }
.scorecard-form { margin-top: 1.2rem; }
.scorecard-reason { background: rgba(255,154,82,.08); color: var(--orange); }

.pause-banner { margin: 0 0 1.25rem; padding: 1rem 1.15rem; border: 1px solid rgba(255,111,115,.45); border-radius: 14px; background: rgba(255,111,115,.12); color: #ffd0d2; line-height: 1.5; }
.status-dot.is-ok, .status-dot.is-on { background: var(--acid); color: var(--acid); }
.status-dot.is-stale, .status-dot.is-unavailable, .status-dot.is-off { background: var(--orange); color: var(--orange); }
.status-dot.is-paused, .status-dot.is-failing { background: var(--danger); color: var(--danger); }
.health-ok { background: rgba(200,255,77,.12); color: var(--acid); }
.health-stale { background: rgba(255,154,82,.13); color: var(--orange); }
.health-failing { background: rgba(255,111,115,.12); color: var(--danger); }
.ops-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.feed-card h3, .job-card h3 { margin: .8rem 0 .35rem; font-size: 1rem; text-transform: none; letter-spacing: 0; }
.feed-card p, .job-card p { margin: .35rem 0 0; }
.job-meta { display: grid; gap: .35rem; margin: 1rem 0; color: var(--muted); font-size: .78rem; }
.job-meta span { overflow-wrap: anywhere; }
.audit-list { display: grid; gap: .65rem; }
.audit-list article { padding: .9rem 1rem; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); }
.audit-list time, .audit-list small { color: var(--muted); }
.login-card { width: min(440px, 100%); margin: 6vh auto; padding: 1.6rem; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.login-card h1 { margin: .4rem 0 1rem; font-size: 2rem; letter-spacing: -.04em; }
.login-error { margin: 0 0 1rem; color: var(--danger); font-weight: 700; }
.callout-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.callout-table { width: 100%; border-collapse: collapse; font-size: .82rem; }
.callout-table th, .callout-table td { padding: .65rem .5rem; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.callout-table th { color: var(--muted); font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }
.callout-table .num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.callout-table .thesis { max-width: 26rem; }

@media (max-width: 860px) {
  .hero, .candidate-hero, .detail-layout { grid-template-columns: 1fr; }
  .metric-strip { min-width: 0; }
  .hero, .candidate-hero { padding: 2rem; }
  .action-grid, .report-form, .source-form, .call-capture-form, .outcome-form { grid-template-columns: 1fr; }
  .source-form .source-wallet-field, .source-form .source-notes-field, .call-capture-form .wide-field, .outcome-form .wide-field { grid-column: span 1; }
  .number-grid { grid-template-columns: 1fr; }
  .report-totals { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .page-shell { width: min(100% - 1rem, 1240px); padding-top: 1rem; }
  .site-header { padding: .8rem; }
  .system-status { display: none; }
  .header-actions nav { gap: .7rem; }
  .hero, .candidate-hero { padding: 1.3rem; }
  .metric-strip { grid-template-columns: 1fr; }
  .metric-strip div + div { border-left: 0; border-top: 1px solid var(--line); }
  .section-heading { align-items: start; flex-direction: column; }
  .compact-stats { grid-template-columns: 1fr; }
  .ranking-grid { grid-template-columns: 1fr; }
  .ranking-score-row { grid-template-columns: 1fr; }
  .heading-actions { justify-items: start; text-align: left; }
  .report-totals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* paper-trading dashboard */
.paper-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; margin: 1rem 0; }
#paper-equity, #paper-lanes, #paper-open, #paper-trades, #paper-rejections { margin: 1rem 0; overflow-x: auto; }
.paper-table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.paper-table th, .paper-table td { padding: .45rem .6rem; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; }
.paper-table th { color: var(--muted); font-size: .7rem; text-transform: uppercase; }
.paper-chart { width: 100%; height: 180px; color: var(--acid); display: block; }
.chart-frame { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .45rem; align-items: stretch; }
.chart-y { display: flex; flex-direction: column; justify-content: space-between; min-width: 3.6rem; color: #c5cecf; font-size: .78rem; font-variant-numeric: tabular-nums; text-align: right; }
.chart-x { position: relative; height: 1.5rem; margin-top: .35rem; }
.chart-x span { position: absolute; top: 0; transform: translateX(-50%); color: #c5cecf; font-size: .75rem; white-space: nowrap; }
.chart-x span:first-child { transform: none; }
.chart-x span:last-child { transform: translateX(-100%); }
.chart-hover { min-height: 1.3em; color: #c5cecf; }
#trading-region[aria-busy="true"] #trading-panel { opacity: .55; }
.paper-chart circle { fill: currentColor; }
.book-switch, .lane-tabs { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1rem 0; }
.book-switch a, .lane-tabs a { color: var(--muted); font-size: .78rem; font-weight: 800; text-decoration: none; padding: .4rem .75rem; border: 1px solid var(--line); border-radius: 999px; background: rgba(0,0,0,.2); }
.book-switch a[aria-current="page"], .lane-tabs a[aria-current="page"] { color: #071000; background: var(--acid); border-color: var(--acid); }
.basis { color: #c5cecf; font-size: .92rem; line-height: 1.55; }
.trade-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
.trade-card { padding: 1.1rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.trade-card p { line-height: 1.5; }
.table-wrap { overflow-x: auto; }
.report-details { margin: 1.2rem 0; padding: 1rem 1.1rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.report-details summary { cursor: pointer; font-weight: 800; }
.paper-pill { display: inline-block; padding: .1rem .5rem; border: 1px solid var(--line); border-radius: 999px; font-size: .7rem; }
.paper-ok { color: var(--acid); }
.paper-bad { color: #ff6b6b; border-color: #ff6b6b; }
.paper-list { margin: 0; padding-left: 1.1rem; }
.paper-empty { color: var(--muted); }