.bbm{--ink:#00123d;--muted:#5a6a85;--blue:#1e5bff;--red:#d4282b;--green:#12a150;--line:#dce6f7;--step-ms:6500ms;background:transparent;color:var(--ink);padding:clamp(40px,5vw,72px) 16px}.bbm-wrap{align-items:center;display:grid;gap:clamp(32px,5vw,80px);grid-template-columns:.9fr 1.1fr;margin:0 auto;max-width:1250px}.bbm-kicker{align-items:center;color:#1e4fff;display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.08em;line-height:1.3;margin:0 0 18px;text-transform:uppercase}.bbm-kicker__dot{background:#1e4fff;border-radius:50%;display:inline-block;flex:none;height:7px;width:7px}.bbm-title{font-size:clamp(28px,3.6vw,40px);font-weight:800;line-height:1.12;margin:0 0 20px}.bbm-sub{color:var(--muted);font-size:clamp(16px,1.6vw,17px);line-height:1.65;margin:0 0 36px;max-width:50ch}.bbm-list{border-top:1px solid var(--line)}.bbm-item{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:16px;margin:0;padding:20px 0;position:relative;text-align:left;width:100%}.bbm-item:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.bbm-item__num{color:#9aa8c4;flex:0 0 auto;font-size:14px;padding-top:3px}.bbm-item__num,.bbm-item__title{font-weight:800;transition:color .3s ease}.bbm-item__title{color:#7c89a6;display:block;font-size:clamp(17px,1.7vw,20px);line-height:1.3}.bbm-item__text{color:var(--muted);display:block;font-size:15px;line-height:1.6;margin-top:8px}.bbm-item.is-active .bbm-item__num{color:var(--blue)}.bbm-item.is-active .bbm-item__title,.bbm-item:hover .bbm-item__title{color:var(--ink)}.bbm-item__bar{background:var(--blue);bottom:-1px;height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;width:100%}.bbm.js-on .bbm-item__text{margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .35s ease,margin-top .45s ease}.bbm.js-on .bbm-item.is-active .bbm-item__text{margin-top:8px;max-height:140px;opacity:1}.bbm.js-on.is-playing .bbm-item.is-active .bbm-item__bar{animation:bbmBar var(--step-ms) linear forwards}.bbm.js-on.is-paused .bbm-item.is-active .bbm-item__bar{animation-play-state:paused}@keyframes bbmBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bbm-stage{background:radial-gradient(120% 90% at 85% 10%,rgba(30,91,255,.1),rgba(30,91,255,0) 60%),linear-gradient(160deg,#f3f7ff,#e4edff);border-radius:28px;display:grid;min-height:460px;position:relative}.bbm-panel{display:flex;flex-direction:column;grid-area:1/1;padding:32px;position:relative}.bbm-panel[hidden]{display:none}.bbm.js-on .bbm-panel[hidden]{display:flex}.bbm.js-on .bbm-panel{opacity:0;transition:opacity .45s ease,visibility 0s linear .45s;visibility:hidden}.bbm.js-on .bbm-panel.is-active{opacity:1;transition:opacity .45s ease .1s;visibility:visible}.bbm-vis{flex:1;min-height:300px;position:relative}.bbm-vis--thread{display:flex;flex-direction:column;gap:16px;justify-content:center}.bbm-post{display:block;height:auto;max-width:200px;position:absolute;top:4%;transition:transform .5s ease,opacity .5s ease;width:36%}.bbm-post--a{left:6%}.bbm-post--b{right:6%}.bbm-panel--attack .bbm-post--a{left:4%;max-width:220px;width:40%}.bbm-vis--pair{align-content:center;align-items:start;display:grid;gap:28px;grid-template-columns:1fr 1fr}.bbm-col{align-items:center;display:flex;flex-direction:column;gap:16px;min-width:0}.bbm-vis--pair .bbm-post{left:auto;max-width:200px;position:relative;right:auto;top:auto;width:80%}.bbm-vis--pair .bbm-v{border-radius:16px;font-size:14px;justify-content:center;max-width:100%;text-align:left}.bbm-vis--pair .bbm-cmt--mid{bottom:auto;top:30%}.bbm-cmt{align-items:center;background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.9);border-radius:16px;box-shadow:0 14px 34px rgba(30,70,180,.14);color:#3d4663;display:flex;font-size:15.5px;gap:12px;line-height:1.4;padding:12px 16px 12px 12px;text-align:left}.bbm-cmt img{border-radius:50%;display:block;flex:0 0 40px;height:40px;object-fit:cover;width:40px}.bbm-cmt strong{color:var(--ink)}.bbm-cmt i{color:var(--blue);font-size:14px;font-style:normal}.bbm-cmt--mid{bottom:10%;left:0;margin:0 auto;max-width:90%;position:absolute;right:0;width:max-content;z-index:2}.bbm-cmt--wide{margin:0 auto;position:relative;width:min(100%,440px)}.bbm-cmt--reply{margin-left:max(0px,calc(50% - 180px));width:min(calc(100% - 40px),400px)}.bbm-cmt--r1,.bbm-cmt--r2{position:absolute;width:60%;z-index:2}.bbm-cmt--r1{right:2%;top:10%}.bbm-cmt--r2{right:0;top:46%}.bbm-tag{background:var(--red);border-radius:6px;box-shadow:0 6px 14px rgba(212,40,43,.28);color:#fff;font-size:12px;font-style:normal;font-weight:800;line-height:1.2;padding:4px 9px;position:absolute;right:14px;top:-11px}.bbm-filter{background:hsla(0,0%,100%,.6);border:1px dashed #b9ccf5;border-radius:14px;color:var(--muted);font-size:14px;margin:0 auto;padding:12px 16px;width:min(100%,300px)}.bbm-filter__row{align-items:center;display:flex;gap:12px;justify-content:space-between}.bbm-filter b{background:#e9eef7;border-radius:99px;color:#5a6a85;font-size:12.5px;padding:3px 9px}.bbm-verdicts{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:18px}.bbm-v{background:#fff;border-radius:99px;box-shadow:0 6px 18px rgba(0,18,61,.06);color:var(--ink);font-size:14.5px;font-weight:700;gap:8px;line-height:1.3;margin:0;padding:9px 14px 9px 10px;transition:opacity .5s ease}.bbm-ico,.bbm-v{align-items:center;display:inline-flex}.bbm-ico{border-radius:50%;color:#fff;flex:0 0 20px;height:20px;justify-content:center;width:20px}.bbm-ico svg{height:14px;width:14px}.bbm-ico--bad{background:var(--red)}.bbm-ico--ok{background:var(--green)}.bbm.js-on .bbm-panel .bbm-cmt,.bbm.js-on .bbm-panel .bbm-filter,.bbm.js-on .bbm-panel .bbm-post,.bbm.js-on .bbm-panel .bbm-v{opacity:0;transform:translateY(10px) scale(.97)}.bbm.js-on .bbm-panel.is-active .bbm-post{opacity:1;transform:none;transition:opacity .5s ease .15s,transform .6s cubic-bezier(.22,.61,.21,1) .15s}.bbm.js-on .bbm-panel.is-active .bbm-post--b{transition-delay:.25s}.bbm.js-on .bbm-panel.is-active .bbm-cmt{opacity:1;transform:none;transition:opacity .45s ease .45s,transform .55s cubic-bezier(.34,1.56,.64,1) .45s}.bbm.js-on .bbm-panel.is-active .bbm-cmt--r2,.bbm.js-on .bbm-panel.is-active .bbm-cmt--reply,.bbm.js-on .bbm-panel.is-active .bbm-filter{opacity:1;transform:none;transition:opacity .45s ease .95s,transform .55s cubic-bezier(.34,1.56,.64,1) .95s}.bbm.js-on .bbm-panel.is-active .bbm-v{opacity:1;transform:none;transition:opacity .4s ease 1.3s,transform .5s cubic-bezier(.34,1.56,.64,1) 1.3s}.bbm.js-on .bbm-panel.is-active .bbm-v+.bbm-v{transition-delay:1.5s}.bbm.js-on .bbm-panel .bbm-tag{opacity:0;transform:scale(1.5) rotate(-4deg)}.bbm.js-on .bbm-panel.is-active .bbm-tag{opacity:1;transform:none;transition:opacity .25s ease 1.1s,transform .45s cubic-bezier(.34,1.56,.64,1) 1.1s}.bbm.js-on .bbm-panel.is-active .bbm-cmt--reply .bbm-tag{transition-delay:1.6s}.bbm.js-on .bbm-panel--context.is-active .bbm-post--a{animation:bbmTurnA 3.2s ease-in-out 1.8s infinite}.bbm.js-on .bbm-panel--context.is-active .bbm-post--b{animation:bbmTurnB 3.2s ease-in-out 1.8s infinite}.bbm.js-on .bbm-panel--context.is-active .bbm-v--a{animation:bbmFadeA 3.2s ease-in-out 1.8s infinite}.bbm.js-on .bbm-panel--context.is-active .bbm-v--b{animation:bbmFadeB 3.2s ease-in-out 1.8s infinite}@keyframes bbmTurnA{0%,42%{opacity:1;transform:scale(1.04)}50%,92%{opacity:.45;transform:scale(.97)}to{opacity:1;transform:scale(1.04)}}@keyframes bbmTurnB{0%,42%{opacity:.45;transform:scale(.97)}50%,92%{opacity:1;transform:scale(1.04)}to{opacity:.45;transform:scale(.97)}}@keyframes bbmFadeA{0%,42%{opacity:1}50%,92%{opacity:.45}to{opacity:1}}@keyframes bbmFadeB{0%,42%{opacity:.45}50%,92%{opacity:1}to{opacity:.45}}.bbm.js-on .bbm-panel--disguised.is-active .bbm-filter b{animation:bbmShrug .6s ease 1.5s 1}@keyframes bbmShrug{0%,to{transform:none}30%{transform:translateX(-3px)}60%{transform:translateX(3px)}}@media (prefers-reduced-motion:reduce){.bbm *{animation:none!important;transition:none!important}}@media (max-width:900px){.bbm-wrap{grid-template-columns:1fr}.bbm-stage{min-height:420px;order:2}.bbm-left{order:1}}@media (max-width:560px){.bbm-vis--pair{gap:14px 12px}.bbm-vis--pair .bbm-cmt--mid{bottom:auto;grid-column:1/-1;grid-row:1;margin:0 auto 6px;position:relative;top:auto}.bbm-vis--pair .bbm-post{width:92%}.bbm-vis--pair .bbm-v{font-size:12.5px;padding:8px 12px 8px 9px}.bbm-panel{padding:20px}.bbm-stage{border-radius:22px;min-height:0}.bbm-vis{min-height:250px}.bbm-cmt{font-size:14px}.bbm-cmt--r1,.bbm-cmt--r2{width:66%}.bbm-v{font-size:13.5px}}