/* [JOINPAGE 2026-11-04] /join (free viewer sign-up) on top of become-model.css: pink viewer accent, live widget right under the hero */
.bm-join .bm-kicker{color:var(--pink)}
.bm-light .bm-join .bm-hero h1 em{color:var(--pink);text-shadow:0 3px 0 #ffd0e8}
.bm-join .bm-live{margin-top:6px}
.bm-join .bm-live h2::before{content:"";display:inline-block;width:.5em;height:.5em;margin-right:.35em;border-radius:50%;background:#e53e3e;vertical-align:.12em;animation:jn-pulse 1.4s infinite}
@keyframes jn-pulse{50%{opacity:.2}}
.bm-join .bm-watchbox{background:linear-gradient(135deg,#ffe3f1,#fff);border-color:#ffc2df}
.bm-join .bm-small a{color:var(--blue);font-weight:700}
@media (prefers-reduced-motion:reduce){.bm-join .bm-live h2::before{animation:none}}
.bm-join a.bm-art{text-decoration:none;cursor:pointer;transition:transform .15s}
.bm-join a.bm-art:hover{transform:scale(1.03) rotate(-1deg)}
.bm-join a.bm-art:active{transform:scale(.97)}
.bm-join .bm-live-more{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:16px 0 0}
.bm-join .bm-live-more a{color:var(--pink);font-weight:800;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:1px}
.bm-join .bm-live-more a:hover{color:var(--ink)}