.ml-bbs{color:#fff;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;background:#0b0b0e;border-radius:22px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.ml-bbs-scene{animation:.6s both mlBbFade;position:absolute;inset:0}@keyframes mlBbFade{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}.ml-bbs-label{text-overflow:ellipsis;white-space:nowrap;z-index:20;letter-spacing:.02em;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border-radius:99px;max-width:34%;padding:.6cqw 1.8cqw;font-size:2.3cqw;font-weight:700;position:absolute;top:3cqw;left:3cqw;overflow:hidden}.ml-bbs-chapters{z-index:20;gap:1cqw;display:flex;position:absolute;bottom:2.2cqw;left:3cqw;right:3cqw}.ml-bbs-chapters span{background:#ffffff47;border-radius:9px;flex:1;height:max(3px,.55cqw);overflow:hidden}.ml-bbs-chapters span.is-done i{width:100%}.ml-bbs-chapters i{border-radius:inherit;background:#fff;width:0;height:100%;display:block}.ml-bbs-chapters span.is-on i{animation:linear forwards mlBbBar}@keyframes mlBbBar{0%{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.ml-bbs *,.ml-bbs :before,.ml-bbs :after{transition:none!important;animation-duration:1ms!important;animation-delay:0s!important}}
