/* DOCSSHOW-1 — "Show me" spotlight runtime. Inert until a #fsshow overlay is built.
   Light + dark; FocalShift canon (indigo #5b57ef glow ring, canonical card look). */
#fs-showme{position:fixed;inset:0;z-index:2147483000;pointer-events:none;font-family:Inter,system-ui,-apple-system,sans-serif}
#fs-showme .fss-scrim{position:fixed;inset:0;background:transparent;pointer-events:none}
/* the cut-out ring: box-shadow dims everything outside its rect + an indigo glow border */
#fs-showme .fss-ring{position:fixed;border-radius:11px;pointer-events:none;
  box-shadow:0 0 0 9999px rgba(17,17,38,.56),0 0 0 2px #fff,0 0 0 4px #5b57ef,0 0 24px 5px rgba(91,87,239,.55);
  transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease;animation:fss-pulse 1.9s ease-in-out infinite}
@keyframes fss-pulse{0%,100%{box-shadow:0 0 0 9999px rgba(17,17,38,.56),0 0 0 2px #fff,0 0 0 4px #5b57ef,0 0 22px 4px rgba(91,87,239,.45)}
  50%{box-shadow:0 0 0 9999px rgba(17,17,38,.56),0 0 0 2px #fff,0 0 0 4px #5b57ef,0 0 30px 8px rgba(91,87,239,.72)}}
/* fallback mode: no element to ring, so a plain full dim behind the card */
#fs-showme.fss-fallback .fss-scrim{background:rgba(17,17,38,.56);pointer-events:auto}

#fs-showme .fss-card{position:fixed;pointer-events:auto;max-width:340px;width:calc(100vw - 32px);
  background:#fff;border:1px solid #ececf4;border-radius:16px;padding:16px 17px 14px;
  box-shadow:0 24px 60px -18px rgba(20,20,50,.5);color:#2c2c44;box-sizing:border-box}
#fs-showme .fss-top{display:flex;align-items:center;gap:9px;margin-bottom:9px}
#fs-showme .fss-badge{flex:0 0 auto;min-width:22px;height:22px;padding:0 7px;border-radius:200px;background:#5b57ef;color:#fff;
  font:800 12px Inter;display:flex;align-items:center;justify-content:center}
#fs-showme .fss-kicker{font:800 10.5px Inter;letter-spacing:.09em;text-transform:uppercase;color:#9b9cb4}
#fs-showme .fss-x{margin-left:auto;width:26px;height:26px;border:none;background:transparent;color:#8a8aa6;cursor:pointer;
  border-radius:8px;display:flex;align-items:center;justify-content:center}
#fs-showme .fss-x:hover{background:#f2f2f8;color:#43435f}
#fs-showme .fss-x i{width:16px;height:16px}
#fs-showme .fss-ins{font:600 14.5px/1.5 Inter;color:#23233a;margin:0 0 8px}
#fs-showme .fss-exp{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.5;color:#16a34a;margin:0 0 10px}
#fs-showme .fss-exp i{width:14px;height:14px;margin-top:2px;flex:0 0 14px}
#fs-showme .fss-miss{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;line-height:1.5;color:#9a6b00;
  background:#fdf7e7;border:1px solid #f0e6c8;border-radius:9px;padding:8px 10px;margin:0 0 10px}
#fs-showme .fss-miss i{width:14px;height:14px;margin-top:1px;flex:0 0 14px;color:#d99a00}
#fs-showme .fss-nav{display:flex;align-items:center;gap:8px;margin-top:4px}
#fs-showme .fss-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:9px;
  font:700 12.5px Inter;cursor:pointer;border:1px solid #d9d8ea;background:#fff;color:#43435f}
#fs-showme .fss-btn:hover{border-color:#5b57ef;color:#5b57ef}
#fs-showme .fss-btn.pri{background:#5b57ef;border-color:#5b57ef;color:#fff}
#fs-showme .fss-btn.pri:hover{background:#4d49df;color:#fff}
#fs-showme .fss-btn[disabled]{opacity:.4;cursor:default;pointer-events:none}
#fs-showme .fss-btn i{width:14px;height:14px}
#fs-showme .fss-spacer{flex:1 1 auto}
#fs-showme .fss-back{display:inline-flex;align-items:center;gap:5px;font:600 11.5px Inter;color:#8a8aa6;text-decoration:none;margin-top:11px}
#fs-showme .fss-back:hover{color:#5b57ef}
#fs-showme .fss-back i{width:13px;height:13px}
/* little pointer beak toward the ring */
#fs-showme .fss-card::before{content:"";position:absolute;width:12px;height:12px;background:#fff;border:1px solid #ececf4;
  transform:rotate(45deg);display:none}
#fs-showme .fss-card.beak-up::before{display:block;top:-7px;left:24px;border-right:none;border-bottom:none}
#fs-showme .fss-card.beak-down::before{display:block;bottom:-7px;left:24px;border-left:none;border-top:none}

/* dark */
html.fs-dark #fs-showme .fss-card{background:#1d1e2b;border-color:#2e2f44;color:#e9e9f3;box-shadow:0 24px 64px -18px rgba(0,0,0,.72)}
html.fs-dark #fs-showme .fss-ins{color:#f0f0f8}
html.fs-dark #fs-showme .fss-x:hover{background:#23243a;color:#c7c8de}
html.fs-dark #fs-showme .fss-btn{background:#23243a;border-color:#2e2f44;color:#c7c8de}
html.fs-dark #fs-showme .fss-btn.pri{background:#5b57ef;border-color:#5b57ef;color:#fff}
html.fs-dark #fs-showme .fss-miss{background:#2b2510;border-color:#4a3f1c;color:#e2c266}
html.fs-dark #fs-showme .fss-card.beak-up::before,html.fs-dark #fs-showme .fss-card.beak-down::before{background:#1d1e2b;border-color:#2e2f44}
@media(max-width:600px){#fs-showme .fss-card{left:16px!important;right:16px!important;width:auto}}