.aba-ribbon{position:relative;overflow:hidden;isolation:isolate;border-block:1px solid #2A3644;min-height:76px;background:#0B0F16;color:#E8EDF3;font-family:"IBM Plex Sans",system-ui,sans-serif}
.aba-ribbon .rb-bg{position:absolute;inset:-80% -20%;z-index:0;animation:rbBreathe 24.8s ease-in-out infinite alternate;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%)}
@keyframes rbBreathe{from{filter:blur(26px) saturate(1.35) hue-rotate(-22deg)}to{filter:blur(38px) saturate(1.6) hue-rotate(22deg)}}
.aba-ribbon .rb-bg i{position:absolute;display:block;border-radius:50%;mix-blend-mode:screen}
.aba-ribbon .rb-bg i:nth-child(1){width:34%;height:120%;left:2%;top:0;background:radial-gradient(circle,#35D2E6,rgba(53,210,230,0) 68%);animation:rbD1 12.4s ease-in-out infinite alternate}
.aba-ribbon .rb-bg i:nth-child(2){width:30%;height:130%;right:4%;top:-10%;background:radial-gradient(circle,#A78BFA,rgba(167,139,250,0) 68%);animation:rbD2 14.8s ease-in-out infinite alternate}
.aba-ribbon .rb-bg i:nth-child(3){width:28%;height:110%;left:36%;top:10%;background:radial-gradient(circle,#0D6E60,rgba(13,110,96,0) 70%);animation:rbD3 19.2s ease-in-out infinite alternate}
.aba-ribbon .rb-bg i:nth-child(4){width:22%;height:100%;left:60%;top:0;background:radial-gradient(circle,#12907C,rgba(18,144,124,0) 72%);animation:rbD4 22s ease-in-out infinite alternate}
@keyframes rbD1{from{transform:translate3d(-20%,-10%,0) scale(.9)}to{transform:translate3d(140%,14%,0) scale(1.6)}}
@keyframes rbD2{from{transform:translate3d(20%,10%,0) scale(1.5)}to{transform:translate3d(-130%,-14%,0) scale(.85)}}
@keyframes rbD3{from{transform:translate3d(-60%,10%,0) scale(.9)}to{transform:translate3d(90%,-16%,0) scale(1.65)}}
@keyframes rbD4{from{transform:translate3d(60%,-10%,0) scale(1.5)}to{transform:translate3d(-110%,16%,0) scale(.9)}}
.aba-ribbon .rb-scrim{position:absolute;inset:0;z-index:1;background:rgba(10,16,21,.60)}
.aba-ribbon .rb-in{position:relative;z-index:2;display:flex;align-items:center;gap:14px;max-width:1120px;margin:0 auto;padding:12px 16px}
.aba-ribbon .rb-chip{flex:none;font:500 11px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;padding:7px 10px;border-radius:999px;border:1px solid currentColor;white-space:nowrap;background:rgba(6,10,14,.55);color:#F2DCA0}
.aba-ribbon .rb-stage{position:relative;flex:1;min-width:0;min-height:48px}
.aba-ribbon .rb-fact{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(14px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}
.aba-ribbon .rb-fact.live{opacity:1;transform:none}
.aba-ribbon .rb-fact.out{opacity:0;transform:translateY(-10px)}
.aba-ribbon .rb-t{font-family:Chivo,"Segoe UI",sans-serif;font-weight:700;font-size:17px;line-height:1.3;text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 14px rgba(6,10,14,.95)}
.aba-ribbon .rb-src{font:500 11px/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.06em;color:#E8EDF3;margin-top:4px;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 10px rgba(6,10,14,.95)}
.aba-ribbon .rb-ctl{flex:none;display:flex;gap:6px}
.aba-ribbon button,.aba-ribbon-restore button{font:500 11px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#B9C4D0;background:rgba(6,10,14,.6);border:1px solid #2A3644;border-radius:999px;padding:8px 10px;cursor:pointer}
.aba-ribbon button:hover{color:#E8EDF3;border-color:#8594A5}
.aba-ribbon button:focus-visible,.aba-ribbon-restore button:focus-visible{outline:2px solid #35D2E6;outline-offset:2px}
.aba-ribbon-restore{display:flex;justify-content:flex-end;max-width:1120px;margin:0 auto;padding:6px 16px}
.aba-ribbon.paused .rb-bg,.aba-ribbon.paused .rb-bg i{animation-play-state:paused}
@media (max-width:640px){.aba-ribbon .rb-in{flex-wrap:wrap;gap:8px 10px}.aba-ribbon .rb-stage{flex-basis:100%;order:3;min-height:66px}.aba-ribbon .rb-t{font-size:15px}.aba-ribbon .rb-ctl{margin-left:auto}}
@media (prefers-reduced-motion:reduce){.aba-ribbon .rb-bg,.aba-ribbon .rb-bg i{animation:none}.aba-ribbon .rb-fact{transition:opacity .4s linear;transform:none}.aba-ribbon .rb-fact.out{transform:none}}

.aba-ribbon [hidden],.aba-ribbon-detail[hidden],.aba-ribbon-restore[hidden]{display:none!important}
.aba-ribbon-detail{background:#121A23;border-bottom:1px solid #2A3644;color:#E8EDF3;font-family:"IBM Plex Sans",system-ui,sans-serif}
.aba-ribbon-detail .rd-in{display:flex;align-items:center;gap:14px;max-width:1120px;margin:0 auto;padding:10px 16px}
.aba-ribbon-detail .rd-text{flex:1;min-width:0}
.aba-ribbon-detail .rd-more{margin:0;font-size:14px;line-height:1.5;color:#E8EDF3;max-width:90ch}
.aba-ribbon-detail .rd-src{margin:3px 0 0;font:500 11px/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.06em;color:#8594A5}
.aba-ribbon-detail .rd-back{flex:none;font:500 11px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#B9C4D0;background:transparent;border:1px solid #2A3644;border-radius:999px;padding:8px 10px;cursor:pointer}
.aba-ribbon-detail .rd-back:hover{color:#E8EDF3;border-color:#8594A5}
.aba-ribbon-detail .rd-back:focus-visible{outline:2px solid #35D2E6;outline-offset:2px}