/* Le body DOIT etre peint : sans fond opaque, Chrome (mode sombre auto) et le pane
   du dev rendent le texte clair delave — c'est ce que Marc a vu. Meme couleur que le site. */
body.cx-page{background:#0b0805;color:#f5f1e9;margin:0;min-height:100vh}
/* crypto.css — /crypto : niveaux dealer BTC/ETH (Deribit). Palette du site en dur,
   comme redesign-base.css (pas de variables CSS dans la base). */
.cx-wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:28px 32px 64px;color:#f5f1e9}
.cx-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 13px;border:1px solid rgba(212,180,131,.22);border-radius:100px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#c4bdae;margin-bottom:16px}
.cx-h1{color:#f5f1e9;font-family:Newsreader,serif;font-weight:500;font-size:clamp(34px,4.6vw,56px);line-height:1.04;letter-spacing:-.02em;margin:0 0 12px}
.cx-sub{font-size:17px;line-height:1.55;color:#b3ab9c;max-width:640px;margin:0 0 22px}
.cx-switch{display:inline-flex;gap:6px;padding:4px;border:1px solid rgba(245,241,233,.1);border-radius:12px;background:rgba(255,255,255,.02);margin-bottom:22px}
.cx-switch button{appearance:none;border:0;background:transparent;color:#b3ab9c;font:600 14px/1 "JetBrains Mono",monospace;padding:10px 16px;border-radius:9px;cursor:pointer;transition:background .15s,color .15s}
.cx-switch button[aria-pressed="true"]{background:#d4b483;color:#1a1408}
.cx-status{font-family:"JetBrains Mono",monospace;font-size:12px;color:#8a8478;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.cx-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b9c7a8;margin-right:6px;vertical-align:middle}
.cx-status[data-state="stale"] .cx-dot{background:#d4b483}
.cx-status[data-state="error"] .cx-dot{background:#c86b5a}
.cx-readings{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 26px}
.cx-read{padding:14px 16px;border:1px solid rgba(245,241,233,.08);border-radius:12px;background:rgba(255,255,255,.02)}
.cx-read b{display:block;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#8a8478;margin-bottom:6px;font-weight:500}
.cx-read span{font-family:"JetBrains Mono",monospace;font-size:20px;color:#f5f1e9}
.cx-read small{display:block;font-size:12px;color:#8a8478;margin-top:4px}
.cx-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:22px;align-items:start}
@media(max-width:900px){.cx-grid{grid-template-columns:1fr}}
.cx-card{border:1px solid rgba(245,241,233,.08);border-radius:14px;background:linear-gradient(160deg,#1a140c,#140f09);padding:16px 18px}
.cx-card h2{font-family:Newsreader,serif;font-weight:500;font-size:22px;margin:0 0 4px}
.cx-card .cx-note{font-size:13px;color:#8a8478;margin:0 0 12px;line-height:1.5}
.cx-chart{height:380px;position:relative}
.cx-chart:empty::after{content:"Loading candles…";position:absolute;inset:0;display:grid;place-items:center;color:#8a8478;font-family:"JetBrains Mono",monospace;font-size:12px}
.cx-ladder{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cx-ladder li{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(245,241,233,.06)}
.cx-ladder .cx-mark{width:14px;height:3px;border-radius:2px}
.cx-ladder .cx-name{font-size:14px;color:#f5f1e9}
.cx-ladder .cx-name small{display:block;color:#8a8478;font-size:12px}
.cx-ladder .cx-px{font-family:"JetBrains Mono",monospace;font-size:15px;color:#f5f1e9;text-align:right}
.cx-ladder .cx-px small{display:block;font-size:11px;color:#8a8478}
.cx-ladder li[data-spot="1"]{border-color:rgba(212,180,131,.35)}
.cx-profile{display:grid;grid-template-columns:auto 1fr auto;gap:6px 10px;align-items:center;font-family:"JetBrains Mono",monospace;font-size:12px}
.cx-profile .cx-k{color:#b3ab9c;text-align:right}
.cx-profile .cx-bar{height:10px;border-radius:3px;position:relative;background:rgba(255,255,255,.04)}
.cx-profile .cx-bar i{position:absolute;top:0;bottom:0;border-radius:3px}
.cx-profile .cx-bar i.pos{background:#7fb37a;left:50%}
.cx-profile .cx-bar i.neg{background:#c86b5a;right:50%}
.cx-profile .cx-v{color:#8a8478;min-width:64px;text-align:right}
.cx-profile .cx-spot{color:#d4b483}
.cx-hist{height:120px;display:block;width:100%}
.cx-legend{display:flex;flex-wrap:wrap;gap:14px;font-family:"JetBrains Mono",monospace;font-size:11px;color:#8a8478;margin-top:8px}
.cx-legend i{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.cx-cta{margin-top:26px;padding:20px 22px;border:1px solid rgba(212,180,131,.22);border-radius:14px;background:rgba(212,180,131,.05);display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.cx-cta p{margin:0;color:#b3ab9c;max-width:620px;line-height:1.5}
.cx-cta a{display:inline-flex;align-items:center;padding:12px 20px;border-radius:10px;background:#d4b483;color:#1a1408;font-weight:600;text-decoration:none;white-space:nowrap}
.cx-disc{font-size:12px;color:#8a8478;line-height:1.6;margin-top:26px;border-top:1px solid rgba(245,241,233,.08);padding-top:14px}

/* Couleurs par classe : la CSP du site interdit les attributs style inline. */
.cx-sw-cw,.cx-mark--call_wall{background:#7fb37a}.cx-sw-flip,.cx-mark--gamma_flip{background:#e8dcc2}
.cx-sw-zg,.cx-mark--zero_gamma{background:#d4b483}.cx-sw-pw,.cx-mark--put_wall{background:#c86b5a}
.cx-sw-spot,.cx-mark--spot{background:#f5f1e9}.cx-grid--mt{margin-top:22px}

.cx-lock{margin:0 0 22px;padding:20px 22px;border:1px solid rgba(212,180,131,.35);border-radius:14px;background:rgba(212,180,131,.07)}
.cx-lock h2{font-family:Newsreader,serif;font-weight:500;font-size:22px;margin:0 0 6px;color:#f5f1e9}
.cx-lock p{margin:0 0 14px;color:#b3ab9c;line-height:1.5}
.cx-lock__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cx-lock__btn{display:inline-flex;align-items:center;padding:11px 18px;border-radius:10px;background:#d4b483;color:#1a1408;font-weight:600;text-decoration:none}
.cx-lock__link{color:#f5f1e9;text-decoration:underline;font-size:14px}

/* ===== GEX THEMES (GENERATED - do not edit, run scripts/gen-themes.py) ===== */
/* -- theme dark -- */
html[data-theme="dark"] body.cx-page { background: #000000; }
html[data-theme="dark"] .cx-switch button[aria-pressed="true"] { color: #050506; }
html[data-theme="dark"] .cx-card { background: linear-gradient(160deg,#080705,#060504); }
html[data-theme="dark"] .cx-cta a { color: #050506; }
html[data-theme="dark"] .cx-lock__btn { color: #050506; }
/* -- theme white -- */
html[data-theme="white"] body.cx-page { background: #faf8f4; }
html[data-theme="white"] body.cx-page { color: #241f16; }
html[data-theme="white"] .cx-wrap { color: #241f16; }
html[data-theme="white"] .cx-eyebrow { color: #6e6553; }
html[data-theme="white"] .cx-eyebrow { border-color: rgba(165, 128, 60, .22); }
html[data-theme="white"] .cx-h1 { color: #241f16; }
html[data-theme="white"] .cx-sub { color: #6e6759; }
html[data-theme="white"] .cx-switch { border-color: rgba(36, 31, 22, .1); }
html[data-theme="white"] .cx-switch button { color: #6e6759; }
html[data-theme="white"] .cx-switch button[aria-pressed="true"] { background: #a5803c; }
html[data-theme="white"] .cx-switch button[aria-pressed="true"] { color: #fdfbf7; }
html[data-theme="white"] .cx-status { color: #8a8478; }
html[data-theme="white"] .cx-dot { background: #5d7a45; }
html[data-theme="white"] .cx-status[data-state="stale"] .cx-dot { background: #a5803c; }
html[data-theme="white"] .cx-read { border-color: rgba(36, 31, 22, .08); }
html[data-theme="white"] .cx-read b { color: #8a8478; }
html[data-theme="white"] .cx-read span { color: #241f16; }
html[data-theme="white"] .cx-read small { color: #8a8478; }
html[data-theme="white"] .cx-card { border-color: rgba(36, 31, 22, .08); }
html[data-theme="white"] .cx-card { background: linear-gradient(160deg,#f6f4f1,#f6f4f1); }
html[data-theme="white"] .cx-card .cx-note { color: #8a8478; }
html[data-theme="white"] .cx-chart:empty::after { color: #8a8478; }
html[data-theme="white"] .cx-ladder li { border-color: rgba(36, 31, 22, .06); }
html[data-theme="white"] .cx-ladder .cx-name { color: #241f16; }
html[data-theme="white"] .cx-ladder .cx-name small { color: #8a8478; }
html[data-theme="white"] .cx-ladder .cx-px { color: #241f16; }
html[data-theme="white"] .cx-ladder .cx-px small { color: #8a8478; }
html[data-theme="white"] .cx-ladder li[data-spot="1"] { border-color: rgba(165, 128, 60, .35); }
html[data-theme="white"] .cx-profile .cx-k { color: #6e6759; }
html[data-theme="white"] .cx-profile .cx-v { color: #8a8478; }
html[data-theme="white"] .cx-profile .cx-spot { color: #a5803c; }
html[data-theme="white"] .cx-legend { color: #8a8478; }
html[data-theme="white"] .cx-cta { background: rgba(165, 128, 60, .05); }
html[data-theme="white"] .cx-cta { border-color: rgba(165, 128, 60, .22); }
html[data-theme="white"] .cx-cta p { color: #6e6759; }
html[data-theme="white"] .cx-cta a { background: #a5803c; }
html[data-theme="white"] .cx-cta a { color: #fdfbf7; }
html[data-theme="white"] .cx-disc { color: #8a8478; }
html[data-theme="white"] .cx-disc { border-top-color: rgba(36, 31, 22, .08); }
html[data-theme="white"] .cx-sw-zg, html[data-theme="white"] .cx-mark--zero_gamma { background: #a5803c; }
html[data-theme="white"] .cx-sw-spot, html[data-theme="white"] .cx-mark--spot { background: #241f16; }
html[data-theme="white"] .cx-lock { background: rgba(165, 128, 60, .07); }
html[data-theme="white"] .cx-lock { border-color: rgba(165, 128, 60, .35); }
html[data-theme="white"] .cx-lock h2 { color: #241f16; }
html[data-theme="white"] .cx-lock p { color: #6e6759; }
html[data-theme="white"] .cx-lock__btn { background: #a5803c; }
html[data-theme="white"] .cx-lock__btn { color: #fdfbf7; }
html[data-theme="white"] .cx-lock__link { color: #241f16; }
/* ===== END GEX THEMES ===== */