/* آنالایزر سئو سئواکتور — استایل جداسازی‌شده زیر #ksa-app تا با پوسته‌ی سایت تداخل نکند */
#ksa-app{
  --ink:#F7F7F8; --ink-soft:#C1C7D4; --paper:#08080A; --card:#141418;
  --line:#2B2B32; --line-strong:#3A3A44; --red:#B40D24; --red-soft:#D82035; --red-deep:#8F0719;
  --good:#37C98A; --warn:#E9A53A; --bad:#E05050; --muted:#8F96A6;
  --shadow:0 1px 2px rgba(0,0,0,.18),0 16px 50px rgba(0,0,0,.28);
  --shadow-lift:0 2px 8px rgba(0,0,0,.22),0 24px 70px rgba(180,13,36,.16);
  --r:16px;
  font-family:'Vazirmatn',Tahoma,sans-serif; color:var(--ink); line-height:1.7;
  direction:rtl; text-align:right;
  background:
    radial-gradient(900px 360px at 100% 0%, rgba(216,32,53,.18), transparent 62%),
    radial-gradient(800px 360px at 0% 100%, rgba(180,13,36,.14), transparent 58%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 1px, transparent 1px 19px),
    var(--paper);
  border:1px solid rgba(216,32,53,.25); border-radius:calc(var(--r) + 6px);
  padding:clamp(18px,4vw,40px); max-width:960px; margin:0 auto;
  -webkit-font-smoothing:antialiased;
  box-shadow:0 22px 70px rgba(0,0,0,.32);
}
#ksa-app *{box-sizing:border-box}
#ksa-app .mono,#ksa-app .ksa-mono{font-family:'IBM Plex Mono',monospace;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}

/* header */
#ksa-app .ksa-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}
#ksa-app .ksa-brand{display:flex;align-items:center;gap:12px}
#ksa-app .ksa-mark{width:44px;height:44px;border-radius:12px;flex:none;background:linear-gradient(150deg,var(--red-soft),var(--red-deep));display:grid;place-items:center;color:#fff;box-shadow:0 14px 32px rgba(180,13,36,.28)}
#ksa-app .ksa-mark svg{width:24px;height:24px}
#ksa-app .ksa-name{font-weight:800;font-size:19px;letter-spacing:-.2px;line-height:1.3}
#ksa-app .ksa-name small{display:block;font-weight:500;font-size:12px;color:var(--muted)}
#ksa-app .ksa-site-tag{font-size:12.5px;color:var(--muted);border:1px solid rgba(216,32,53,.24);padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.035)}
#ksa-app .ksa-site-tag b{color:var(--red-soft);font-weight:700}

/* hero */
#ksa-app .ksa-hero{margin-bottom:8px}
#ksa-app .ksa-hero h2{font-size:clamp(24px,5vw,38px);font-weight:900;letter-spacing:-.6px;line-height:1.25;margin:0;color:var(--ink)}
#ksa-app .ksa-hero h2 .hl{color:var(--red-soft)}
#ksa-app .ksa-hero p{color:var(--ink-soft);font-size:15.5px;margin:10px 0 0;max-width:62ch}
#ksa-app .ksa-muted{color:var(--muted);font-weight:500}

/* panel + inputs */
#ksa-app .ksa-panel{background:rgba(20,20,24,.88);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:clamp(16px,3vw,24px);margin-top:22px}
#ksa-app .ksa-modes{display:inline-flex;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px;gap:4px;margin-bottom:16px}
#ksa-app .ksa-modes button{border:0;background:transparent;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--muted);padding:8px 16px;border-radius:999px;cursor:pointer;transition:.18s}
#ksa-app .ksa-modes button[aria-selected="true"]{background:linear-gradient(135deg,var(--red-soft),var(--red));color:#fff;box-shadow:0 10px 26px rgba(180,13,36,.28)}
#ksa-app .ksa-field-label{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:8px}
#ksa-app .ksa-row{display:flex;gap:10px;flex-wrap:wrap}
#ksa-app input[type="url"],#ksa-app input[type="text"],#ksa-app textarea{font-family:inherit;font-size:15px;color:var(--ink);width:100%;background:#09090C;border:1.5px solid var(--line-strong);border-radius:12px;padding:14px 16px;transition:.18s}
#ksa-app input[type="url"]{direction:ltr;text-align:left}
#ksa-app input:focus,#ksa-app textarea:focus{outline:0;border-color:var(--red-soft);box-shadow:0 0 0 4px rgba(216,32,53,.15)}
#ksa-app textarea{min-height:150px;resize:vertical;direction:ltr;text-align:left;font-family:'IBM Plex Mono',monospace;font-size:13px;line-height:1.6}
#ksa-app .ksa-url-field{flex:1;min-width:220px}
#ksa-app .ksa-domain-row{margin-top:12px}
#ksa-app .ksa-btn{font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;border:0;border-radius:12px;padding:14px 26px;transition:.18s;white-space:nowrap}
#ksa-app .ksa-btn-primary{background:linear-gradient(180deg,var(--red-soft) 0%,var(--red) 58%,var(--red-deep) 100%);color:#fff;box-shadow:0 14px 32px rgba(180,13,36,.28)}
#ksa-app .ksa-btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}
#ksa-app .ksa-btn-primary:disabled{opacity:.6;cursor:wait;transform:none}
#ksa-app .ksa-btn-ghost{background:transparent;color:var(--red-soft);font-weight:600;font-size:13.5px;padding:8px 4px;border:0;cursor:pointer;font-family:inherit}
#ksa-app .ksa-btn-ghost:hover{text-decoration:underline}
#ksa-app .ksa-hint{font-size:12.5px;color:var(--muted);margin-top:12px}
#ksa-app .ksa-helper{display:none;margin-top:12px;font-size:13px;color:var(--bad);background:rgba(203,90,72,.08);border:1px solid rgba(203,90,72,.25);border-radius:10px;padding:12px 14px;line-height:1.6}
#ksa-app .ksa-helper.show{display:block}
#ksa-app .ksa-helper b{color:var(--red-soft)}

/* results */
#ksa-app #ksa-results{display:none;margin-top:26px}
#ksa-app #ksa-results.show{display:block;animation:ksa-rise .5s cubic-bezier(.2,.7,.2,1)}
@keyframes ksa-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

#ksa-app .ksa-score-panel{background:linear-gradient(160deg,#17171B,#08080A);color:#fff;border:1px solid rgba(216,32,53,.26);border-radius:var(--r);padding:clamp(20px,4vw,32px);display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,36px);align-items:center;box-shadow:var(--shadow-lift);overflow:hidden;position:relative}
#ksa-app .ksa-score-panel::after{content:"";position:absolute;inset:0;background:radial-gradient(500px 200px at 100% 0,rgba(216,32,53,.24),transparent 60%);pointer-events:none}
#ksa-app .ksa-gauge{position:relative;width:172px;height:172px;flex:none}
#ksa-app .ksa-gauge svg{transform:rotate(-90deg);position:relative;z-index:1}
#ksa-app .ksa-gauge .ksa-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
#ksa-app .ksa-gauge .ksa-num{font-family:'IBM Plex Mono',monospace;font-size:46px;font-weight:600;line-height:1}
#ksa-app .ksa-gauge .ksa-den{font-size:13px;color:rgba(255,255,255,.55);margin-top:4px}
#ksa-app .ksa-score-meta{position:relative;z-index:1}
#ksa-app .ksa-grade{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15px;padding:7px 16px;border-radius:999px;margin-bottom:12px}
#ksa-app .ksa-score-meta h3{font-size:clamp(20px,4vw,27px);font-weight:800;letter-spacing:-.4px;line-height:1.3;margin:0;color:#fff}
#ksa-app .ksa-score-url{font-size:12.5px;color:rgba(255,255,255,.6);margin-top:8px;word-break:break-all}
#ksa-app .ksa-tallies{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
#ksa-app .ksa-tally{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:9px 14px;font-size:13.5px;font-weight:600}
#ksa-app .ksa-tally b{font-family:'IBM Plex Mono',monospace;font-size:16px}
#ksa-app .ksa-dot{width:9px;height:9px;border-radius:50%;flex:none}
#ksa-app .ksa-dot.good{background:var(--good)}#ksa-app .ksa-dot.warn{background:var(--warn)}#ksa-app .ksa-dot.bad{background:var(--bad)}

#ksa-app .ksa-group{margin-top:26px}
#ksa-app .ksa-group-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
#ksa-app .ksa-group-head .ksa-gidx{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted);border:1px solid var(--line-strong);border-radius:8px;padding:3px 9px}
#ksa-app .ksa-group-head h4{font-size:16px;font-weight:800;letter-spacing:-.2px;margin:0;color:var(--ink)}
#ksa-app .ksa-group-head .ksa-gline{flex:1;height:1px;background:var(--line)}

#ksa-app .ksa-check{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:15px 17px;margin-bottom:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);animation:ksa-pop .45s forwards}
@keyframes ksa-pop{to{opacity:1;transform:none}}
#ksa-app .ksa-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;margin-top:2px}
#ksa-app .ksa-ic svg{width:17px;height:17px;color:#fff}
#ksa-app .ksa-ic.good{background:var(--good)}#ksa-app .ksa-ic.warn{background:var(--warn)}#ksa-app .ksa-ic.bad{background:var(--bad)}
#ksa-app .ksa-check .ksa-lbl{font-weight:700;font-size:14.5px}
#ksa-app .ksa-check .ksa-val{font-size:13px;color:var(--ink-soft);margin-top:3px;word-break:break-word}
#ksa-app .ksa-check .ksa-code{font-family:'IBM Plex Mono',monospace;background:#09090C;border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-size:12px;direction:ltr;unicode-bidi:isolate;display:inline-block}
#ksa-app .ksa-check .ksa-advice{font-size:12.5px;color:var(--bad);margin-top:7px;display:flex;gap:6px;align-items:flex-start}
#ksa-app .ksa-check .ksa-advice.warn{color:#a8760f}
#ksa-app .ksa-check .ksa-advice svg{width:14px;height:14px;flex:none;margin-top:3px}
#ksa-app .ksa-meter{font-family:'IBM Plex Mono',monospace;font-size:20px;font-weight:600;color:var(--ink);align-self:center;text-align:center;min-width:44px}
#ksa-app .ksa-meter small{display:block;font-size:10px;color:var(--muted);font-family:'Vazirmatn';font-weight:500}

#ksa-app .ksa-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap;justify-content:center}
#ksa-app .ksa-foot{text-align:center;margin-top:30px;font-size:12.5px;color:var(--muted);line-height:1.9}
#ksa-app .ksa-foot b{color:var(--red-soft)}

body.theme-light #ksa-app{
  --ink:#101116; --ink-soft:#3F4652; --paper:#F4F5F8; --card:#FFFFFF;
  --line:#DDE0E8; --line-strong:#C9CEDA; --muted:#687182;
  background:
    radial-gradient(900px 360px at 100% 0%, rgba(216,32,53,.10), transparent 62%),
    radial-gradient(800px 360px at 0% 100%, rgba(180,13,36,.08), transparent 58%),
    #F4F5F8;
  border-color:rgba(180,13,36,.20);
  box-shadow:0 20px 60px rgba(16,17,22,.10);
}
body.theme-light #ksa-app .ksa-panel,
body.theme-light #ksa-app .ksa-check{
  background:#fff;
}
body.theme-light #ksa-app input[type="url"],
body.theme-light #ksa-app input[type="text"],
body.theme-light #ksa-app textarea,
body.theme-light #ksa-app .ksa-check .ksa-code{
  background:#F7F8FA;
}

@media (max-width:560px){
  #ksa-app .ksa-score-panel{grid-template-columns:1fr;text-align:center;justify-items:center}
  #ksa-app .ksa-tallies{justify-content:center}
  #ksa-app .ksa-check{grid-template-columns:auto 1fr}
  #ksa-app .ksa-meter{grid-column:1/-1;text-align:right;border-top:1px dashed var(--line);padding-top:8px;margin-top:2px}
}
@media (prefers-reduced-motion:reduce){#ksa-app *{animation:none!important;transition:none!important}}