/* ===== THEME 4: floating study symbols only. Colours come from theme.css and theme3.css (navy, indigo, amber). ===== */

/* the symbols layer replaces the drifting canvas stars */
#heroFx{display:none}
.symbols{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.sym{position:absolute;font-family:'Fraunces',Georgia,serif;font-weight:600;color:rgba(255,255,255,.10);user-select:none;animation:bob var(--d,14s) ease-in-out var(--delay,0s) infinite;will-change:transform}
.sym.am{color:rgba(255,194,102,.22)}
.sym.mt{color:rgba(143,166,255,.26)}
.sym.bx{border:1.5px solid rgba(255,255,255,.14);border-radius:14px;padding:6px 12px;font-family:'Manrope',sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.06em;color:rgba(255,255,255,.24);background:rgba(255,255,255,.04)}
@keyframes bob{0%,100%{transform:translate3d(0,0,0) rotate(var(--r,0deg))}50%{transform:translate3d(var(--dx,10px),-26px,0) rotate(calc(var(--r,0deg) + 6deg))}}
@media(prefers-reduced-motion:reduce){.sym{animation:none}}