/* Theme: faceswap — dark glassmorphic Apple studio: inky navy, frosted
   panels, blue→violet gradient light (from FACE-SWAPPERORG). */
body.theme-faceswap{
  --bg:#0f1117; --surface:#161820; --ink:#f0f2f7; --muted:#8b90a0;
  --brand:#0f1117; --brand-ink:#f0f2f7; --accent:#0a84ff;
  --line:rgba(255,255,255,.10); --radius:20px;
  --shadow:0 14px 40px rgba(0,0,0,.3);
  --font-body:'Inter',-apple-system,sans-serif; --font-head:var(--font-body);
  --grad:linear-gradient(135deg,#007aff 0%,#7c5cff 100%);
}
.theme-faceswap ::selection{background:rgba(0,122,255,.25)}
.theme-faceswap .site-header{background:color-mix(in srgb,#0f1117 82%,transparent);
  backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.theme-faceswap .site-brand{color:#f0f2f7}
.theme-faceswap .site-brand::after{content:' ◆';background:var(--grad);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.theme-faceswap .site-nav a{color:#c0c4d0}
.theme-faceswap .site-nav a:hover{background:rgba(255,255,255,.06);color:#f0f2f7}
.theme-faceswap .hero{position:relative;overflow:hidden;background:#0f1117;color:#f0f2f7;
  padding:78px 0 70px}
.theme-faceswap .hero::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,122,255,.14) 0%,transparent 70%)}
.theme-faceswap .hero::after{content:'';position:absolute;top:-140px;right:-100px;
  width:420px;height:420px;border-radius:50%;filter:blur(100px);
  background:rgba(124,92,255,.22);pointer-events:none}
.theme-faceswap .hero-grid{position:relative;z-index:1}
.theme-faceswap .hero h1{font-weight:900;letter-spacing:-.03em;
  background:linear-gradient(135deg,#f0f2f7 30%,#8fb8ff 70%,#a894ff 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.theme-faceswap .hero .kicker{color:#0a84ff}
.theme-faceswap .lede{color:#c0c4d0}
.theme-faceswap .hero-art img{border-radius:28px;border:1px solid rgba(255,255,255,.14);
  box-shadow:0 24px 60px rgba(0,0,0,.5)}
.theme-faceswap .story-card,.theme-faceswap .featured-card,.theme-faceswap .tldr,
.theme-faceswap .toc,.theme-faceswap .chart,.theme-faceswap .calc,.theme-faceswap .promo,
.theme-faceswap .faq details,.theme-faceswap .read-next-card{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px)}
.theme-faceswap .story-card:hover{background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.18)}
.theme-faceswap .featured-card{border-radius:28px}
.theme-faceswap .card-copy p,.theme-faceswap .featured-copy p{color:#8b90a0}
.theme-faceswap .eyebrow{background:var(--grad);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent}
.theme-faceswap .box-title{color:#0a84ff}
.theme-faceswap .contact input,.theme-faceswap .contact textarea,
.theme-faceswap .calc input,.theme-faceswap .calc select{
  background:#0f172a;border-color:rgba(255,255,255,.14);color:#f0f2f7}
.theme-faceswap .contact button,.theme-faceswap .calc button{
  background:linear-gradient(135deg,#007aff,#7c5cff);color:#fff;border-radius:14px;
  box-shadow:0 4px 24px rgba(124,92,255,.35)}
.theme-faceswap .contact button:hover,.theme-faceswap .calc button:hover{
  box-shadow:0 6px 28px rgba(0,122,255,.45)}
.theme-faceswap .article-body th{background:#1c1f2b;color:#f0f2f7}
.theme-faceswap .article-body td{border-top-color:rgba(255,255,255,.08)}
.theme-faceswap .article-body tr:nth-child(even) td{background:rgba(255,255,255,.03)}
.theme-faceswap .chart-bar,.theme-faceswap .chart-dot{fill:#0a84ff}
.theme-faceswap .chart-line{stroke:#7c5cff}
.theme-faceswap .chart-label{fill:#8b90a0}
.theme-faceswap .chart-value{fill:#f0f2f7}
.theme-faceswap .chart-grid{stroke:rgba(255,255,255,.08)}
.theme-faceswap .promo{border-left:4px solid #7c5cff}
.theme-faceswap .promo a{color:#8fb8ff}
.theme-faceswap .toc a{color:#f0f2f7}
.theme-faceswap .faq summary::after{color:#0a84ff}
.theme-faceswap .faq-answer{color:#c0c4d0}
.theme-faceswap .dek,.theme-faceswap .byline{color:#8b90a0}
.theme-faceswap .site-footer{background:#0b0d12;color:#8b90a0}
.theme-faceswap .site-footer .site-brand,.theme-faceswap .site-footer h4{color:#f0f2f7}
.theme-faceswap .site-footer a{color:#8b90a0}
.theme-faceswap .site-footer a:hover{color:#f0f2f7}
.theme-faceswap .section-head{border-bottom-color:rgba(255,255,255,.18)}
.theme-faceswap .ribbon{background:#1c1f2b}

/* mobile drawer — match this theme's header */
.theme-faceswap{--drawer-bg:#0f1117;--drawer-ink:#f0f2f7;--drawer-line:rgba(255,255,255,.12)}