/* SI or Not, design v4 « balanced » (2026-09-25): dark, amber accent, Inter Tight headings in sentence case,
   rounded cards, no HUD brackets / scanlines. Loaded right after style.css (file name kept from the v3 HUD theme).
   Revert to v3 HUD = copy assets-src/theme-hud-jarvis-v3.css.bak over this file (+ Rajdhani font link in render()).
   Revert to the light v2 = remove the <link> in render() (inc/app.php). */
:root{
  --bg:#0d0f13;--bg2:#12151b;--panel:#14171d;--panel-solid:#14171d;--panel-2:#101318;
  --ink:#f1e6d2;--prose:#e8dcc6;--muted:#a8977c;--dim:#a0805a;
  --line:rgba(255,255,255,.08);--line-h:rgba(255,255,255,.16);--line2:rgba(255,166,61,.45);
  --acc:#ffa63d;--acc-2:#ffcf7a;--acc-soft:rgba(255,166,61,.1);--acc-ink:#ffcf7a;--core:#fff1cf;
  --ai:#ff7a2f;--ai-soft:rgba(255,122,47,.12);--real:#5fe0c1;--real-soft:rgba(95,224,193,.1);--unc:#e5b84a;--unc-soft:rgba(229,184,74,.11);
  --r:12px;--shadow:0 20px 50px -30px rgba(0,0,0,.8);
  --head:'Inter Tight',Inter,system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
html{background:var(--bg)}
body{background:transparent;color:var(--ink);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(900px 500px at 70% 6%,rgba(255,150,40,.08),transparent 70%)}
::selection{background:rgba(255,166,61,.35);color:#fff}
a{color:var(--acc-2)}a:hover{color:#ffe0a6}
h1,h2{font-family:var(--head);text-transform:none;line-height:1.1}
h1{font-weight:800;letter-spacing:-.02em;font-size:clamp(2.1rem,5vw,3.2rem)}
h2{font-weight:700;letter-spacing:-.015em;font-size:clamp(1.45rem,3vw,1.9rem)}
h3{font-family:var(--head);font-weight:700;font-size:1.18rem;letter-spacing:-.01em}
.muted{color:var(--muted)}.ok{color:var(--real)}.warn{color:var(--ai)}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}
code{font-family:var(--mono)}
.prose code,code{background:rgba(255,166,61,.1);color:var(--acc-2);border:1px solid var(--line);border-radius:5px;padding:.05em .35em;font-size:.86em}
kbd{background:rgba(0,0,0,.5);border-color:var(--line2);color:var(--acc-2);font-family:var(--mono);border-radius:5px}

/* panels (v4: no HUD corner brackets) */
.drop,.result,.panel,.auth-card,.plan,.test-box,.wall{position:relative}

/* buttons */
.btn{font:600 .98rem/1.2 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#140c02;background:linear-gradient(180deg,var(--acc-2),var(--acc));border-radius:10px;padding:.72em 1.3em;box-shadow:none;transition:filter .15s,transform .1s,background .15s}
.btn:hover{background:linear-gradient(180deg,#ffdd98,#ffb55a);color:#140c02;text-decoration:none}
.btn-sm{font-size:.88rem;padding:.55em 1em;border-radius:9px}
.btn-lg{font-size:1.08rem}
.btn-ghost,.btn-line{background:rgba(255,255,255,.03);color:var(--acc-2);box-shadow:inset 0 0 0 1px var(--line-h)}
.btn-ghost:hover,.btn-line:hover{background:rgba(255,166,61,.1);color:#ffe0a6;box-shadow:inset 0 0 0 1px var(--line2)}
.btn-line{border:0}
.btn-ai{background:linear-gradient(180deg,#ff9a55,var(--ai));color:#1a0800;box-shadow:none}
.btn-ai:hover{background:linear-gradient(180deg,#ffb07a,#ff8a45);color:#1a0800}
.btn-real{background:linear-gradient(180deg,#8ff0d8,var(--real));color:#021a14;box-shadow:none}
.btn-real:hover{background:linear-gradient(180deg,#b0f6e4,#72e6ca);color:#021a14}
.btn-danger{background:linear-gradient(180deg,#ff7a7a,#e04848);color:#1a0202;box-shadow:none}
.btn-danger:hover{background:#ff8a8a;color:#1a0202}
.g-btns .btn{border-radius:12px}
.g-btns kbd{background:rgba(0,0,0,.18);border-color:rgba(0,0,0,.3);color:inherit}
.tag{background:rgba(255,255,255,.04);color:var(--muted);border:1px solid var(--line-h);border-radius:99px;font-family:var(--mono);font-weight:600;letter-spacing:.04em}
.tag-strong{background:rgba(255,166,61,.16);color:var(--acc-2);border-color:var(--line2)}
.tag-dir{background:rgba(255,255,255,.03)}

/* header + nav */
.site-head{background:rgba(13,15,19,.85);border-bottom:1px solid var(--line)}
.site-head.scrolled{box-shadow:0 8px 28px -14px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.06)}
.brand-logo{filter:none}
.nav-top{font:500 .95rem Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--muted);border-radius:8px}
.nav-top:hover,.has-menu:hover>.nav-top,.has-menu.open>.nav-top{background:rgba(255,166,61,.08);color:var(--acc-2)}
.nav-top.is-active,.nav-top[aria-current]{color:var(--acc-2);background:rgba(255,166,61,.1);box-shadow:none}
.nav-ic,.ic-chev{color:var(--dim)}
.nav-toggle{color:var(--acc-2)}
.mega{background:#14171d;border:1px solid var(--line-h);border-radius:14px;box-shadow:0 24px 60px -20px rgba(0,0,0,.95)}
.mega-link,.mega-soon{border-radius:10px;color:var(--ink)}
.mega-link:hover,.mega-link:focus-visible{background:rgba(255,166,61,.08)}
.mega-link[aria-current]{background:rgba(255,166,61,.12)}.mega-link[aria-current] b{color:var(--acc-2)}
.mega-ic{border-radius:9px;background:rgba(255,166,61,.1);color:var(--acc);box-shadow:inset 0 0 0 1px var(--line)}
.mega-txt b{font:600 .98rem var(--head);letter-spacing:-.01em;text-transform:none}
.mega-soon{color:var(--muted);border-top-color:var(--line);border-radius:0}
.mega-soon .mega-ic{background:rgba(255,255,255,.03);color:var(--dim)}
.mega-email{color:var(--muted);font-family:var(--mono);font-size:.76rem}
.nav-auth{border-left-color:var(--line)}
.nav-login{font:500 .95rem Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--muted);border-radius:8px}
.nav-login:hover{background:rgba(255,166,61,.08);color:var(--acc-2)}
.nav-login[aria-current]{color:var(--acc-2);background:rgba(255,166,61,.1)}
@media(max-width:900px){
  .site-head{background:#0d0f13}
  .site-nav{background:#0d0f13;border-top-color:var(--line)}
  .nav-item{border-bottom-color:var(--line)}
  .mega,.has-menu:hover>.mega{background:transparent;border:0;box-shadow:none}
  .mega-title{font-family:var(--mono);color:var(--dim)}
  .nav-item:not(.has-menu) .nav-top .nav-ic{border-radius:9px;background:rgba(255,166,61,.1);color:var(--acc)}
  .nav-login{border-color:var(--line-h);border-radius:10px}
}

/* hero */
.hero,.hero-home,.hero-game,.hero-text{background:transparent}
.hero-home{background:radial-gradient(800px 380px at 50% -80px,rgba(255,150,40,.08),transparent 70%)}
.hero-home::before{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)}
.hero h1{text-shadow:none}
.h1-sub{color:var(--acc);font-family:var(--head);font-weight:600;text-transform:none;letter-spacing:-.01em;text-shadow:none}
.lead{color:var(--muted)}
.hero-badge{background:rgba(255,255,255,.03);border:1px solid var(--line-h);border-radius:99px;color:var(--acc-2);font:500 .85rem Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;box-shadow:none}
.hero-badge:hover{border-color:var(--acc);color:#ffe0a6}
.hb-new{background:var(--acc);color:#140c02;border-radius:99px;font:700 .7rem var(--mono);letter-spacing:.04em;text-transform:uppercase}
.hb-new::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#140c02;margin-right:6px;vertical-align:1px;animation:hud-blink 1.6s infinite}
@keyframes hud-blink{50%{opacity:.25}}
/* reactor (home hero decoration) */
.hero-home .wrap{position:relative;z-index:1}
.hud-reactor{position:absolute;top:50%;right:max(-40px,calc(50% - 700px));width:360px;aspect-ratio:1;transform:translateY(-50%);opacity:.3;pointer-events:none;z-index:0}
.hud-reactor.l{right:auto;left:max(-40px,calc(50% - 700px));width:300px;opacity:.18}
.hud-reactor svg{width:100%;height:100%;overflow:visible}
.hud-reactor g{transform-origin:200px 200px}
.hr1{animation:hud-spin 90s linear infinite}.hr2{animation:hud-spin 90s linear infinite reverse}.hr3{animation:hud-spin 140s linear infinite}.hr4{animation:hud-spin 40s linear infinite reverse}
.hr-core{animation:hud-pulse 4.8s ease-in-out infinite}
@keyframes hud-spin{to{transform:rotate(360deg)}}
@keyframes hud-pulse{50%{opacity:.7;transform:scale(.94)}}
@media(max-width:1180px){.hud-reactor{opacity:.16;right:-120px}.hud-reactor.l{display:none}}
@media(max-width:700px){.hud-reactor{width:260px;right:-110px;top:40%;opacity:.12}}

/* detector widget */
.tabs{background:rgba(0,0,0,.45);border:1px solid var(--line);border-radius:12px;padding:3px;gap:3px}
.tab{font:600 .98rem Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--muted);border-radius:9px;border:0}
.tab:hover{color:var(--acc-2);background:rgba(255,166,61,.06)}
.tab[aria-selected=true]{background:var(--acc);color:#140c02;box-shadow:none}
.drop{background:var(--panel);border:1px solid var(--line);border-radius:12px;border-radius:14px;box-shadow:var(--shadow)}
.widget .drop{border-top-left-radius:14px}
.drop-zone{position:relative;overflow:hidden;background:rgba(0,0,0,.2);border:1px dashed rgba(255,255,255,.15);border-radius:12px}
.drop-zone::after{content:"";position:absolute;left:0;right:0;height:2px;top:0;background:linear-gradient(90deg,transparent,var(--acc-2),transparent);box-shadow:none;animation:hud-scan 3.2s ease-in-out infinite;pointer-events:none;opacity:.35}
@keyframes hud-scan{50%{top:calc(100% - 2px)}}
.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.over{border-color:var(--acc);background:rgba(255,166,61,.06)}
.drop-zone .ic-big{background:rgba(255,166,61,.08);color:var(--acc);border-radius:8px;box-shadow:inset 0 0 0 1px var(--line2)}
.drop-zone .link{color:var(--acc-2)}
.or{color:var(--dim);font-family:var(--mono)}
.or::before,.or::after{background:var(--line)}
.url-row{background:rgba(0,0,0,.3);border:1px solid var(--line-h);border-radius:10px}
.url-row:focus-within,.text-in:focus,.field input:focus,.g-name input:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(255,166,61,.15)}
.url-row input{color:var(--ink);font-family:var(--mono);font-size:.95rem}
.url-row .ic{color:var(--dim)}
input::placeholder,textarea::placeholder{color:#7c6d57}
.keep{color:var(--muted)}.keep input{accent-color:var(--acc)}
.quota-line,.quota-note{font-family:var(--mono);font-size:.78rem;letter-spacing:.03em}
.preview{background:rgba(0,0,0,.35);border-color:var(--line);border-radius:12px}
.preview img{background:#000;border-radius:12px}
.flash.err{background:rgba(255,80,80,.1);color:#ffb4b4;border:1px solid rgba(255,90,90,.4);border-radius:12px}
.flash.ok{background:var(--real-soft);color:var(--real);border:1px solid rgba(95,224,193,.35);border-radius:12px}
.progress{background:var(--panel);border-color:var(--line);border-radius:12px;font-family:var(--mono);font-size:.9rem}
.spinner{border-color:rgba(255,166,61,.18);border-top-color:var(--acc);box-shadow:none}
.ex-title{font-family:var(--mono);color:var(--dim);letter-spacing:.1em}
.ex-btn{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px;color:var(--ink)}
.ex-btn:hover{border-color:var(--line2);box-shadow:none}
.ex-btn img{border-radius:12px;background:#000}
.ex-btn b{font-family:var(--head);font-size:.98rem;letter-spacing:-.01em;text-transform:none}
.ex-btn-t .ic{color:var(--acc)}
.text-in{background:rgba(0,0,0,.3);color:var(--ink);border:1px solid var(--line-h);border-radius:12px}
.wc-bad{color:#ff9a9a}
@media(max-width:560px){.ex-btn b{font-size:.8rem}}

/* result */
.result{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.res-top{border-bottom-color:var(--line)}
.v-ai .res-top{background:linear-gradient(135deg,rgba(255,122,47,.12),transparent 65%)}
.v-real .res-top{background:linear-gradient(135deg,rgba(95,224,193,.1),transparent 65%)}
.v-unc .res-top{background:linear-gradient(135deg,rgba(229,184,74,.11),transparent 65%)}
.gauge{width:140px;height:140px}
.g-bg{stroke:rgba(255,166,61,.14)}
.g-fg{stroke-linecap:butt;filter:none}
.v-ai .g-fg{filter:none}.v-real .g-fg{filter:none}.v-unc .g-fg{filter:none}
.g-val b{font:700 2.4rem/1 var(--head);letter-spacing:0}
.v-ai .g-val b,.v-ai .g-val span{color:var(--ai);text-shadow:none}
.v-real .g-val b,.v-real .g-val span{color:var(--real);text-shadow:none}
.v-unc .g-val b,.v-unc .g-val span{color:var(--unc);text-shadow:none}
.g-val small{font-family:var(--mono);color:var(--muted);letter-spacing:.1em}
.res-kicker{font-family:var(--mono);color:var(--dim);letter-spacing:.14em}
.res-title{font:700 clamp(1.6rem,3.4vw,2.15rem)/1.1 var(--head);text-transform:none;letter-spacing:-.01em}
.v-ai .res-title{text-shadow:none}
.res-meta{font-family:var(--mono);font-size:.78rem;letter-spacing:.03em}
.res-block{border-bottom-color:var(--line)}
.res-block h3{font:700 1.2rem var(--head);text-transform:none;letter-spacing:-.01em}
.res-block h3 .ic{color:var(--acc)}
.hint{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px}
.hint p{color:var(--muted)}
.h-dot{background:var(--dim)}
.h-ai .h-dot{background:var(--ai);box-shadow:none}.h-real .h-dot{background:var(--real);box-shadow:none}
.meta-grid div{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px}
.meta-grid dt{font-family:var(--mono);color:var(--dim);letter-spacing:.1em}
.meta-grid summary{color:var(--acc-2)}
.raw{color:var(--muted);font-family:var(--mono)}
.res-limits{background:var(--unc-soft);color:#f0d9a0;border-bottom:1px solid var(--line)}
.share-box.is-shared .share-note{color:var(--real)}
.shared-media img{border-radius:12px;border:1px solid var(--line-h);background:#000;box-shadow:var(--shadow)}
.report summary{color:var(--muted)}
.report select,select{background:var(--bg2);color:var(--ink);border:1px solid var(--line2);border-radius:12px}
.crumbs,.crumbs a{color:var(--muted);font-family:var(--mono);font-size:.78rem;letter-spacing:.04em}
.crumbs a:hover{color:var(--acc-2)}
.v-ic{border-radius:8px}
.v-ai .v-ic{background:rgba(255,122,47,.14);color:var(--ai)}.v-real .v-ic{background:rgba(95,224,193,.12);color:var(--real)}.v-unc .v-ic{background:rgba(229,184,74,.14);color:var(--unc)}
/* text highlighting */
.hl-text{background:rgba(0,0,0,.4);border:1px solid var(--line);border-radius:12px;color:var(--prose)}
.hl{color:#fff4e6}
.hl-1{background:rgba(255,122,47,.2)}
.hl-2{background:rgba(255,122,47,.42);box-shadow:inset 0 -2px 0 var(--ai)}

/* prose / long reading */
.prose{font-size:1.04rem;line-height:1.75;color:var(--prose)}
.prose p,.prose li{color:var(--prose)}
.prose h2{color:var(--ink);margin-top:2.1em}
.prose h2::before{content:"";display:block;width:44px;height:2px;background:var(--acc);box-shadow:none;margin-bottom:.55em}
.prose h3{color:var(--ink)}
.prose strong,.prose b{color:#fff1d8}
.prose a{color:var(--acc-2);text-decoration:underline;text-decoration-color:rgba(255,207,122,.4);text-underline-offset:2px}
.prose a:hover{text-decoration-color:var(--acc-2)}
.prose a.btn,.prose a.card-link,.prose a.tool-card,.prose .toc a{text-decoration:none}
.toc a{background:rgba(255,255,255,.03);color:var(--acc-2);border:1px solid var(--line-h);border-radius:99px;font-family:Inter,system-ui,sans-serif;font-size:.84rem;letter-spacing:0}
.toc a:hover{background:rgba(255,166,61,.15);color:#ffe0a6}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px}
.faq details[open]{border-color:var(--line2)}
.faq summary{color:var(--ink)}
.faq summary::after{color:var(--acc)}
.faq details p{color:var(--muted)}
.card-link,.tool-card,.post-card,.steps li,.glossary div,.answer-box,.test-box,.pill-link,.cat-filter a,.pager a{background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--ink);box-shadow:none}
.card-link:hover,.tool-card:hover,.pill-link:hover,.cat-filter a:hover,.pager a:hover{border-color:var(--line2);box-shadow:none;transform:translateY(-2px)}
.card-link .ic,.ex-btn-t .ic{color:var(--acc)}
.card-link b,.tool-card h3,.post-card h3{font-family:var(--head);text-transform:none;letter-spacing:-.01em}
.card-link small,.tool-card p{color:var(--muted)}
.card-big{border-color:var(--line2);background:linear-gradient(135deg,rgba(255,166,61,.12),var(--panel))}
.tc-ic,.step-ic,.wall-ic{border-radius:8px;background:rgba(255,166,61,.1);color:var(--acc);box-shadow:inset 0 0 0 1px var(--line2)}
.tool-game .tc-ic,.tool-guide .tc-ic{background:rgba(255,166,61,.1);color:var(--acc)}
.tool-more{color:var(--acc-2);font:700 .95rem var(--head);letter-spacing:-.01em;text-transform:none}
.step-ic b{background:var(--acc);color:#140c02;border-color:var(--bg);border-radius:12px;font-family:var(--mono)}
.steps p{color:var(--muted)}
.callout{background:rgba(255,166,61,.08);color:#f3dfb8;border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:12px}
.callout .ic{color:var(--acc)}
.callout-soft{background:rgba(255,166,61,.07);color:#eadfcb;border-color:rgba(255,166,61,.25);border-left-color:var(--acc)}
.callout-soft .ic{color:var(--acc)}
.callout-warn{background:var(--unc-soft);color:#f0d9a0;border-color:rgba(229,184,74,.3);border-left-color:var(--unc)}
.callout-warn .ic{color:var(--unc)}
.table-wrap{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px}
.cmp-table th,.cmp-table td{border-top-color:var(--line);color:var(--prose)}
.cmp-table thead th{background:rgba(255,166,61,.06);color:var(--acc-2);font-family:var(--mono);font-size:.72rem;border-bottom:2px solid var(--acc)}
.cmp-table tbody th{color:var(--ink)}
.cmp-table tbody tr:hover td,.cmp-table tbody tr:hover th{background:rgba(255,166,61,.04)}
.cmp-table caption{color:var(--ink);font-family:var(--head);text-transform:none;letter-spacing:-.01em}
.glossary dt{color:var(--acc-2);font-family:var(--head);text-transform:none;letter-spacing:-.01em}
.glossary dd{color:var(--muted)}
.answer-box{border-left:3px solid var(--acc)}
.answer-box .answer-label{color:var(--acc-2);font-family:var(--mono)}
.updated{color:var(--muted);font-family:var(--mono);font-size:.76rem}
.timeline{border-left-color:var(--line2)}
.timeline li::before{background:var(--acc);box-shadow:0 0 0 3px var(--bg)}
.tl-date{color:var(--acc-2);font-family:var(--mono)}
.pill-link{color:var(--acc-2);border-radius:12px;font-family:var(--head);text-transform:none;letter-spacing:-.01em}

/* figures (v4: diagrams are dark SVGs, no white frame) */
.fig img,.post-cover img,.fig-banner img{border-radius:12px}
.fig-diagram img,.fig-shot img{border:1px solid var(--line);box-shadow:var(--shadow)}
.post-cover img,.fig-banner img,.fig:not(.fig-diagram):not(.fig-shot) img{border:1px solid var(--line);box-shadow:var(--shadow)}
.fig figcaption,.post-cover figcaption,.hero-fig figcaption{color:var(--muted)}

/* blog */
.blog-lead{color:var(--muted)}
.cat-filter a{font-family:var(--mono);font-size:.78rem;letter-spacing:.03em}
.cat-filter a[aria-current]{background:var(--acc);border-color:var(--acc);color:#140c02}
.post-card h3 a{color:var(--ink)}.post-card h3 a:hover{color:var(--acc-2)}
.post-card:hover{border-color:var(--line2)}
.post-card>p.muted{color:var(--muted)}
.pc-thumb{background:#000;border-bottom:1px solid var(--line)}
.post-meta{font-family:var(--mono);font-size:.74rem;color:var(--dim)}
.post-lead{color:var(--prose);opacity:1}
.post-body pre{background:#000;color:#f3e3c3;border:1px solid var(--line);border-radius:12px;font-family:var(--mono)}
.post-body blockquote{background:rgba(255,166,61,.05);border-left:3px solid var(--acc);border-radius:12px;color:var(--prose)}
.test-box{border-color:var(--line2)}
.post-cta{background:linear-gradient(135deg,rgba(255,166,61,.1),var(--panel));border:1px solid var(--line2);border-radius:12px}
.post-cta-h{color:var(--acc-2);font-family:var(--head);text-transform:none;letter-spacing:-.01em;font-size:1.15rem}
.post-policy{border-top-color:var(--line)}

/* game */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.g-kicker{font-family:var(--mono);color:var(--acc);letter-spacing:.16em}
.g-title{font-family:var(--head);text-transform:none}
.g-rules li{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px}
.g-rules b{color:var(--acc-2);font-family:var(--head);font-size:1.45rem;letter-spacing:-.02em}
.g-rules span{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.g-dots li{background:rgba(255,166,61,.15);border-radius:12px}
.g-dots li.cur{background:var(--acc);box-shadow:none}.g-dots li.ok{background:var(--real)}.g-dots li.ko{background:var(--ai)}
.g-stat{background:rgba(0,0,0,.4);border:1px solid var(--line);border-radius:12px}
.g-stat small{font-family:var(--mono);color:var(--dim)}
.g-stat b{font-family:var(--head);font-size:1.3rem;color:var(--acc-2)}
.g-streak.hot{background:rgba(255,122,47,.14)}.g-streak.hot b{color:var(--ai)}
.g-fig{background:#000;border:1px solid var(--line2);border-radius:12px}
.g-over-img.good{background:linear-gradient(transparent,rgba(8,70,58,.96) 40%)}
.g-over-img.bad{background:linear-gradient(transparent,rgba(120,40,8,.96) 40%)}
.g-over-img b{font-family:var(--head);text-transform:none;letter-spacing:-.01em}
.g-bar{background:rgba(255,166,61,.12);border-radius:12px}
.g-bar span{background:linear-gradient(90deg,var(--acc),var(--ai));box-shadow:none}
.g-big b{font-family:var(--head);color:var(--acc);text-shadow:none;font-size:4.2rem;font-weight:800;letter-spacing:-.03em}
.g-big span{color:var(--muted);font-family:var(--head)}
.g-rank{font-family:var(--head);text-transform:none;letter-spacing:-.01em;color:var(--acc-2)}
.g-pts b{color:var(--ink)}
.g-vs{background:rgba(255,166,61,.08);color:#f3dfb8;border:1px solid var(--line);border-radius:12px}
.g-name label{color:var(--muted)}
.g-name input,.field input{background:rgba(0,0,0,.3);color:var(--ink);border:1px solid var(--line-h);border-radius:10px}
.g-recap-h{font-family:var(--head);text-transform:none}
.g-thumb{background:#000;border-radius:12px}
.g-thumb i{color:#021a14}.g-recap li.ko .g-thumb i{color:#1a0800}
.g-recap small{color:var(--muted)}
.g-mode{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px;color:var(--muted);font:600 .95rem Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none}
a.g-mode:hover{border-color:var(--acc);color:var(--acc-2)}
.g-mode.is-on{background:var(--acc);border-color:var(--acc);color:#140c02;box-shadow:none}
.g-textfig{background:var(--bg2);border:1px solid var(--line2)}
.g-text{color:var(--prose)}
.g-textfig .g-over-img.good{background:rgba(8,70,58,.96)}.g-textfig .g-over-img.bad{background:rgba(120,40,8,.96)}
.g-snip{background:var(--bg2);border:1px solid var(--line)}
.g-snip p{color:var(--prose)}
.board h2{font-family:var(--head)}.board h2 .ic{color:var(--acc)}
.board-list li{border-bottom-color:var(--line)}
.board-list li::before{color:var(--dim);font-family:var(--mono)}
.board-list li:nth-child(1)::before{color:#ffcf7a}.board-list li:nth-child(2)::before{color:#c9bca4}.board-list li:nth-child(3)::before{color:#e0925a}
.board-list li.me{color:var(--acc-2)}
.board-list li b{font-family:var(--mono);color:var(--acc-2)}

/* accounts, pricing, stats */
.auth-card{background:var(--panel)}
.auth-card h1{font-size:2rem}
.auth-alt{border-top-color:var(--line)}
.field{color:var(--muted);font-family:var(--mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.field input{font-family:Inter,system-ui,sans-serif;text-transform:none;letter-spacing:0}
.wall{background:linear-gradient(135deg,rgba(255,166,61,.1),var(--panel));border:1px solid var(--line2);border-radius:12px}
.wall-ic{background:var(--acc);color:#140c02}
.wall h3{font-family:var(--head);text-transform:none}
.acct-info div{border-bottom-color:var(--line)}
.acct-info dt{color:var(--muted)}
.plan-badge{background:rgba(255,166,61,.1);color:var(--acc-2);border-radius:99px;font-family:var(--mono);font-size:.78rem}
.plan-badge.plan-pro{background:var(--acc);color:#140c02}
.plan.plan-pro{border:1px solid var(--line2);box-shadow:var(--shadow)}
.plan-name{font-family:var(--head);text-transform:none;letter-spacing:-.01em;font-size:1.3rem}
.plan-price b{font:700 2.8rem var(--head);color:var(--acc-2);text-shadow:none}
.plan-list .ic{color:var(--acc)}
.usage-h .ic{color:var(--acc)}
.usage-n b{font-family:var(--head);font-size:1.8rem;color:var(--acc-2)}
.bar{background:rgba(255,166,61,.12);border-radius:12px}
.bar span{background:linear-gradient(90deg,var(--acc),var(--ai));border-radius:12px;box-shadow:none}
.upsell{background:linear-gradient(135deg,rgba(255,166,61,.1),var(--panel))}
.upsell h2 .ic{color:var(--acc)}
.danger{background:rgba(255,80,80,.05);border:1px solid rgba(255,90,90,.35);border-radius:12px}
.danger summary{color:#ff9a9a}
.stat-tiles b{font-family:var(--head);color:var(--acc-2);font-size:1.9rem}
.stat-tiles small{font-family:var(--mono);color:var(--dim)}
table.stats{background:rgba(0,0,0,.35);color:var(--prose)}
.stats th,.stats td{border-color:var(--line)}
.stats thead th{background:rgba(255,166,61,.08);color:var(--acc-2);border-bottom:2px solid var(--acc);font-family:var(--mono);font-size:.74rem}

/* footer */
.site-foot{background:#0a0c0f;border-top:1px solid var(--line)}
.foot-h{font-family:var(--mono);color:var(--dim);letter-spacing:.16em}
.foot-col a{color:var(--muted)}.foot-col a:hover{color:var(--acc-2)}
.foot-brand p{color:var(--muted)}

@media(prefers-reduced-motion:reduce){.hud-reactor g,.drop-zone::after,.hb-new::before{animation:none!important}.drop-zone::after{display:none}}
.prose .crumbs a{text-decoration:none}
.g-val small{font-size:.52rem;letter-spacing:.05em;max-width:104px;text-align:center}

/* pricing v2 (credits) */
.pricing{padding-bottom:12px}
.bill-toggle{display:inline-flex;gap:3px;padding:3px;margin:0 0 20px;background:rgba(0,0,0,.45);border:1px solid var(--line);border-radius:12px}
.bill-toggle a{display:inline-flex;align-items:center;gap:8px;padding:.5em 1.1em;border-radius:9px;color:var(--muted);font-weight:600;text-decoration:none;min-height:40px}
.bill-toggle a:hover{color:var(--acc-2);background:rgba(255,166,61,.06)}
.bill-toggle a[aria-pressed=true]{background:var(--acc);color:#140c02}
.bill-save{font:600 .7rem var(--mono);letter-spacing:.03em;padding:.15em .55em;border-radius:99px;background:rgba(95,224,193,.14);color:var(--real)}
.bill-toggle a[aria-pressed=true] .bill-save{background:rgba(20,12,2,.18);color:#140c02}
[data-billing=monthly] .bill-y,[data-billing=yearly] .bill-m{display:none!important}
.plans.plans-3{max-width:none;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:14px}
.plan-price{margin:6px 0 2px}
.plan-sub{margin:0 0 16px;min-height:1.4em}
.plan-list li b{color:var(--ink)}
.plan.plan-pro{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc),var(--shadow)}
.plan-joined{display:flex;align-items:center;gap:8px;margin:0;color:var(--real);font-weight:600}
.plan-joined .ic{flex:none}
.plans-note{display:flex;gap:8px;align-items:flex-start;margin:0 0 36px}.plans-note .ic{flex:none;margin-top:.15em;color:var(--acc)}
.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:12px 0 36px}
.pack{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pack-main{flex:1;min-width:150px}
.pack-main p{margin:0}
.pack-n b{font:700 1.7rem var(--head);color:var(--acc-2)}
.pack-price{margin:0}.pack-price b{font:700 1.5rem var(--head)}
.pack .plan-cta{flex-basis:100%}
.credit-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:12px 0 28px}
.credit-rules .panel{display:flex;gap:12px;align-items:flex-start}
.credit-rules .panel>.ic{flex:none;color:var(--acc);margin-top:.2em}
.credit-rules p{margin:0;display:flex;flex-direction:column;gap:4px}
.plan-badge.plan-max{background:linear-gradient(90deg,var(--acc),var(--ai));color:#140c02}
.usage-sub{margin:10px 0 0}
.upsell-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.upsell-btns form{margin:0}
.upsell-packs{margin-top:14px}
.history-teaser p{margin:0 0 10px;display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.history-teaser p:last-child{margin:0}
.history-teaser .ic{flex:none;color:var(--acc);margin-top:.2em}
.history{list-style:none;margin:0 0 24px;padding:6px 16px}
.history li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}
.history li:last-child{border:0}
.h-kind{display:inline-flex;align-items:center;gap:6px;min-width:76px;color:var(--muted);font-size:.9rem}
.h-link{flex:1;min-width:150px;text-decoration:none}
.h-verdict{font-weight:700}
.h-verdict.v-ai{color:var(--ai)}.h-verdict.v-real{color:var(--real)}.h-verdict.v-unc{color:var(--unc)}
@media(max-width:560px){.upsell-btns{width:100%}.upsell-btns form,.upsell-btns .btn{flex:1}.upsell-btns .btn{justify-content:center;width:100%}}

.drop.is-busy .examples,.drop.is-busy .or,.drop.is-busy .url-row,.drop.is-busy .keep,.drop.is-busy [data-quota],.drop.is-busy .drop-zone{display:none}
.drop .preview{margin-top:12px}
.drop.is-done{display:none}
[data-result-slot],.drop .preview,.progress{scroll-margin-top:84px}
/* Détecteur musique : verdict neutre « No SI fingerprint found » (ni SI, ni humain prouvé) */
.v-none .res-top{background:linear-gradient(135deg,rgba(168,151,124,.1),transparent 65%)}
.v-none .g-fg{stroke:var(--muted);filter:none}
.v-none .g-val b,.v-none .g-val span{color:var(--ink);text-shadow:none}
.v-none .res-title{color:var(--ink)}
.v-none .v-ic{background:rgba(168,151,124,.14);color:var(--muted)}
.h-verdict.v-none{color:var(--muted)}
/* 4 onglets (Image, Text, Video, Music) : tiennent sur mobile */
@media(max-width:480px){.tabs{display:flex;width:100%}.tabs .tab{flex:1 1 0;min-width:0;justify-content:center;padding-left:.3em;padding-right:.3em;gap:5px;font-size:.9rem}}
@media(max-width:350px){.tabs .tab .ic{display:none}}
/* bandeau « Confirm your email » sur /account/ */
.verify-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:12px 16px;margin:0 0 16px;border:1px solid rgba(229,184,74,.32);background:rgba(229,184,74,.07);border-radius:12px;font-size:.93rem}
.verify-note p{display:flex;gap:10px;align-items:flex-start;margin:0;flex:1 1 320px}
.verify-note p .ic{color:var(--unc);margin-top:.2em;flex:none}
.verify-note form{margin:0}

/* paiement Stripe : devise, reprise d'offre, facturation du compte */
.cur-toggle{display:inline-flex;gap:3px;padding:3px;margin:0 0 20px 10px;vertical-align:top;background:rgba(0,0,0,.45);border:1px solid var(--line);border-radius:12px}
.cur-toggle a{display:inline-flex;align-items:center;padding:.5em .8em;border-radius:9px;color:var(--muted);font:600 .8rem var(--mono);text-decoration:none;min-height:40px}
.cur-toggle a:hover{color:var(--acc-2);background:rgba(255,166,61,.06)}
.cur-toggle a[aria-pressed=true]{background:rgba(255,166,61,.16);color:var(--acc-2)}
.cur-toggle .muted{display:inline-flex;align-items:center;padding:0 .8em;min-height:40px}
@media (max-width:520px){.cur-toggle{margin-left:0}}
.offer-continue{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0 0 20px;border-color:var(--acc)}
.offer-continue p{display:flex;gap:8px;align-items:flex-start;margin:0;flex:1;min-width:220px}
.offer-continue .ic{flex:none;margin-top:.2em;color:var(--acc)}
.offer-continue .plan-cta{margin:0;min-width:220px}
.acct-billing{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between}
.acct-billing p{margin:0}
.acct-billing .warn{color:var(--unc)}
.plan-cancel{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 0;font-size:.85rem;color:var(--real,#5fe0c1)}.plan-cancel svg{width:15px;height:15px}