/* Joki Radar "Slip" look (owner choice B, 25 Sep 2026). Loaded last; remove the <link> to roll back. */
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/fonts/figtree-latin.woff2) format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:600 800;font-display:swap;src:url(/static/fonts/schibsted-latin.woff2) format("woff2")}
:root{color-scheme:light;
 --jr-ink:#10191C;--ink-2:#1B2629;--on-ink:#F4F5EF;--on-ink-muted:#AEB9B4;--lime:#DCE75E;
 --jr-paper:#EFF1EA;--card:#FBFCF8;--tint:#EEF1E7;--text-1:#13201D;--muted-1:#56625D;--line-1:#DCE0D6;--line-2:#C4CBC0;
 --buy:#1E8F58;--buy-bg:#EFF7F1;--sell:#C8423A;--sell-bg:#FBF0EE;--link:#2A6247;--warn-bg:#FFF5DE;--warn-line:#EBCB84;--warn-text:#6E4C07;
 --display:"Schibsted Grotesk",Figtree,system-ui,sans-serif;--body:Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;
 /* remap the old tokens used by style.css / client.css / watchlist.css */
 --bg:var(--jr-paper);--surface:var(--card);--line:var(--line-1);--text:var(--text-1);--muted:var(--muted-1);
 --green:var(--link);--up:var(--buy);--red:var(--sell);--cyan:var(--link);--font-mono:var(--body)}
body{background:var(--jr-paper);color:var(--text-1);font-family:var(--body)}
h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--link);outline-offset:3px}

/* ---------- brand mark: one wordmark everywhere ---------- */
.brand{font-family:var(--display);font-weight:800;letter-spacing:-.01em!important;text-transform:lowercase;gap:10px}
svg.mark{color:var(--lime);background:var(--jr-ink);border-radius:9px;padding:3px}

/* ---------- buttons ---------- */
.primary,.home-actions .primary,.button{background:var(--lime)!important;color:var(--jr-ink)!important;border:1px solid var(--btn-line)!important;border-radius:999px!important;font-weight:700;font-family:var(--body)}
.primary:hover,.button:hover{background:var(--btn-hover)!important}
.secondary,.button.secondary{background:var(--card)!important;color:var(--text-1)!important;border:1px solid var(--line-2)!important;border-radius:999px!important}
.secondary:hover{background:var(--tint)!important}
.button.danger{background:transparent!important;color:var(--sell)!important;border-color:var(--danger-line)!important}
.quiet{color:var(--on-ink-muted)}.quiet:hover{color:var(--on-ink)}

/* ---------- forms ---------- */
input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select{background:var(--card)!important;color:var(--text-1)!important;border:1px solid var(--line-2)!important;border-radius:10px!important}
input::placeholder,textarea::placeholder{color:var(--placeholder)}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--buy)}

/* ---------- notices ---------- */
.notice{background:var(--warn-bg)!important;border:1px solid var(--warn-line)!important;color:var(--warn-text)!important;border-radius:10px!important}
.notice.live{background:var(--buy-bg)!important;border-color:var(--buy-line)!important;color:var(--live-text)!important}

/* ================= PUBLIC HOME (index, signed out) ================= */
#auth.public-home{background:var(--jr-paper);color:var(--text-1)}
.home-header{max-width:none;padding-inline:max(20px,calc((100% - 1180px)/2 + 32px));background:var(--jr-ink);color:var(--on-ink);border-bottom:0;height:72px}
.home-header .brand{letter-spacing:-.01em;font-size:20px}
.home-signin{color:var(--on-ink);border:1px solid #3A4A4D;border-radius:999px;padding:0 16px;min-height:40px;gap:6px}
.home-signin span{display:none}
.home-hero{background:var(--jr-ink);color:var(--on-ink);box-shadow:0 0 0 100vmax var(--jr-ink);clip-path:inset(0 -100vmax);padding:40px 0 56px}
.home-pitch .eyebrow,.home-personality,.home-guide-head,.home-guide-note,.home-number,.home-section-title .eyebrow,.home-help .eyebrow,.home-markets .eyebrow{display:none}
.home-pitch h1{font-family:var(--display);font-weight:800;letter-spacing:-.035em;margin-top:0}
.home-pitch em{color:var(--lime)}
.home-lead,.home-eligibility{color:var(--on-ink-muted)}
.home-actions .primary{gap:12px;justify-content:center}
.home-how{color:var(--on-ink)}
.home-guide{background:var(--ink-2);border:1px solid #2E3B3E;box-shadow:none;border-radius:16px;color:var(--on-ink)}
.home-guide h2{font-size:26px;margin:0 0 8px}
.home-guide-row{border-top:1px solid #2E3B3E}
.home-guide-row p{color:var(--on-ink-muted)}
.home-markets{border:0;padding:32px 0 8px}
.home-markets>div{font-family:var(--body);font-weight:600;font-size:14px;color:var(--text-1);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
.home-markets>div span{background:var(--card);border:1px solid var(--line-1);border-radius:999px;padding:6px 12px}
.home-steps{counter-reset:step}
.home-steps li{border-top:0;background:var(--card);border:1px solid var(--line-1);border-radius:14px;padding:18px;counter-increment:step}
.home-steps li>span{display:none}
.home-steps li h3::before{content:counter(step);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--jr-ink);color:var(--lime);font:800 14px var(--display);margin-right:10px;vertical-align:2px}
.home-steps h3{font-size:19px;margin:0 0 8px}
.home-steps li p,.home-help p,.home-steps>p{color:var(--muted-1)}
.home-section-title h2,.home-help h2{font-family:var(--display);letter-spacing:-.025em}
.home-help{background:var(--tint);border:0;border-radius:16px}
.home-help .secondary{color:var(--text-1)!important}
.home-steps>h3{font-size:18px;margin:26px 0 6px}
.home-risk{color:var(--muted-1)}
.public-home .auth-form{border-top:1px solid var(--line-1)}
.public-home a:focus-visible,.public-home summary:focus-visible{outline-color:var(--link)}
#client-email-entry a:not(.primary),.auth-note a,.home-content a:not(.primary):not(.secondary){color:var(--link)}
.auth-bottom>span{color:var(--muted-1)}

/* ================= WORKSPACE (signed in) ================= */
.topbar{background:var(--jr-ink);color:var(--on-ink);border-bottom:0}
.topbar .brand{color:var(--on-ink)}
.pilot-tag{color:var(--on-ink-muted);border-left-color:#3A4A4D}
.main-nav{background:var(--card);border-bottom:1px solid var(--line-1)}
.main-nav .nav-active{color:var(--text-1);border-bottom-color:var(--jr-ink);font-weight:700}
.page-heading h1{font-family:var(--display);font-weight:800}
.seg-family{font-family:var(--body)!important;text-transform:none!important;letter-spacing:0!important;font-weight:600;color:var(--muted-1)}
.segmented button,.family-options button{background:var(--card);border:1px solid var(--line-1);color:var(--text-1);border-radius:10px;font-family:var(--body)!important;font-weight:700}
.segmented button.selected{background:var(--jr-ink);border-color:var(--jr-ink);color:var(--on-ink)}
.segmented button.selected .mk-badge{color:var(--lime)}
.time-controls{border:1px solid var(--line-1);border-radius:999px;background:var(--card)}
.time-controls button{border-radius:999px;color:var(--muted-1)}
.time-controls .selected{background:var(--jr-ink);color:var(--on-ink)}
.quick-guide{color:var(--muted-1)}
.chart-card,.panel,.first-look{background:var(--card);border:1px solid var(--line-1);border-radius:16px}
.chart-heading .eyebrow,#chart-title{font-family:var(--body);letter-spacing:.02em;font-weight:700;color:var(--muted-1)}
#price{font-family:var(--display)!important;font-weight:700}
.quote-meta,.chart-foot,#updated{font-family:var(--body)!important}
.neutral{background:var(--tint);color:var(--text-1)}
.bull{background:var(--buy-bg);color:var(--buy)}
.bear{background:var(--sell-bg);color:var(--sell)}
.setup-state{color:var(--link)}
.mk-badge{color:var(--muted-1)}
.empty{background:var(--jr-paper);border-color:var(--line-2)}
#toast{background:var(--jr-ink);color:var(--on-ink);border-color:var(--jr-ink)}
dialog{background:var(--card);color:var(--text-1)}dialog::backdrop{background:#10191c99}
.mini-icon{border-color:var(--line-2)}
.footer b{color:var(--muted-1)}

/* signal card */
.sc{background:var(--card);border:1px solid var(--line-1);border-radius:16px;padding:16px 18px}
.sc.buy{background:var(--buy-bg);border-color:var(--buy-line)}
.sc.sell{background:var(--sell-bg);border-color:var(--sell-line)}
.sc-action{font-family:var(--display);font-weight:800;font-size:2.8rem;letter-spacing:-.035em}
.sc.wait .sc-action{color:var(--muted-1)}
.sc-conf{font-weight:700}
.sc-dots{color:var(--text-1)}
.sc.buy .sc-dots{color:var(--buy)}.sc.sell .sc-dots{color:var(--sell)}
.sc-prog{background:var(--prog)}
.sc-warn{color:var(--warn-text)}
.sc details summary{color:var(--link);font-weight:600}
.sc-why li.ok{color:var(--buy)}

/* watchlist + pin: drawn icons instead of star characters */
.pin-btn{background:var(--card);border:1px solid var(--line-2);color:var(--text-1);font-weight:700}
.pin-btn[aria-pressed="true"]{background:var(--jr-ink);color:var(--lime);border-color:var(--jr-ink)}
.watch-family .seg-family{color:var(--text-1)}

/* ================= JOIN / PRIVACY (registration.css pages) ================= */
body:has(> main #signup),body:has(> main.privacy){--accent:var(--link);--paper:var(--text-1);--muted:var(--muted-1);--line:var(--line-1);--ink:var(--jr-paper);background:var(--jr-paper);color:var(--text-1);font-family:var(--body)}
body:has(> main #signup)>header,body:has(> main.privacy)>header{max-width:none;background:var(--jr-ink);border-bottom:0;padding-inline:max(16px,calc((100% - 1050px)/2 + 24px))}
body:has(> main #signup)>header a,body:has(> main.privacy)>header a{color:var(--on-ink)}
body:has(> main #signup)>header .brand span,body:has(> main.privacy)>header .brand span{display:none}
body:has(> main #signup) .eyebrow,body:has(> main.privacy) .eyebrow{display:none}
body:has(> main #signup) h1 em{color:var(--link)}
body:has(> main #signup) .notice{border-left-width:1px}
body:has(> main #signup) .choices label,body:has(> main #signup) .market-options label{background:var(--card);border-color:var(--line-2);border-radius:10px}
body:has(> main #signup) .choices label:has(input:checked){border-color:var(--text-1);box-shadow:inset 0 0 0 1px var(--text-1)}
body:has(> main #signup) footer,body:has(> main.privacy) footer{color:var(--muted-1)}
body:has(> main #signup) .danger-zone{border-left:0;background:var(--sell-bg);border-radius:12px;padding:4px 16px 12px}

/* ================= help button: smaller, out of the way ================= */
.founder-help{font-family:var(--body);color:var(--text-1)}
.founder-help summary{background:var(--jr-ink);color:var(--on-ink);border:0;border-radius:999px;padding:10px 16px;font-weight:700;box-shadow:0 4px 14px #10191c33}
.founder-help[open] summary{border-radius:999px;margin-bottom:8px}
.founder-help .help-card{background:var(--card);border:1px solid var(--line-1);border-radius:14px;color:var(--text-1);box-shadow:0 10px 30px #10191c26}
.founder-help .help-note{color:var(--muted-1)}
.founder-help .help-link{background:var(--lime);color:var(--jr-ink);border-radius:999px}
@media(max-width:800px){.founder-help summary{padding:8px 14px;font-size:13px;min-height:40px}}

/* QA pass 1 (25 Sep) */
body:has(> main #signup)>header .brand,body:has(> main.privacy)>header .brand{display:flex;align-items:center;gap:10px;font-size:21px}
.brand svg.mark{width:30px;height:30px;flex:0 0 30px}
.first-look>.eyebrow{display:none}
.footer>span{letter-spacing:0;text-transform:lowercase;font-family:var(--display);font-weight:800;color:var(--text-1)}
.footer b{text-transform:none;font-family:var(--body);font-weight:500}
#price{font-variant-numeric:normal}
@media(max-width:800px){
 .founder-help summary{font-size:0;width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;border-radius:50%}
 .founder-help summary::before{content:"?";font:800 20px/1 var(--display);color:var(--lime)}
 .founder-help[open] summary{border-radius:50%;margin-left:auto}
}

/* QA pass 2 (25 Sep): owner-only gold box on the light theme */
.gold-family .seg-family{color:var(--gold-label)}
#gold-owner{background:var(--gold-bg);border:1px dashed var(--gold-line);color:var(--text-1)}
#gold-owner .go-q{background:var(--card);color:var(--text-1);border:1px solid var(--line-1)}
#gold-owner .go-q.good{background:var(--buy-bg);color:var(--buy);border-color:var(--buy-line)}
#gold-owner .go-q.bad{background:var(--sell-bg);color:var(--sell);border-color:var(--sell-line)}
#gold-owner .go-q.warn{background:var(--warn-bg);color:var(--warn-text);border-color:var(--warn-line)}
#gold-owner .go-q span{color:var(--text-1)}
#gold-owner .go-row{border-bottom-color:var(--gold-row)}
#gold-owner .go-p{color:var(--text-1)}
#gold-owner .go-small{color:var(--muted-1)}
#gold-owner summary{color:var(--link)}

.home-content a.home-how{color:var(--on-ink)!important}

/* QA pass 3: AA contrast for small green/red text */
:root{--buy:#18744A;--sell:#B23A33}

/* ================= THEMES (owner request 25 Sep): light default tokens + dark mode ================= */
:root{--btn-line:#C5D046;--btn-hover:#E6EF7A;--danger-line:#E3B0AA;--placeholder:#8A948F;--buy-line:#B9DCC6;--sell-line:#EBC1BB;--live-text:#1D6A45;--prog:#DDE3DA;
 --gold-bg:#FFF9E8;--gold-line:#C9A227;--gold-row:#EADFC0;--gold-label:#8A6A12;--chart-bg:#FBFCF8;--chart-axis:#56625D}
html[data-theme="dark"]{color-scheme:dark;
 --jr-ink:#0B1214;--ink-2:#172124;--jr-paper:#131C1E;--card:#1A2427;--tint:#212D30;--text-1:#E6EBE5;--muted-1:#A5B1AC;--line-1:#33423F;--line-2:#3B4A4D;
 --buy:#5CC98E;--buy-bg:#13291F;--buy-line:#24503A;--sell:#F2887D;--sell-bg:#2D1917;--sell-line:#5A2E2A;--link:#9CD4B5;
 --warn-bg:#2A2414;--warn-line:#56461F;--warn-text:#EBCB84;--live-text:#8FDAB0;--prog:#2B383B;--placeholder:#7D8985;--danger-line:#6A3A36;
 --gold-bg:#231F12;--gold-line:#A8862A;--gold-row:#3A331C;--gold-label:#E0C267;--chart-bg:#1A2427;--chart-axis:#A5B1AC}
html[data-theme="dark"] .segmented button.selected{background:var(--lime);border-color:var(--lime);color:#10191C}
html[data-theme="dark"] .segmented button.selected .mk-badge{color:#10191C}
html[data-theme="dark"] .time-controls .selected{background:var(--lime);color:#10191C}
html[data-theme="dark"] .pin-btn[aria-pressed="true"]{background:var(--lime);color:#10191C;border-color:var(--lime)}
html[data-theme="dark"] .main-nav .nav-active{border-bottom-color:var(--lime)}
html[data-theme="dark"] .home-steps li h3::before{background:var(--lime);color:#10191C}
html[data-theme="dark"] svg.mark{background:#10191C}
.mt5-chart .canvas-wrap{background:var(--chart-bg)}
.hdr-actions{display:flex;align-items:center;gap:10px}
.theme-toggle{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:inline-grid;place-items:center;border-radius:50%;background:transparent;border:1px solid #3A4A4D;color:var(--on-ink);cursor:pointer}
.theme-toggle:hover{background:#1B2629}
.theme-toggle svg{width:20px;height:20px}
.theme-toggle .i-sun{display:none}
html[data-theme="dark"] .theme-toggle .i-sun{display:block}
html[data-theme="dark"] .theme-toggle .i-moon{display:none}
@media (prefers-reduced-motion:no-preference){body,.sc,.chart-card,.panel{transition:background-color .2s,color .2s,border-color .2s}}

/* Zara 26 Sep (owner-approved): small-text floor 12px, 12-13px supporting text at weight 500; candle colours per theme */
.seg-family,.quick-guide,.chart-heading .eyebrow,.quote-meta span{font-size:12px!important}
.seg-family{font-weight:600}
.quick-guide,.quote-meta span,.hint,.help-note,.watch-empty,.mk-badge,.notice,.sc-small,.home-risk,.auth-bottom,.home-eligibility,small{font-weight:500}
:root{--candle-up:#1E8F58;--candle-down:#C8423A}
html[data-theme=dark]{--candle-up:#3FA96B;--candle-down:#E0695F}