/* thinglet.com motion layer. Loads after site.css and only adds to it. */
.top{transition:background-color .25s,box-shadow .25s}
.top.fxc-solid{background-color:rgba(19,18,17,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--edge)}
.fxc-bar{position:fixed;left:0;top:0;width:100%;height:2px;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--blue),var(--blue-hot));box-shadow:0 0 12px var(--blue);z-index:95;pointer-events:none}
.fxc-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.fxc-tele{display:flex;flex-wrap:wrap;gap:8px 24px;max-width:780px;margin:28px 0 0;padding:16px 0 0;list-style:none;border-top:1px solid var(--edge);font:600 .72rem/1.5 ui-monospace,Consolas,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.fxc-tele b{color:var(--ink);font-variant-numeric:tabular-nums}
.fxc-tele i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--c,var(--blue-hot))}
.fxc-tele li:nth-child(3) i,.chip--live::before{animation:fxc-pulse 2.4s infinite}
.band--edged{position:relative}
.fxc-sig{position:absolute;left:0;top:-22px;width:100%;height:44px;pointer-events:none}
.card{position:relative}
.card::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--blue-hot));transform:scaleX(0);transform-origin:0 50%;transition:transform .35s ease-out;pointer-events:none}
.card:hover::after,.card:focus-within::after{transform:scaleX(1)}
.card.fxc-lit{background-image:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(79,201,238,.13),transparent 70%)}
.fxc-rise{opacity:0;transform:translateY(16px);transition:opacity .55s ease-out,transform .55s ease-out}
.fxc-rise.fxc-seen{opacity:1;transform:none}
@keyframes fxc-pulse{0%{box-shadow:0 0 0 0 rgba(63,208,138,.6)}70%,100%{box-shadow:0 0 0 9px rgba(63,208,138,0)}}
.fxc-still .fxc-tele i,.fxc-still .chip--live::before{animation:none}
.fxc-still .fxc-rise{opacity:1;transform:none;transition:none}
.fxc-still .card::after{transition:none}
@media (prefers-reduced-motion:reduce){.fxc-tele i,.chip--live::before{animation:none!important}.fxc-rise{opacity:1;transform:none;transition:none}.card::after,.top{transition:none}}
@media (max-width:700px){.fxc-tele{gap:6px 16px;font-size:.66rem}}