@keyframes sheen{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes hush{0%,100%{opacity:.35}50%{opacity:.8}}
@keyframes ping{
  0%{transform:scale(1);box-shadow:0 0 0 0 rgba(62,207,142,.55)}
  70%{transform:scale(1);box-shadow:0 0 0 8px rgba(62,207,142,0)}
  100%{transform:scale(1);box-shadow:0 0 0 0 rgba(62,207,142,0)}
}
.skel{display:inline-block;height:11px;border-radius:999px;background:linear-gradient(90deg,#121217 0%,#2a2438 42%,#121217 80%);background-size:200% 100%;animation:sheen 1.6s ease-in-out infinite;vertical-align:middle}
.skel.lg{height:16px;width:58%}
.skel.md{width:42%}
.skel.sm{width:28%}
.skel.dot{width:32px;height:32px;border-radius:50%}
.skel.sq{width:96px;height:96px;border-radius:24px}
.skel-row td{padding:14px 12px}
.meta{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.led{width:7px;height:7px;border-radius:50%;background:#8b6cff;flex:0 0 7px;box-shadow:0 0 0 0 rgba(139,108,255,.5);animation:ping 1.5s ease-out infinite}
.meta.on-air .led,.meta:not(.waiting) .led{background:#3ecf8e;box-shadow:0 0 0 0 rgba(62,207,142,.55)}
.meta.waiting{color:#c4a574}
.meta.on-air{color:#3ecf8e}
#wire-tag{display:inline-flex;align-items:center;gap:6px}
#wire-tag.on-air{color:#3ecf8e;letter-spacing:.14em;font-weight:600}
#wire-tag.on-air::before{content:"";width:6px;height:6px;border-radius:50%;background:#3ecf8e;box-shadow:0 0 0 0 rgba(62,207,142,.55);animation:ping 1.5s ease-out infinite}
.pills b.waiting,.snap.waiting{animation:hush 1.4s ease-in-out infinite}
.socials a{display:inline-flex;align-items:center;gap:6px}
.socials a svg{flex:0 0 auto}
.file td{white-space:normal;word-break:break-all}
.chart-frame{position:relative;height:520px;background:#000}
.chart-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
footer a,.feature a{color:#8b6cff;text-decoration:none}
footer a:hover,.feature a:hover{color:#c4b5fd}
footer{text-transform:none;letter-spacing:.04em}
#session{border:1px solid #1c1c24;border-radius:999px;padding:3px 8px}
.stories li{padding:12px 14px;border-bottom:1px solid #1c1c24}
.stories li:hover{background:#121217}
.stories a.read{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  margin-top:8px;
  width:auto !important;
  padding:5px 11px !important;
  border:1px solid #1c1c24;
  background:#121217;
  border-radius:999px;
  color:#f4f4f5 !important;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
}
.stories a.read:hover{border-color:#8b6cff;color:#c4b5fd !important}
.stories a.read .ico{font-size:13px;line-height:1}
.stock{display:flex;align-items:center;gap:8px}
.stock span{display:flex;flex-direction:column;gap:1px;min-width:0}
.stock-logo{width:18px;height:18px;border-radius:50%;object-fit:cover;background:#121217;flex:0 0 18px}
.padlink{color:#a1a1aa;text-decoration:none;font-size:11px}
.padlink:hover{color:#8b6cff;text-decoration:underline}
@media(max-width:720px){
  .chart-frame{height:360px}
  .stock-logo{width:16px;height:16px;flex-basis:16px}
  .filters{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .nav nav{overflow-x:auto}
}