.spx{--spx-bg:#12203a;--spx-fg:244 247 251;--spx-line:255 255 255;--spx-ray:#fff;border:1px solid rgb(var(--spx-line) / .08);background:radial-gradient(60% 70% at 30% 50%, #ff9c5f1a, transparent 70%), var(--spx-bg);color:rgb(var(--spx-fg));border-radius:20px;padding:clamp(10px,2.4cqw,22px);container-type:inline-size}[data-theme=light] .spx{--spx-bg:#f5f7fb;--spx-fg:15 27 45;--spx-line:15 27 45;--spx-ray:#0f1b2d}.spx-board{aspect-ratio:1000/520;font-size:clamp(10.5px,1.75cqw,16px);position:relative}.spx-svg{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.spx-svg path{fill:none}.spx-signal{gap:.6em;inline-size:22%;display:grid;position:absolute;translate:0 -50%}.spx-signal-card{border:1px solid rgb(var(--spx-line) / .16);background:rgb(var(--spx-line) / .05);border-radius:14px;align-items:center;gap:.7em;padding:.85em;display:flex}.spx-signal-icon{color:#07090f;background:#fff;border-radius:10px;flex:none;place-items:center;block-size:2.4em;inline-size:2.4em;display:grid}.spx-signal-icon svg{block-size:1.3em;inline-size:1.3em}.spx-signal-body{min-inline-size:0}.spx-signal-body small{color:rgb(var(--spx-fg) / .6);white-space:nowrap;text-overflow:ellipsis;font-size:.85em;display:block;overflow:hidden}.spx-signal-body p{white-space:nowrap;margin:.15em 0 0;font-size:1.05em;font-weight:700}.spx-buy{color:#4ade80}.spx-list{margin:0;padding:0;list-style:none}.spx-acct{border:1px solid color-mix(in srgb, var(--c) 45%, transparent);background:color-mix(in srgb, var(--c) 12%, var(--spx-bg));border-radius:14px;align-items:center;gap:.7em;inline-size:38.8%;padding:.6em .75em;display:flex;position:absolute;translate:0 -50%}.spx-logo{background:#fff;border-radius:9px;flex:none;place-items:center;block-size:2.4em;inline-size:2.4em;display:grid;overflow:hidden}.spx-logo img{object-fit:contain;block-size:80%;inline-size:80%}.spx-who{flex:1;min-inline-size:0;display:grid}.spx-who b{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.spx-mask{color:rgb(var(--spx-fg) / .5);font-weight:500}.spx-who small{color:rgb(var(--spx-fg) / .65);white-space:nowrap;text-overflow:ellipsis;font-size:.85em;overflow:hidden}.spx-pill{color:#07090f;background:var(--c);border-radius:999px;flex:none;align-items:center;gap:.3em;padding:.25em .6em;font-size:.8em;font-weight:700;display:inline-flex}.spx-pill svg{block-size:1em;inline-size:1em}.spx-foot{text-align:center;color:rgb(var(--spx-fg) / .6);margin:.9em 0 0;font-size:.875rem}.spx-mark{filter:drop-shadow(0 0 6px #ff9c5f8c)}.spx-ray,.spx-glow,.spx-core,.spx-edge{stroke-dasharray:1}.spx-ray-glow{stroke:var(--spx-ray);opacity:.45}.spx-glow{opacity:.5}.spx-core{opacity:.55}.spx-edge{opacity:.95}@keyframes spx-ray{0%{stroke-dashoffset:1px}12%,to{stroke-dashoffset:0}}@keyframes spx-glare{0%,10%{filter:drop-shadow(0 0 4px #ff9c5f4d)}16%,88%{filter:drop-shadow(0 0 18px #ff9c5fbf)}to{filter:drop-shadow(0 0 4px #ff9c5f4d)}}@keyframes spx-beam{0%{stroke-dashoffset:1px;opacity:0}6%{opacity:1}30%,86%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes spx-acct{0%,24%{opacity:.35;transform:translate(-6px)}34%,86%{opacity:1;transform:none}to{opacity:.35}}@keyframes spx-pill{0%,32%{opacity:0;transform:scale(.6)}40%,86%{opacity:1;transform:none}to{opacity:0}}.spx[data-live=true] .spx-ray,.spx[data-live=true] .spx-ray-glow{animation:7s ease-out infinite spx-ray}.spx[data-live=true] .spx-mark{animation:7s ease-in-out infinite spx-glare}.spx-beam,.spx-acct{--d:calc(.7s + var(--i) * .18s)}.spx[data-live=true] .spx-glow,.spx[data-live=true] .spx-core,.spx[data-live=true] .spx-edge{animation:spx-beam 7s cubic-bezier(.3, .6, .2, 1) var(--d) infinite backwards}.spx[data-live=true] .spx-acct{animation:spx-acct 7s ease-out var(--d) infinite backwards}.spx[data-live=true] .spx-pill{animation:spx-pill 7s ease-out var(--d) infinite backwards}@media (prefers-reduced-motion:reduce){.spx[data-live] :is(.spx-ray,.spx-ray-glow,.spx-mark,.spx-glow,.spx-core,.spx-edge,.spx-acct,.spx-pill){animation:none}}[data-theme=light] .spx-glow{opacity:.3}[data-theme=light] .spx-core{opacity:.7}[data-theme=light] .spx-signal-icon,[data-theme=light] .spx-logo{box-shadow:0 0 0 1px #0f1b2d1a}.spx-mobile-engine{display:none}@container (max-width:580px){.spx-board{aspect-ratio:auto;justify-items:center;font-size:14px;display:grid}.spx-svg{display:none}.spx-signal{inline-size:min(100%,260px);position:relative;translate:none;top:auto!important;left:auto!important}.spx-signal-card{justify-content:center;padding:14px}.spx-signal-body small{white-space:normal;overflow:visible}.spx-mobile-engine{place-items:center;inline-size:100%;padding-block:30px;display:grid;position:relative}.spx-mobile-engine:before{content:"";background:linear-gradient(#0000,#ff9c5f,#0000);inline-size:2px;position:absolute;top:0;bottom:0;left:50%}.spx-mobile-engine img{object-fit:contain;filter:drop-shadow(0 0 14px #ff9c5f59);block-size:80px;inline-size:80px;position:relative}.spx-list{gap:14px;inline-size:100%;padding-inline-start:20px;display:grid;position:relative}.spx-list:before{content:"";opacity:.6;background:linear-gradient(#ff9c5f,#ffd3b0);inline-size:2px;position:absolute;top:0;bottom:38px;left:0}.spx-acct{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;min-block-size:76px;inline-size:100%;padding:12px 10px;display:grid;position:relative;translate:none;top:auto!important;left:auto!important}.spx-acct:before{content:"";background:var(--c);block-size:2px;inline-size:20px;position:absolute;top:50%;left:-20px}.spx-who b,.spx-who small{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;overflow:visible}.spx-mask{font-size:11px;display:block}.spx-logo{block-size:34px;inline-size:34px}.spx-pill{gap:3px;padding:5px;font-size:11px}.spx-foot{margin-block-start:20px;line-height:1.6}.spx[data-live=true] .spx-mobile-engine img{animation:7s ease-in-out infinite spx-glare}.spx[data-live=true] .spx-acct:before{animation:spx-mobile-beam 7s ease-out var(--d) infinite backwards}}@keyframes spx-mobile-beam{0%,12%{opacity:.15;transform-origin:0;transform:scaleX(0)}30%,86%{opacity:1;transform-origin:0;transform:scaleX(1)}to{opacity:.15}}@media (prefers-reduced-motion:reduce){.spx[data-live] .spx-mobile-engine img,.spx[data-live] .spx-acct:before{animation:none}}
