/* SeerSignals — guided tour for newcomers (static/tour.js). Everything is scoped under .st-* ids/classes. */
/* Top layer: on Macro/Discover pages the injected nav bar sits at the maximum z-index, so the tour matches it
   and wins by coming later in the page. */
#st-block{position:fixed;inset:0;z-index:2147483647;background:transparent}
/* Interactive steps (the guide video) block the page with four strips around the spotlight instead (tour.js drawSpot). */
.st-frame{position:fixed;z-index:2147483647;background:transparent;display:none}
/* Position + size are animated frame by frame in tour.js — no CSS transition here (it lagged behind the scroll). */
#st-spot{position:fixed;z-index:2147483647;pointer-events:none;border-radius:12px;
  box-shadow:0 0 0 2px #22BF6F,0 0 0 9999px rgba(3,6,12,.68)}
#st-spot.st-none{box-shadow:0 0 0 9999px rgba(3,6,12,.68)}
#st-bubble{position:fixed;z-index:2147483647;width:330px;max-width:calc(100vw - 24px);box-sizing:border-box;
  background:#0d1117;border:1px solid #2a2a4e;border-radius:14px;padding:14px 16px 14px;color:#e0e0e0;
  box-shadow:0 16px 44px rgba(0,0,0,.6);font-family:inherit;transition:opacity .22s ease}
#st-bubble.st-hide{opacity:0;pointer-events:none;transition:opacity .12s ease}
#st-bubble .st-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
#st-bubble .st-count{font-size:11px;font-weight:800;letter-spacing:.4px;color:#07090d;background:#22BF6F;border-radius:20px;padding:2px 9px}
#st-bubble .st-skip{background:none;border:none;color:#8b93ad;font-size:11.5px;cursor:pointer;padding:2px 0;font-family:inherit;text-decoration:underline;text-underline-offset:2px}
#st-bubble .st-title{font-size:14.5px;font-weight:700;color:#fff;margin:0 0 6px}
#st-bubble .st-body{font-size:12.5px;line-height:1.6;color:#b9c1cd}
#st-bubble .st-body b{color:#e6e8ee}
#st-bubble .st-note{display:block;margin-top:7px;font-size:11.5px;color:#fbbf24}
#st-bubble .st-note a{color:#fbbf24;font-weight:700}
#st-bubble .st-foot{display:flex;align-items:center;justify-content:space-between;margin-top:13px;gap:10px}
#st-bubble .st-dots{display:flex;gap:5px}
#st-bubble .st-dot{width:7px;height:7px;border-radius:50%;border:1.5px solid #22BF6F;box-sizing:border-box}
#st-bubble .st-dot.on{background:#22BF6F}
#st-bubble .st-btns{display:flex;gap:7px}
.st-btn{padding:8px 13px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;border:1px solid #2a2a4e;background:transparent;color:#c5cbd6}
.st-btn:hover{border-color:#3b3b66;color:#fff}
.st-btn.st-go{background:#22BF6F;border-color:#22BF6F;color:#07090d}
.st-btn.st-go:hover{filter:brightness(1.08);color:#07090d}
/* The welcome offer */
#st-offer-bg{position:fixed;inset:0;z-index:2147483647;background:rgba(3,6,12,.6);display:flex;align-items:center;justify-content:center;
  padding:16px;box-sizing:border-box;opacity:0;transition:opacity .25s ease}
#st-offer-bg.show{opacity:1}
#st-offer{width:370px;max-width:100%;box-sizing:border-box;background:#0d1117;border:1px solid #2a2a4e;border-radius:16px;padding:22px 22px 18px;
  color:#e0e0e0;box-shadow:0 18px 50px rgba(0,0,0,.6);text-align:center;transform:translateY(8px);transition:transform .25s ease}
#st-offer-bg.show #st-offer{transform:none}
#st-offer img{width:46px;height:46px;margin-bottom:8px}
#st-offer h3{margin:0 0 6px;font-size:17px;color:#fff}
#st-offer p{margin:0 0 16px;font-size:13px;line-height:1.55;color:#b9c1cd}
#st-offer .st-btns{display:flex;flex-direction:column;gap:8px}
#st-offer .st-btn{padding:11px 14px;font-size:13px}
#st-offer small{display:block;margin-top:12px;font-size:11px;color:#6b7387}
@media (max-width:480px){#st-bubble{width:calc(100vw - 24px)}}
/* Step 10: live preview of the Proof-of-Call record, dropped under its nav button (built in tour.js openPeek) */
#st-peek{position:absolute;z-index:1001;width:284px;max-width:calc(100vw - 24px);box-sizing:border-box;background:#0d1117;
  border:1px solid #1f3b2c;border-radius:14px;padding:12px 13px 13px;color:#e0e0e0;box-shadow:0 12px 34px rgba(0,0,0,.5);font-family:inherit}
#st-peek .sp-head{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.6px;
  text-transform:uppercase;color:#34d399;margin-bottom:9px}
#st-peek .sp-live{display:inline-flex;align-items:center;gap:5px;color:#8b93ad}
#st-peek .sp-live:before{content:'';width:6px;height:6px;border-radius:50%;background:#22BF6F;animation:sp-pulse 1.6s ease-in-out infinite}
#st-peek .sp-stats{display:flex;gap:7px;margin-bottom:10px}
#st-peek .sp-stat{flex:1;background:#0a0f16;border:1px solid #1c2433;border-radius:9px;padding:7px 9px}
#st-peek .sp-num{font-size:17px;font-weight:800;color:#fff;line-height:1.1}
#st-peek .sp-lbl{font-size:10.5px;color:#8b93ad;margin-top:2px;line-height:1.35}
#st-peek .sp-blk{display:flex;align-items:center;gap:9px;background:#0a0f16;border:1px solid #1c2433;border-radius:9px;padding:6px 9px;
  opacity:0;animation:sp-in .4s ease forwards}
#st-peek .sp-lnk{width:2px;height:8px;background:#22BF6F;opacity:.55;margin-left:22px}
#st-peek .sp-seq{font:700 10.5px ui-monospace,Menlo,monospace;color:#34d399;min-width:30px}
#st-peek .sp-btc .sp-seq{color:#f7931a;font-size:14px}
#st-peek .sp-m{flex:1;min-width:0;font-size:11.5px;font-weight:600;color:#e6e8ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#st-peek .sp-o{display:block;font-size:10.5px;font-weight:500;color:#8b93ad}
#st-peek .sp-h{font:10px ui-monospace,Menlo,monospace;color:#6b7387}
@keyframes sp-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes sp-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){#st-peek .sp-blk{animation:none;opacity:1}#st-peek .sp-live:before{animation:none}}