/* ==========================================================================
   NoKYC — crafted dark theme (v3).  Restraint over decoration:
   flat surfaces, 1px hairline borders (no glows/shadows), a single teal
   accent used ~8% of the time, monospace as the signature, strict spacing
   and radius scales.  Loads last, wins the cascade.
   ========================================================================== */

/* ---- tokens ---- */
:root{
  --bg:#0a0e0f; --panel:#11181a; --raised:#161f21; --hover:#1a2426;
  --line:#212c2e; --line2:#2e3a3c;
  --text:#e8edec; --muted:#8a9794; --faint:#56635f;

  --accent:#14b8a6;            /* the ONE accent */
  --accent-soft:#0f8d80;
  --accent-ink:#04201d;        /* text on accent */
  --accent-dim:rgba(20,184,166,.12);
  --accent2:#14b8a6;           /* collapse cyan -> single accent */
  --accent-dim-legacy:#0e3b38;

  --good:#34d3a6; --good-bd:#1c5a4e; --good-dim:rgba(52,211,166,.08);
  --bad:#f06a6a;  --bad-bd:#6e2c2c;  --bad-dim:rgba(240,106,106,.08);
  --verified:#34d3a6; --admitted:#7aa7b8; --question:#d9a441; --scam:#f06a6a;

  --display:"Sora",-apple-system,BlinkMacSystemFont,sans-serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  --grotesk:"Sora",-apple-system,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;

  /* radius scale: 4 / 7 / 10 */
  --r-xs:4px; --r-sm:7px; --r-md:10px;
}

/* flat background — no radial glow, no mesh */
html,body{background:var(--bg)!important;}
body{font-family:var(--sans);color:var(--text);font-size:14.5px;line-height:1.55;letter-spacing:0;}
h1,h2,h3,h4,.brand,.mast h1,.h2big,.phd h1,.sechd h2,.blog-card h2{font-family:var(--display)!important;letter-spacing:-.015em;}
::selection{background:rgba(20,184,166,.30);color:#fff}
a{transition:color .12s ease}
*{box-shadow:none}  /* nuke inherited offset/ambient shadows globally */

/* ---------------- top bar ---------------- */
.bar{background:rgba(10,14,15,.85);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line);}
.bar-in{height:58px;gap:22px;max-width:1180px}
.brand{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.01em}
.brand .logo-mark{flex:0 0 auto}
/* "no | kyc" lockup — the divider is a redaction block */
.lk-no{color:var(--muted)}
.lk-kyc{color:var(--text)}
.lk-bar{display:inline-block;width:8px;height:13px;background:var(--accent);border-radius:2px;margin:0 5px;vertical-align:-1px}
.cmd{border:1px solid var(--line2);background:transparent;border-radius:var(--r-sm);padding:8px 13px;
  color:var(--muted);font-family:var(--sans);font-size:13px;transition:border-color .12s,background .12s}
.cmd:focus-within{border-color:var(--accent);background:var(--accent-dim)}
.cmd input{font-family:var(--sans);font-size:13px}
.cmd .slash{border:1px solid var(--line2);border-radius:var(--r-xs);padding:0 5px;color:var(--faint)}
.nav{font-family:var(--sans);font-size:13.5px;letter-spacing:0;text-transform:none;gap:20px}
.nav a{color:var(--muted)} .nav a:hover{color:var(--text)}

/* buttons: flat. primary solid teal, secondary hairline ghost. */
.spons-btn,.submit-btn{font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:0;text-transform:none;
  color:var(--accent-ink)!important;background:var(--accent);border:1px solid var(--accent);
  border-radius:var(--r-sm);padding:8px 16px;transition:background .12s ease,border-color .12s ease;display:inline-block;cursor:pointer}
.spons-btn:hover,.submit-btn:hover{background:#1ad0bc;border-color:#1ad0bc;transform:none}
.visit-btn{font-family:var(--sans);font-weight:600;font-size:13px;text-transform:none;color:var(--accent)!important;
  background:transparent;border:1px solid var(--line2);border-radius:var(--r-sm);padding:8px 15px;display:inline-block;transition:border-color .12s,background .12s}
.visit-btn:hover{border-color:var(--accent);background:var(--accent-dim);transform:none}
.ghost-btn{font-family:var(--sans);text-transform:none;letter-spacing:0;font-size:13px;
  border:1px solid var(--line2);border-radius:var(--r-sm);padding:8px 15px;color:var(--text)}
.ghost-btn:hover{border-color:var(--accent);color:var(--accent);background:transparent}

/* ---------------- layout / rail ---------------- */
.wrap{max-width:1180px;margin:24px auto 0;gap:0}
.rail{border-right:1px solid var(--line);padding-right:16px}
.rail .hd .lbl{font-family:var(--mono)}
.row-cat{border-radius:var(--r-sm);border-left:none;padding:6px 10px;font-size:13.5px;color:var(--muted);transition:background .12s,color .12s}
.row-cat:hover{background:var(--raised);color:var(--text)}
.row-cat .c{font-family:var(--mono);background:transparent;border:1px solid var(--line);border-radius:var(--r-xs);padding:0 6px;font-size:10.5px;color:var(--faint)}
.row-cat.on{background:var(--accent-dim);color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)!important;padding-left:10px}
.row-cat.on .c{color:var(--accent);border-color:var(--accent-soft)}
.row-sub{font-family:var(--sans)} .row-sub.on,.row-sub:hover{color:var(--accent)}
.row-sub::before{content:"";display:none}
.row-sub{padding-left:18px}

/* ---------------- section headers ---------------- */
.sechd{gap:12px;margin-bottom:16px}
.sechd .num{font-family:var(--mono);color:var(--accent)}
.sechd h2{font-size:12.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-weight:600}
.sechd .rule{background:var(--line)}
.sechd .more{font-family:var(--mono);color:var(--faint)} .sechd .more:hover{color:var(--accent)}

/* ---------------- hero: flat, hairline, no gradient text ---------------- */
.mast{border:1px solid var(--line);border-radius:var(--r-md);padding:30px 30px 24px;background:var(--panel);position:relative}
.mast::before{content:"";position:absolute;left:0;top:0;height:2px;width:64px;background:var(--accent);border-top-left-radius:var(--r-md)}
.mast::after{display:none!important}
.mast h1{font-size:31px;font-weight:700;color:var(--text);background:none;-webkit-text-fill-color:currentColor}
.mast p{color:var(--muted);font-size:15px;max-width:660px}
.mast .stats{border-top:1px solid var(--line);gap:30px}
.mast .stat .n{font-family:var(--mono);color:var(--text)}
.mast .stat .l{font-family:var(--mono);color:var(--faint)}

/* ---------------- featured grid: flat cards, hairline ---------------- */
.sgrid{border:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.scell{border:1px solid var(--line)!important;border-radius:var(--r-md);background:var(--panel);transition:border-color .12s ease,background .12s ease}
.scell:hover{background:var(--raised);border-color:var(--line2)!important;transform:none}
.scell:nth-child(2n){border-right:1px solid var(--line)!important}
.scell .tagsp{color:var(--accent);border:none;background:var(--accent-dim);border-bottom-left-radius:var(--r-sm);border-top-right-radius:var(--r-md);font-family:var(--mono)}
.scell .nm{font-family:var(--display);font-weight:600}
.scell .u{font-family:var(--mono)}

/* ---------------- list rows: dense, flat, scannable ---------------- */
.rows{border-top:none;display:flex;flex-direction:column;gap:8px;margin-top:4px}
.lr{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);padding:13px 15px;align-items:center;
  transition:border-color .12s ease,background .12s ease}
.lr:hover{background:var(--raised);border-color:var(--line2);transform:none;padding-left:15px}
.lr .nm{font-family:var(--display);font-weight:600;font-size:14.5px}
.lr .u{font-family:var(--mono);color:var(--faint)}
.lr:hover .ext{color:var(--accent)}

/* ---------------- breadcrumb / page head ---------------- */
.crumb{font-family:var(--mono)} .crumb a:hover,.crumb b{color:var(--accent)} .crumb b{color:var(--text)}
.h2big{font-size:24px} .subt{color:var(--muted)}
.phd{border-bottom:1px solid var(--line)}
.phd .ic{border:1px solid var(--line2);border-radius:var(--r-md);color:var(--accent);background:var(--accent-dim);font-family:var(--display)}
.phd h1{font-size:25px}

/* ---------------- spec / blocks: flat hairline cards ---------------- */
.spec{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--panel)}
.spec .k{font-family:var(--mono);background:rgba(255,255,255,.012)}
.block{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}
.block h3{font-family:var(--mono);color:var(--muted)}

/* ---------------- status badges: flat tint + hairline, small radius ---------------- */
.badge{border-radius:var(--r-xs);font-family:var(--mono);font-weight:600;padding:3px 9px;border:1px solid;box-shadow:none!important;background:transparent!important}
.badge-verified{color:#46d9b0;border-color:var(--good-bd)}
.badge-admitted{color:#9cc3d2;border-color:#2c4853}
.badge-questionable{color:#dcb35a;border-color:#5e4d22}
.badge-scam{color:#f08585;border-color:var(--bad-bd)}

/* ---------------- privacy score: mono, color = meaning only ---------------- */
.pscore{border-radius:var(--r-xs);background:transparent;border:1px solid var(--line2);padding:2px 8px}
.pscore b{font-size:12.5px}
.pscore .of{color:var(--faint)}
.pscore-high{border-color:var(--good-bd);color:#46d9b0} .pscore-high b{color:#46d9b0}
.pscore-mid{border-color:#5e4d22;color:#dcb35a} .pscore-mid b{color:#dcb35a}
.pscore-low{border-color:#6e4a22;color:#e0a05a} .pscore-low b{color:#e0a05a}
.pscore-poor{border-color:var(--bad-bd);color:#f08585} .pscore-poor b{color:#f08585}

/* ---------------- KYC pips ---------------- */
.kyc{font-family:var(--mono)}
.kyc .pips i{border-radius:1px;width:5px}
.kyc-0 .pips i.f{background:var(--accent)} .kyc-0{color:#46d9b0}
.kyc-1 .pips i.f{background:#8cc96f} .kyc-1{color:#a2cf86}
.kyc-2 .pips i.f{background:var(--question)} .kyc-2{color:#dcb35a}
.kyc-3 .pips i.f{background:#e08a4a} .kyc-3{color:#e0a05a}
.kyc-4 .pips i.f{background:var(--bad)} .kyc-4{color:#f08585}

/* ---------------- attribute chips: neutral by default ---------------- */
.chip{border-radius:var(--r-xs);font-family:var(--sans);border:1px solid var(--line2);padding:3px 9px;color:var(--muted)}
.chip.sm{padding:1px 7px}
.chip-good{color:#7fdcc4;border-color:var(--good-bd);background:var(--good-dim)}
.chip-good::before{content:"✓";color:var(--accent);font-weight:700}
.chip-bad{color:#f0a0a0;border-color:var(--bad-bd);background:var(--bad-dim)}
.chip-bad::before{content:"!";color:var(--bad);font-weight:700}
.proscons{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--panel)}
.proscons .pc-good h3{color:var(--accent)}
.tag{font-family:var(--mono);color:var(--muted)} .tag:hover{color:var(--accent)}

/* currency / network: neutral mono pills (accent restraint) */
.cur,.net{border-radius:var(--r-xs);font-family:var(--mono);border:1px solid var(--line2);color:var(--muted)}
.tor{border-radius:var(--r-xs);color:#9cc3d2;border-color:#2c4853}

/* ---------------- reviews ---------------- */
.rsum .big{font-family:var(--mono);color:var(--text)}
.score{color:var(--accent);font-family:var(--mono)}
.dist .fl{background:var(--accent)}
.vo{color:#46d9b0;border-color:var(--good-bd);border-radius:var(--r-xs)}
.ob{border-radius:var(--r-xs)}
.rep{border-left:2px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--raised)}

/* ---------------- forms ---------------- */
.field input,.field select,.field textarea,.mast-search input,.searchbar input,.filterbar select,.filterbar input{
  border-radius:var(--r-sm)!important;background:var(--bg);border:1px solid var(--line2);font-family:var(--sans)}
.field input:focus,.field select:focus,.field textarea:focus,.mast-search input:focus,.searchbar input:focus{
  border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)!important}
.field label{font-family:var(--mono)}
.filterbar{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}
.catchip{border-radius:var(--r-sm);font-family:var(--sans)} .catchip:hover{border-color:var(--accent);color:var(--accent)}
.pgnav .pg{border-radius:var(--r-sm)} .pgnav .pg:hover{border-color:var(--accent);color:var(--accent)}
.flash{border-color:var(--good-bd);background:var(--good-dim);color:#7fdcc4;border-radius:var(--r-sm);font-family:var(--sans)}
.errs{border-color:var(--bad-bd);background:var(--bad-dim);color:#f0a0a0;border-radius:var(--r-sm);font-family:var(--sans)}

/* ---------------- misc ---------------- */
.tick{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel)}
.tick .ld{color:var(--accent)} .tick a:hover{color:var(--accent)}
.report{border:1px solid var(--line);border-radius:var(--r-md)} .report summary:hover,.report[open] summary{color:var(--accent)}
.prose a,.tier h3,.xmr-addr{color:var(--accent)} .xmr-addr{border-radius:var(--r-sm)}
.tier{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}
.langsw .langmenu{border-radius:var(--r-sm);overflow:hidden;background:var(--panel)} .langsw .langmenu a.on{color:var(--accent)}
footer{border-top:1px solid var(--line);background:transparent}
.fin{font-family:var(--mono)} .fin a:hover{color:var(--accent)}
.api-ep .m{color:var(--accent)}
.disc{font-family:var(--mono);color:var(--faint)}

/* ---------------- article / prose ---------------- */
.prose{max-width:720px;font-size:15.5px;line-height:1.75}
.prose h2{font-family:var(--display);font-size:21px;font-weight:600;color:var(--text);letter-spacing:-.01em;margin:34px 0 12px;text-transform:none}
.prose h3{font-family:var(--display);font-size:16.5px;font-weight:600;color:var(--text);letter-spacing:-.005em;margin:24px 0 8px;text-transform:none}
.prose p{color:#c5cdcb;font-size:15.5px;line-height:1.75;margin:0 0 16px}
.prose ul,.prose ol{color:#c5cdcb;font-size:15.5px;line-height:1.7;margin:0 0 16px;padding-left:22px}
.prose li{margin:0 0 7px}
.prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(20,184,166,.35)}
.prose a:hover{border-bottom-color:var(--accent)}
.prose strong{color:var(--text);font-weight:600}
.prose blockquote{margin:22px 0;padding:14px 18px;border-left:3px solid var(--accent);background:var(--panel);
  border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--text);font-size:16px;font-style:italic}
.prose blockquote em{font-style:normal;color:var(--muted)}
.post-meta{font-family:var(--mono);color:var(--faint);letter-spacing:.04em}

@media(max-width:860px){.sgrid{grid-template-columns:1fr}.scell:nth-child(2n){border-right:1px solid var(--line)!important}.prose{font-size:15px}}
