
:root {
  --color-purple: #836ef9;
  --color-deep: #200052;
  --color-bg: #0e100f;
  --color-surface: #16181a;
  --color-surface-2: #1e2124;
  --color-text: #fbfaf9;
  --color-muted: #a8a6a3;
  --color-pos: #3d9a6a;
  --color-neg: #c45c5c;
  --color-border: rgba(131, 110, 249, 0.22);
  --radius: 10px;
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --max-w: 1120px;
}
@media (prefers-color-scheme: light) {
  :root {
    --color-bg: #f5f4f8;
    --color-surface: #ffffff;
    --color-surface-2: #eeeef2;
    --color-text: #121214;
    --color-muted: #5c5a57;
    --color-deep: #e8e4ff;
    --color-border: rgba(80, 60, 160, 0.18);
    --shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  }
  html { color-scheme: light; }
}
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;font-family:var(--font);background:radial-gradient(ellipse 120% 80% at 50% -20%,var(--color-deep),var(--color-bg) 55%);color:var(--color-text);line-height:1.5;min-height:100vh}
.tabular{font-variant-numeric:tabular-nums}
a{color:var(--color-purple)}
.wrap{max-width:var(--max-w);margin:0 auto;padding:1.25rem}
.site-header{border-bottom:1px solid var(--color-border);background:rgba(14,16,15,.9);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}
.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0}
.logo{font-weight:650;color:var(--color-text);text-decoration:none}
.site-nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.88rem}
.site-nav a{text-decoration:none;color:var(--color-muted)}
.site-nav a.active,.site-nav a:hover{color:var(--color-text)}
.site-footer{margin-top:2.5rem;border-top:1px solid var(--color-border);padding:1.5rem 0 2rem}
.disclaimer{font-size:.85rem;color:var(--color-muted);margin:0 0 .5rem}
.hero h1{font-size:clamp(1.35rem,4vw,1.85rem);margin:0 0 .35rem}
.hero p,.prose p{color:var(--color-muted)}
.prose{max-width:70ch}
.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}
table.data{width:100%;border-collapse:collapse;font-size:.85rem}
table.data th,table.data td{border:1px solid var(--color-border);padding:.45rem .5rem;text-align:left;vertical-align:top}
table.data th{background:var(--color-surface-2)}
.table-wrap{overflow-x:auto;margin:1rem 0}
.badge{display:inline-block;font-size:.72rem;padding:.15rem .45rem;border-radius:4px;background:var(--color-surface-2);border:1px solid var(--color-border)}
.badge-ok{border-color:var(--color-pos);color:var(--color-pos)}
.badge-fail{border-color:var(--color-neg);color:var(--color-neg)}
.rate-pos{color:var(--color-neg)}
.rate-neg{color:var(--color-pos)}
.legend{font-size:.8rem;color:var(--color-muted)}
.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;font-size:.88rem}
.filters a{padding:.25rem .5rem;border-radius:6px;border:1px solid var(--color-border);text-decoration:none;color:var(--color-muted)}
.filters a.active{background:rgba(131,110,249,.2);color:var(--color-text)}
.cta-block{margin:1.5rem 0;padding:1rem;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface)}
.faq details{margin-bottom:.65rem;border:1px solid var(--color-border);border-radius:8px;padding:.5rem .75rem;background:var(--color-surface)}
.faq summary{cursor:pointer;font-weight:600}
.field{margin-bottom:.85rem}
.field label{display:block;font-size:.82rem;color:var(--color-muted);margin-bottom:.25rem}
.field input,.field select{width:100%;padding:.5rem .6rem;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text)}
.calculator-grid{display:grid;gap:1.25rem}
@media(min-width:900px){.calculator-grid{grid-template-columns:1fr 1fr}}
.results dt{font-size:.78rem;color:var(--color-muted)}
.results dd{margin:0 0 .65rem;font-size:1.05rem}
.btn{display:inline-block;padding:.55rem 1rem;border-radius:8px;border:none;background:var(--color-purple);color:#fff;font-weight:600;text-decoration:none;cursor:pointer;font-size:.95rem}
.coin-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.4rem .9rem;font-size:.9rem}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin:1rem 0}
.stat{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;padding:.6rem .75rem}
.stat dt{font-size:.75rem;color:var(--color-muted)}
.stat dd{margin:.15rem 0 0;font-size:1.05rem;font-variant-numeric:tabular-nums}
.stat dd small{display:block;font-size:.75rem;color:var(--color-muted)}
.coin-page section,.tool-page section{margin:1.25rem 0}
.coin-page .prose{max-width:75ch}
.spark{width:100%;max-width:520px;height:64px;display:block;margin:.5rem 0}
.hint{font-size:.82rem;color:var(--color-muted)}
.crumbs{font-size:.82rem;color:var(--color-muted);margin:0 0 .5rem}
.badge-stale{border-color:var(--color-border);color:var(--color-muted);opacity:.85}
.source-status{font-size:.85rem;color:var(--color-muted);margin:.5rem 0}
.updated{font-size:.85rem;color:var(--color-muted);margin:0 0 .5rem}
.footer-links a{color:var(--color-muted)}
.stat-sentence{color:var(--color-text);font-size:.95rem;border-left:3px solid var(--color-purple);padding-left:.75rem;margin:.75rem 0}
.method-toc{columns:2;font-size:.9rem;padding-left:1.1rem}
.method-note{border-left:3px solid var(--color-border);padding-left:.75rem}
.hm-wrap{max-height:80vh}
table.heatmap{border-collapse:separate;border-spacing:0;font-size:.74rem}
table.heatmap th,table.heatmap td{border:1px solid var(--color-border);padding:.3rem .4rem;text-align:right;white-space:nowrap}
table.heatmap thead th{position:sticky;top:0;background:var(--color-surface-2);white-space:normal;text-align:center;min-width:5.2rem;z-index:2}
table.heatmap tbody th{position:sticky;left:0;background:var(--color-surface-2);text-align:left;z-index:1;font-weight:600}
table.heatmap thead th:first-child{left:0;z-index:3;text-align:left}
table.heatmap td.hm-none{color:var(--color-muted);text-align:center}
table.heatmap tr.hm-closed td{font-style:italic;opacity:.8}
.hm-0{background:transparent}
.hm-p1{background:rgba(196,92,92,.12)}.hm-p2{background:rgba(196,92,92,.26)}.hm-p3{background:rgba(196,92,92,.42)}.hm-p4{background:rgba(196,92,92,.62)}
.hm-n1{background:rgba(61,154,106,.12)}.hm-n2{background:rgba(61,154,106,.26)}.hm-n3{background:rgba(61,154,106,.42)}.hm-n4{background:rgba(61,154,106,.62)}
.hm-legend{display:flex;flex-wrap:wrap;gap:.35rem .6rem;list-style:none;margin:.75rem 0;padding:0;font-size:.78rem;color:var(--color-muted)}
.hm-legend li{display:flex;align-items:center;gap:.3rem}
.hm-legend .sw{display:inline-block;min-width:3.6rem;padding:.1rem .35rem;border:1px solid var(--color-border);border-radius:4px;text-align:center;color:var(--color-text)}
.flag{display:inline-block;font-size:.7rem;padding:.05rem .35rem;margin:0 .2rem .15rem 0;border-radius:4px;border:1px solid var(--color-border);color:var(--color-muted)}
.risk-list{padding-left:1.1rem;max-width:75ch}
.risk-list li{margin-bottom:.5rem}
.pill-nav{display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:.9rem}
