/* Extra attention-grabbing intro / outro animations for posts (extends the four built-in ones). */
@keyframes bm-anim-zoom-in{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
.bm-anim-zoom-in{animation:bm-anim-zoom-in var(--bm-anim-duration,.6s) ease both!important}
.bm-anim-zoom-in.bm-anim-outro{animation:bm-anim-zoom-in var(--bm-anim-duration,.3s) ease reverse both!important}
@keyframes bm-anim-flip-in{0%{opacity:0;transform:perspective(600px) rotateX(-85deg)}60%{opacity:1;transform:perspective(600px) rotateX(12deg)}100%{opacity:1;transform:perspective(600px) rotateX(0)}}
.bm-anim-flip-in{animation:bm-anim-flip-in var(--bm-anim-duration,.6s) ease both!important}
.bm-anim-flip-in.bm-anim-outro{animation:bm-anim-flip-in var(--bm-anim-duration,.3s) ease reverse both!important}
@keyframes bm-anim-swing-in{0%{opacity:0;transform:rotate(-12deg) translateY(-18px);transform-origin:top left}40%{opacity:1;transform:rotate(7deg)}70%{transform:rotate(-3deg)}100%{opacity:1;transform:rotate(0)}}
.bm-anim-swing-in{animation:bm-anim-swing-in var(--bm-anim-duration,.6s) ease both!important}
.bm-anim-swing-in.bm-anim-outro{animation:bm-anim-swing-in var(--bm-anim-duration,.3s) ease reverse both!important}
@keyframes bm-anim-rubber-band{0%{opacity:0;transform:scale(1,1)}30%{opacity:1;transform:scale(1.25,.75)}45%{transform:scale(.8,1.2)}65%{transform:scale(1.12,.9)}100%{opacity:1;transform:scale(1,1)}}
.bm-anim-rubber-band{animation:bm-anim-rubber-band var(--bm-anim-duration,.6s) ease both!important}
.bm-anim-rubber-band.bm-anim-outro{animation:bm-anim-rubber-band var(--bm-anim-duration,.3s) ease reverse both!important}
@keyframes bm-anim-tada{0%{opacity:0;transform:scale(.6) rotate(0)}15%{opacity:1;transform:scale(.9) rotate(-4deg)}30%{transform:scale(1.1) rotate(4deg)}45%{transform:scale(1.1) rotate(-4deg)}60%{transform:scale(1.1) rotate(3deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
.bm-anim-tada{animation:bm-anim-tada var(--bm-anim-duration,.6s) ease both!important}
.bm-anim-tada.bm-anim-outro{animation:bm-anim-tada var(--bm-anim-duration,.3s) ease reverse both!important}
@keyframes bm-anim-pulse-pop{0%{opacity:0;transform:scale(.5)}40%{opacity:1;transform:scale(1.12)}60%{transform:scale(.97)}80%{transform:scale(1.04)}100%{opacity:1;transform:scale(1)}}
.bm-anim-pulse-pop{animation:bm-anim-pulse-pop var(--bm-anim-duration,.6s) ease both!important}
.bm-anim-pulse-pop.bm-anim-outro{animation:bm-anim-pulse-pop var(--bm-anim-duration,.3s) ease reverse both!important}
@keyframes bm-anim-glow-in{0%{opacity:0;filter:brightness(2.2) blur(6px);transform:scale(.96)}60%{opacity:1;filter:brightness(1.4) blur(1px)}100%{opacity:1;filter:none;transform:scale(1)}}
.bm-anim-glow-in{animation:bm-anim-glow-in var(--bm-anim-duration,.6s) ease both!important}
.bm-anim-glow-in.bm-anim-outro{animation:bm-anim-glow-in var(--bm-anim-duration,.3s) ease reverse both!important}
@keyframes bm-anim-shake-in{0%{opacity:0;transform:translateX(-30px)}20%{opacity:1;transform:translateX(18px)}40%{transform:translateX(-12px)}60%{transform:translateX(8px)}80%{transform:translateX(-4px)}100%{opacity:1;transform:translateX(0)}}
.bm-anim-shake-in{animation:bm-anim-shake-in var(--bm-anim-duration,.6s) ease both!important}
.bm-anim-shake-in.bm-anim-outro{animation:bm-anim-shake-in var(--bm-anim-duration,.3s) ease reverse both!important}
@keyframes bm-anim-drop-in{0%{opacity:0;transform:translateY(-60px)}55%{opacity:1;transform:translateY(8px)}75%{transform:translateY(-4px)}100%{opacity:1;transform:translateY(0)}}
.bm-anim-drop-in{animation:bm-anim-drop-in var(--bm-anim-duration,.6s) ease both!important}
.bm-anim-drop-in.bm-anim-outro{animation:bm-anim-drop-in var(--bm-anim-duration,.3s) ease reverse both!important}
@keyframes bm-anim-roll-in{0%{opacity:0;transform:translateX(-80px) rotate(-90deg)}100%{opacity:1;transform:translateX(0) rotate(0)}}
.bm-anim-roll-in{animation:bm-anim-roll-in var(--bm-anim-duration,.6s) ease both!important}
.bm-anim-roll-in.bm-anim-outro{animation:bm-anim-roll-in var(--bm-anim-duration,.3s) ease reverse both!important}
@keyframes bm-anim-wobble-in{0%{opacity:0;transform:translateX(-40px) rotate(-8deg)}30%{opacity:1;transform:translateX(14px) rotate(4deg)}55%{transform:translateX(-8px) rotate(-3deg)}80%{transform:translateX(3px) rotate(1deg)}100%{opacity:1;transform:none}}
.bm-anim-wobble-in{animation:bm-anim-wobble-in var(--bm-anim-duration,.6s) ease both!important}
.bm-anim-wobble-in.bm-anim-outro{animation:bm-anim-wobble-in var(--bm-anim-duration,.3s) ease reverse both!important}
@keyframes bm-anim-spin-in{0%{opacity:0;transform:rotate(-200deg) scale(.1)}100%{opacity:1;transform:rotate(0) scale(1)}}
.bm-anim-spin-in{animation:bm-anim-spin-in var(--bm-anim-duration,.6s) ease both!important}
.bm-anim-spin-in.bm-anim-outro{animation:bm-anim-spin-in var(--bm-anim-duration,.3s) ease reverse both!important}

/* ---------- live extras UI ---------- */
.lx-dock{position:fixed;right:10px;top:46%;z-index:40;display:flex;flex-direction:column;gap:10px}
.lx-dbtn{display:flex;flex-direction:column;align-items:center;gap:2px;width:58px;padding:8px 4px;border:0;border-radius:18px;background:rgba(15,23,42,.92);color:#fff;font:700 10.5px system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.14)}
.lx-dbtn span{font-size:21px;line-height:1}.lx-dbtn em{font-style:normal;opacity:.85}.lx-dbtn.on{background:#10b981;border-color:#fff;animation:lx-pulse 1.6s infinite}
@keyframes lx-pulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}50%{box-shadow:0 0 0 10px rgba(16,185,129,0)}}
.lx-panel{position:fixed;right:76px;top:40%;z-index:2147481600;width:min(300px,calc(100vw - 96px));background:#111b21;color:#e9edef;border-radius:16px;padding:14px;font:14px system-ui,sans-serif;box-shadow:0 12px 36px rgba(0,0,0,.5);display:none;border:1px solid #2a3942}
.lx-panel.on{display:block}.lx-panel p{margin:6px 0;color:#aebac1;font-size:13px}.lx-row{display:flex;gap:8px;align-items:center;margin:8px 0}.lx-row input{width:auto}.lx-row small{color:#8696a0}
.lx-need{background:#2a1f1f;border-radius:10px;padding:8px 10px;color:#fecaca!important}.lx-ok{color:#86efac!important}.lx-panel a,.lx-toast a{color:#53bdeb;font-weight:700}
.lx-toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:2147483000;background:#111b21;color:#fff;border:1px solid #10b981;border-radius:14px;padding:10px 16px;max-width:min(92vw,420px);text-align:center;font:600 14px system-ui,sans-serif;transition:.25s;box-shadow:0 8px 28px rgba(0,0,0,.5)}
.lx-toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.lx-float{position:fixed;bottom:110px;z-index:2147482000;pointer-events:none;display:flex;flex-direction:column;align-items:center;animation:lx-up 2.5s ease-out forwards}
.lx-float span{font-size:44px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.lx-float small{background:rgba(15,23,42,.9);color:#fff;border-radius:99px;padding:1px 8px;font:700 11px system-ui,sans-serif}
@keyframes lx-up{0%{opacity:0;transform:translateY(20px) scale(.5)}15%{opacity:1;transform:translateY(0) scale(1.15)}100%{opacity:0;transform:translateY(-260px) scale(1)}}
.lx-reader{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:2147482400;background:#0f172a;color:#fff;border:1px solid #10b981;border-radius:20px;padding:10px 14px;width:min(94vw,460px);box-shadow:0 10px 34px rgba(0,0,0,.55);font-family:system-ui,sans-serif}
.lx-st{font-weight:700;font-size:13.5px;margin-bottom:8px;text-align:center}.lx-ctl{display:flex;gap:8px;justify-content:center;align-items:center}
.lx-ctl button,.lx-ctl select{border:0;border-radius:12px;background:#1e293b;color:#fff;font-size:18px;padding:7px 14px;cursor:pointer}.lx-ctl select{font-size:13px;padding:9px 6px}
.lx-reading>.bm-post-bubble,.bm-post.lx-reading .bm-post-bubble{outline:3px solid #10b981;outline-offset:3px;transition:outline .2s}
.lx-await{animation:lx-await 1.2s infinite;border-radius:12px}@keyframes lx-await{0%,100%{box-shadow:0 0 0 0 rgba(250,204,21,.7)}50%{box-shadow:0 0 0 10px rgba(250,204,21,0)}}
body.lx-reading-on{padding-bottom:110px}
.lx-comp{position:fixed;left:0;right:0;bottom:0;z-index:2147482200;background:#f0f2f5;border-top:1px solid #d1d7db;padding:8px 10px calc(8px + env(safe-area-inset-bottom));font-family:system-ui,sans-serif}
.lx-crow{display:flex;gap:8px;align-items:flex-end;max-width:760px;margin:0 auto}
.lx-comp textarea{flex:1;border:0;border-radius:22px;padding:11px 16px;font-size:15px;resize:none;background:#fff;color:#111;max-height:120px;outline:none;line-height:1.3;font-family:inherit}
.lx-ci{border:0;background:none;font-size:23px;cursor:pointer;padding:8px 6px;border-radius:50%;color:#54656f}.lx-ci.rec{color:#fff;background:#ef4444;font-size:13px;font-weight:700;border-radius:20px;padding:8px 12px;animation:lx-pulse 1.2s infinite}
.lx-send{border:0;width:44px;height:44px;border-radius:50%;background:#00a884;color:#fff;font-size:19px;cursor:pointer;flex:none}.lx-send:disabled{opacity:.6}
.lx-chip{max-width:760px;margin:0 auto 6px;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:6px 12px;font-size:13px;color:#333}.lx-chip button{border:0;background:none;font-size:16px;cursor:pointer}

.lx-pop{animation:lx-popin .5s ease both}@keyframes lx-popin{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
@media (max-width:520px){.lx-dock{top:auto}.lx-panel{top:auto}}

/* Post buttons: an empty left/right slot should not keep a third of the width, so a row of buttons uses the full bubble width. */
.bm-post-btn-slot:empty{display:none!important}
.bm-post-btn-zone .bm-post-btn{text-align:center;white-space:normal;line-height:1.25}
@media (max-width:520px){.lx-dock{bottom:230px}.lx-panel{bottom:230px}}

/* ---------- 3D icons ---------- */
.i3d{display:inline-block;width:var(--sz,32px);height:var(--sz,32px);perspective:calc(var(--sz,32px) * 7);flex:none;vertical-align:middle}
.i3d-in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:i3d-spin 9s ease-in-out infinite;animation-delay:var(--d,0s);will-change:transform}
.i3d-l{position:absolute;left:0;top:0;width:100%;height:100%;display:block;transform:translateZ(calc(var(--k,0) * var(--sz,32px) / 100));filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.i3d-f{filter:drop-shadow(0 calc(var(--sz,32px) * .06) calc(var(--sz,32px) * .1) rgba(0,0,0,.45))}
@keyframes i3d-spin{0%{transform:rotateY(-22deg) rotateX(9deg)}30%{transform:rotateY(22deg) rotateX(-6deg)}58%{transform:rotateY(-22deg) rotateX(9deg)}70%{transform:rotateY(-22deg) rotateX(9deg)}100%{transform:rotateY(338deg) rotateX(9deg)}}
.i3d.still .i3d-in{animation:none;transform:rotateY(-16deg) rotateX(8deg)}
@media (prefers-reduced-motion:reduce){.i3d-in{animation:none;transform:rotateY(-16deg) rotateX(8deg)}}
.lx-dbtn{gap:0;padding:7px 3px 6px;width:62px}.lx-dbtn .i3d{margin-bottom:2px}.lx-dbtn span.i3d{font-size:inherit}
.lx-ph{display:flex;align-items:center;gap:8px;font-size:15px}
.lx-ci,.lx-send{display:flex;align-items:center;justify-content:center}.lx-send{background:none!important;width:48px;height:48px}.lx-ci{padding:4px}.lx-ci.rec{font-size:13px;color:#fff}
.lx-chip button,#lxReplyX{background:none;border:0;cursor:pointer;display:flex}
.bm-post-btn .i3d{filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.bm-post-btn{display:inline-flex;align-items:center;justify-content:center}

/* ---------- message tools (owner) ---------- */
body.lx-admin .bm-post{touch-action:pan-y}
.lx-chev{position:absolute;top:4px;right:6px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(0,0,0,.35);cursor:pointer;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center;z-index:2}
.lx-chev i{width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translate(-1px,-1px)}
.bm-post-bubble{position:relative}.bm-post-bubble:hover .lx-chev,.lx-chev:focus{opacity:1}
@media (hover:none){.lx-chev{opacity:.75}}
.lx-menu{position:fixed;z-index:2147483200;background:#233138;color:#e9edef;border-radius:14px;padding:6px;box-shadow:0 12px 36px rgba(0,0,0,.55);min-width:190px;font:600 15px system-ui,sans-serif;animation:lx-popin .15s ease}
.lx-menu button{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;color:inherit;font:inherit;padding:8px 12px;border-radius:10px;cursor:pointer;text-align:left}.lx-menu button:hover{background:rgba(255,255,255,.08)}.lx-menu .dng{color:#fca5a5}
.lx-modal{position:fixed;inset:0;z-index:2147483300;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.lx-mb{background:#111b21;color:#e9edef;border-radius:18px;padding:18px;width:min(440px,100%);display:flex;flex-direction:column;gap:10px;font-family:system-ui,sans-serif}
.lx-mb input,.lx-mb textarea{background:#2a3942;color:#e9edef;border:0;border-radius:12px;padding:11px 13px;font:15px system-ui,sans-serif;width:100%;box-sizing:border-box;resize:vertical}
.lx-mr{display:flex;gap:10px;justify-content:flex-end}.lx-mr button{border:0;border-radius:12px;padding:10px 18px;font:700 14px system-ui,sans-serif;cursor:pointer;background:#2a3942;color:#e9edef}.lx-mr .ok{background:#00a884;color:#fff}.lx-mr .dng{background:#dc2626;color:#fff}
.lx-swhint{position:absolute;left:6px;top:50%;opacity:0;pointer-events:none}
.lx-quote{display:block;border-left:4px solid #06cf9c;background:rgba(0,0,0,.07);border-radius:8px;padding:6px 10px;margin:0 0 8px;text-decoration:none!important;color:inherit!important;font-size:.85rem}
.lx-quote b{display:block;color:#06a07c;font-size:.8rem}.lx-quote span{display:block;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lx-flash .bm-post-bubble{animation:lx-fl 1.2s ease}@keyframes lx-fl{0%,60%{box-shadow:0 0 0 4px rgba(250,204,21,.8)}100%{box-shadow:0 0 0 0 rgba(250,204,21,0)}}
.lx-replybar{display:flex;align-items:center;gap:8px;max-width:760px;margin:0 auto 6px;background:#fff;border-left:5px solid #00a884;border-radius:12px;padding:6px 10px}
.lx-rq{flex:1;min-width:0}.lx-rq b{display:block;color:#00a884;font-size:12px}.lx-rt{display:block;font-size:13px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- Restructure Layout (owner only) ---------- */
body.lx-rs{touch-action:pan-y;-webkit-user-select:none;user-select:none}
.lx-sel{touch-action:none!important;cursor:move}
.lx-selbox{position:fixed;display:none;border:2px dashed #22d3ee;border-radius:8px;box-shadow:0 0 0 9999px rgba(0,0,0,.0);pointer-events:none;z-index:2147482100}
.lx-handle{position:fixed;display:none;width:34px;height:34px;margin:-1px 0 0 -1px;border-radius:50%;background:#0e7490;border:2px solid #fff;z-index:2147482200;touch-action:none;cursor:nwse-resize;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,.5)}
.lx-handle .i3d{position:absolute;left:3px;top:3px}
.lx-rs-banner{position:fixed;top:0;left:0;right:0;z-index:2147482300;background:#0e7490;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 10px;font:700 13px system-ui,sans-serif}
.lx-rs-bar{position:fixed;left:0;right:0;bottom:0;z-index:2147482400;background:#0f172a;color:#fff;border-top:2px solid #22d3ee;padding:8px 10px calc(10px + env(safe-area-inset-bottom));font-family:system-ui,sans-serif;max-height:46vh;overflow:auto}
.lx-rs-top{display:flex;flex-direction:column;align-items:center;margin-bottom:4px}.lx-rs-top small{color:#94a3b8}.lx-rs-hint{text-align:center;color:#cbd5e1;font-size:13px;margin-bottom:6px}
.lx-rs-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:4px}
.lx-rs-row button{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:58px;background:#1e293b;border:0;border-radius:12px;color:#e2e8f0;font:600 10.5px system-ui,sans-serif;padding:5px 4px;cursor:pointer}.lx-rs-row button.wide{flex-direction:row;gap:8px;font-size:13px;padding:8px 14px}.lx-rs-row .ok{background:#065f46}
body.lx-rs .lx-comp{display:none}body.lx-rs{padding-bottom:230px}body.lx-rs .lx-dock{bottom:auto;top:50px}
.lx-layoutbtn.on{background:#0e7490}

/* ---------- dark / light mode (visitor's own choice) ---------- */
html[data-lx-theme=dark] body,html[data-lx-theme=dark] body[data-chat-look]{background:#0b141a!important;background-image:none!important;color:#e9edef!important}
html[data-lx-theme=dark] body .bm-post .bm-post-bubble,html[data-lx-theme=dark] body .bm-post .chat-bubble,html[data-lx-theme=dark] body[data-chat-look] .bm-post .bm-post-bubble{background:#202c33!important;background-image:none!important;color:#e9edef!important;border-color:#2a3942!important}
html[data-lx-theme=dark] body .bm-post .bm-post-bubble p,html[data-lx-theme=dark] body .bm-post .bm-post-bubble h2,html[data-lx-theme=dark] body .bm-post .bm-post-bubble figcaption,html[data-lx-theme=dark] body .bm-post .bm-post-bubble span:not(.i3d):not(.bm-reaction-count){color:#e9edef!important}
html[data-lx-theme=dark] body .bm-post .bm-post-bubble a:not(.bm-post-btn){color:#53bdeb!important}
html[data-lx-theme=dark] body .bm-post .bm-post-header,html[data-lx-theme=dark] body .bm-post .bm-post-header *{color:#8fc9bf!important}
html[data-lx-theme=dark] body time{color:#8696a0!important}
html[data-lx-theme=dark] body .bm-reaction-btn{background:#202c33!important;color:#e9edef!important;border-color:#2a3942!important}
html[data-lx-theme=dark] body .bm-reaction-btn span{color:#e9edef!important}
html[data-lx-theme=dark] body .bm-poll-option,html[data-lx-theme=dark] body .bm-post .bm-poll .bm-poll-option,html[data-lx-theme=dark] body .bm-poll-row{background:#2a3942!important;color:#e9edef!important;border-color:#374952!important}
html[data-lx-theme=dark] body .bm-poll-row span{color:#e9edef!important}
html[data-lx-theme=dark] body .bm-poll-fill{background:rgba(0,168,132,.35)!important}
html[data-lx-theme=dark] body .bm-pinned-bar{background:#182229!important;color:#e9edef!important}
html[data-lx-theme=dark] body .bm-locked{background:#202c33!important}
html[data-lx-theme=dark] body .lx-quote{background:rgba(255,255,255,.07)}
html[data-lx-theme=dark] body .bm-post-btn,html[data-lx-theme=dark] body .bm-post-btn span{color:inherit!important}
html[data-lx-theme=light] body,html[data-lx-theme=light] body[data-chat-look]{background:#efeae2!important;background-image:none!important;color:#111b21!important}
html[data-lx-theme=light] body .bm-post .bm-post-bubble,html[data-lx-theme=light] body .bm-post .chat-bubble,html[data-lx-theme=light] body[data-chat-look] .bm-post .bm-post-bubble{background:#fff!important;background-image:none!important;color:#111b21!important;border-color:#e2e8f0!important}
html[data-lx-theme=light] body .bm-post .bm-post-bubble p,html[data-lx-theme=light] body .bm-post .bm-post-bubble h2,html[data-lx-theme=light] body .bm-post .bm-post-bubble figcaption,html[data-lx-theme=light] body .bm-post .bm-post-bubble span:not(.i3d):not(.bm-reaction-count){color:#111b21!important}
html[data-lx-theme=light] body .bm-post .bm-post-bubble a:not(.bm-post-btn){color:#0b6bcb!important}
html[data-lx-theme=light] body .bm-post .bm-post-header,html[data-lx-theme=light] body .bm-post .bm-post-header *{color:#00755e!important}
html[data-lx-theme=light] body time{color:#667781!important}
html[data-lx-theme=light] body .bm-reaction-btn{background:#fff!important;color:#111b21!important;border-color:#e2e8f0!important}
html[data-lx-theme=light] body .bm-reaction-btn span{color:#111b21!important}
html[data-lx-theme=light] body .bm-poll-option,html[data-lx-theme=light] body .bm-post .bm-poll .bm-poll-option,html[data-lx-theme=light] body .bm-poll-row{background:#f1f5f9!important;color:#111b21!important}
html[data-lx-theme=light] body .bm-poll-row span{color:#111b21!important}
html[data-lx-theme=light] body .bm-pinned-bar{background:#fff!important;color:#111b21!important}
@media (max-width:520px){.lx-dbtn{width:50px;padding:6px 2px}.lx-dbtn em{display:none}.lx-dock{gap:8px}}

/* ================= icon tray (replaces the floating column) ================= */
.lx-dock{display:none!important}
.lx-tray{position:fixed;left:0;right:0;bottom:var(--lx-comp,0px);z-index:2147482000;display:flex;gap:10px;justify-content:center;align-items:center;padding:6px 10px calc(6px + env(safe-area-inset-bottom));background:rgba(11,20,40,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.12);overflow-x:auto;scrollbar-width:none;transition:background .15s,box-shadow .15s}
.lx-tray::-webkit-scrollbar{display:none}
.lx-tray.lx-drop{background:rgba(14,116,144,.9);box-shadow:0 -4px 20px rgba(34,211,238,.55)}
body.lx-tray-on{padding-bottom:calc(var(--lx-bottom,0px) + 22px)!important}
body.lx-rs .lx-tray{display:none}
.lx-tray .lx-ti{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0!important;transform:none!important;flex:none;width:50px!important;height:50px!important;min-width:50px;padding:0!important;border-radius:15px!important;display:flex!important;align-items:center;justify-content:center;font-size:0!important;line-height:0;background:rgba(30,41,59,.95)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 2px 6px rgba(0,0,0,.35)!important;color:#fff;cursor:grab;position:relative!important;touch-action:manipulation;-webkit-user-select:none;user-select:none;gap:0}
.lx-ti em{display:none}
.lx-tray #bmAskAiToggle>:not(:first-child),.lx-tray .bm-rw-chip>:not(:first-child),.lx-tray #bmBmpBtn>:not(:first-child){display:none!important}
.lx-tray .vx-fab>span{margin:0!important}.lx-tray .vx-fab>i{position:absolute;top:-5px;right:-5px;font-size:10px!important;line-height:1.4;margin:0;padding:1px 6px;background:#ef4444;color:#fff;border-radius:99px;display:inline-block!important}
.lx-tray .bm-rw-chip .bm-rw-star{width:34px;height:34px}
.lx-tray .lx-ti .i3d{margin:0!important}
.lx-floating{position:fixed!important;left:var(--lx-x,10px)!important;top:var(--lx-y,100px)!important;right:auto!important;bottom:auto!important;margin:0!important;transform:none!important;z-index:2147482050;width:54px!important;height:54px!important;min-width:54px;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;font-size:0!important;line-height:0;background:rgba(15,23,42,.94)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 8px 22px rgba(0,0,0,.5)!important;cursor:grab;touch-action:none}
.lx-floating>:not(:first-child):not(i){display:none!important}
.lx-floating.vx-fab>i{position:absolute;top:-4px;right:-4px;display:inline-block!important;font-size:10px!important;line-height:1.4;padding:1px 6px;background:#ef4444;color:#fff;border-radius:99px}
.lx-floating .bm-rw-star{width:34px;height:34px}
.lx-floating.lx-dragging{cursor:grabbing;transform:scale(1.18)!important;box-shadow:0 14px 34px rgba(0,0,0,.6)!important;transition:none}
@media (min-width:700px){.lx-tray{justify-content:flex-start;padding-left:16px}}

/* panels, toast, reader, HUD all sit above the tray + composer, never on top of them */
.lx-panel{top:auto!important;bottom:calc(var(--lx-bottom,0px) + 10px)!important;right:10px!important;width:min(320px,calc(100vw - 20px))}
.lx-toast{bottom:calc(var(--lx-bottom,0px) + 14px)!important}
.lx-reader{bottom:calc(var(--lx-bottom,0px) + 8px)!important}
body.lx-reading-on{padding-bottom:calc(var(--lx-bottom,0px) + 130px)!important}
.lx-pb{height:6px;background:rgba(255,255,255,.14);border-radius:4px;overflow:hidden;margin:-2px 0 8px}.lx-pb i{display:block;height:100%;width:0;background:linear-gradient(90deg,#22d3ee,#10b981);transition:width .4s}
.lx-ctl button.tx{font-size:13px;font-weight:700;padding:9px 12px}.lx-ctl button.ok{background:#065f46}.lx-ctl button .i3d{display:block}

/* ================= click feedback + progress card ================= */
.lx-press{animation:lx-press .45s ease-out}
@keyframes lx-press{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(34,211,238,.9)}35%{transform:scale(.88)}100%{transform:scale(1);box-shadow:0 0 0 14px rgba(34,211,238,0)}}
.lx-tray .lx-press,.lx-floating.lx-press{animation:lx-press .45s ease-out!important}
.i3d.lx-spin .i3d-in{animation:i3d-click .65s cubic-bezier(.3,1.4,.5,1)!important}
@keyframes i3d-click{0%{transform:rotateY(0) scale(1)}60%{transform:rotateY(360deg) scale(1.25)}100%{transform:rotateY(360deg) scale(1)}}
.lx-hud{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--lx-bottom,0px) + 10px);z-index:2147482600;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 20px))}
body.lx-reading-on .lx-hud{bottom:calc(var(--lx-bottom,0px) + 122px)}
.lx-task{background:#0f172a;color:#fff;border:1px solid #22d3ee;border-radius:16px;padding:10px 12px;box-shadow:0 10px 30px rgba(0,0,0,.55);font-family:system-ui,sans-serif;animation:lx-popin .2s ease}
.lx-task.done{border-color:#10b981}.lx-task.fail{border-color:#f87171}
.lx-tt{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;margin-bottom:7px}.lx-tt span{font-weight:800;color:#67e8f9}
.lx-task.done .lx-tt span{color:#6ee7b7}.lx-task.fail .lx-tt span{color:#fca5a5}
.lx-tb{height:8px;background:rgba(255,255,255,.14);border-radius:5px;overflow:hidden}.lx-tb i{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#10b981);border-radius:5px;transition:width .2s}
.lx-task.run .lx-tb i{background-size:28px 28px;background-image:linear-gradient(135deg,rgba(255,255,255,.28) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.28) 75%,transparent 75%);animation:lx-stripe .8s linear infinite}
@keyframes lx-stripe{to{background-position:28px 0}}
.lx-tr{display:flex;justify-content:flex-end;margin-top:8px}.lx-tr button{border:0;border-radius:10px;padding:6px 16px;font:700 13px system-ui,sans-serif;cursor:pointer;background:#334155;color:#fff}.lx-tr .ok{background:#059669}

/* ================= social links panel (owner) ================= */
.lx-soc-list{max-height:170px;overflow:auto;margin:6px 0}
.lx-soc-row{display:flex;align-items:center;gap:10px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08)}.lx-soc-row span{flex:1;text-transform:capitalize}.lx-soc-row button{background:none;border:0;cursor:pointer;display:flex}
.lx-soc-add{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.lx-soc-add select,.lx-soc-add input{background:#2a3942;color:#e9edef;border:0;border-radius:10px;padding:10px 12px;font:14px system-ui,sans-serif;width:100%;box-sizing:border-box}
.lx-soc-add button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:#00a884;color:#fff;font:700 14px system-ui,sans-serif;padding:8px;cursor:pointer}
.bm-footer-social a{display:inline-flex}

.lx-tray [data-lx-id=earn]{order:-3}.lx-tray [data-lx-id=ask]{order:-2}.lx-tray [data-lx-id=community]{order:-1}
.lx-tray{flex-wrap:wrap;overflow:visible}
.lx-tray .lx-ti{width:auto!important;height:auto!important;flex:1 1 36px;max-width:52px;min-width:34px;aspect-ratio:1/1}

/* ================= labelled, collapsible icon bar ================= */
.lx-trayw{position:fixed;left:0;right:0;bottom:var(--lx-comp,0px);z-index:2147482000;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.lx-trayw>*{pointer-events:auto}
.lx-trayw .lx-tray{position:static;width:100%;box-sizing:border-box;justify-content:center;flex-wrap:wrap;overflow:visible;gap:6px 8px;padding:6px 8px calc(6px + env(safe-area-inset-bottom))}
.lx-trayw.lx-collapsed .lx-tray{display:none}
.lx-tab{display:flex;align-items:center;gap:7px;border:0;background:rgba(11,20,40,.94);color:#e2e8f0;font:700 11.5px system-ui,sans-serif;padding:4px 16px;border-radius:12px 12px 0 0;cursor:pointer;border:1px solid rgba(255,255,255,.14);border-bottom:0;margin-bottom:-1px}
.lx-trayw.lx-collapsed .lx-tab{padding-bottom:calc(4px + env(safe-area-inset-bottom));background:rgba(14,116,144,.95)}
.lx-chev2{width:8px;height:8px;border-right:2px solid #67e8f9;border-bottom:2px solid #67e8f9;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.lx-chev2.up{transform:rotate(-135deg) translateY(-2px)}
body.lx-rs .lx-trayw{display:none}
.lx-tray .lx-ti,.lx-floating{flex-direction:column!important;gap:1px;width:56px!important;height:auto!important;min-width:56px;max-width:none;flex:none;aspect-ratio:auto;padding:5px 2px 4px!important;border-radius:14px!important;font-size:0!important;line-height:1}
.lx-ti .lx-lbl,.lx-ti em{display:block!important;font:700 10px/1.1 system-ui,sans-serif!important;font-style:normal;color:#e2e8f0;text-align:center;white-space:nowrap;margin-top:2px;max-width:56px;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
.lx-tray #bmAskAiToggle>:not(:first-child):not(.lx-lbl),.lx-tray .bm-rw-chip>:not(:first-child):not(.lx-lbl),.lx-tray #bmBmpBtn>:not(:first-child):not(.lx-lbl),.lx-tray .vx-fab>:not(:first-child):not(i):not(.lx-lbl){display:none!important}
.lx-floating>:not(:first-child):not(i):not(.lx-lbl){display:none!important}
.lx-floating{border-radius:14px!important}
.lx-floating.lx-dragging{transform:scale(1.12)!important}
.lx-tray .vx-fab>span:first-child{margin:0!important}
.lx-tray .lx-ti .i3d,.lx-floating .i3d{margin:0}
.lx-tray .bm-rw-chip .bm-rw-star,.lx-floating .bm-rw-star{width:30px;height:30px}
.lx-tray .lx-ti.lx-press{animation:lx-press .45s ease-out!important}
/* the old floating buttons stay hidden until they have been moved into the bar (the page script restores them after 8s if the bar could not load) */
html.lx-pre .vx-fab:not(.lx-ti),html.lx-pre .bm-rw-chip:not(.lx-ti),html.lx-pre #bmAskAiToggle:not(.lx-ti),html.lx-pre #bmBmpBtn:not(.lx-ti){display:none!important}

.lx-tray #bmAskAiToggle>.lx-lbl,.lx-tray .bm-rw-chip>.lx-lbl,.lx-tray #bmBmpBtn>.lx-lbl,.lx-tray .vx-fab>.lx-lbl,.lx-floating>.lx-lbl{display:block!important;font:700 9.5px/1.1 system-ui,sans-serif!important;color:#e2e8f0!important}
.lx-tray .lx-ti,.lx-floating{width:60px!important;min-width:60px}
.lx-ti .lx-lbl,.lx-ti em{max-width:60px;font-size:9.5px!important}
.vx-fab>i.lx-zero,.lx-tray .vx-fab>i.lx-zero,.lx-floating.vx-fab>i.lx-zero{display:none!important}

.lx-tray .vx-fab .i3d,.lx-floating.vx-fab .i3d,.lx-tray #bmAskAiToggle .i3d{--sz:30px!important}

/* ================= heads-up pop-up for new posts (like an Android notification) ================= */
.lx-notif{position:fixed;left:50%;top:calc(10px + env(safe-area-inset-top));transform:translate(-50%,-140%);width:min(94vw,430px);z-index:2147482900;display:flex;gap:11px;align-items:center;background:rgba(32,33,36,.97);color:#fff;border-radius:18px;padding:11px 14px;box-shadow:0 10px 32px rgba(0,0,0,.45);font-family:system-ui,sans-serif;cursor:pointer;transition:transform .28s cubic-bezier(.2,.9,.3,1.1),opacity .25s;opacity:0}
.lx-notif.on{transform:translate(-50%,0);opacity:1}
.lx-nt-ic{width:38px;height:38px;border-radius:50%;overflow:hidden;flex:none;background:#00a884;display:flex;align-items:center;justify-content:center}.lx-nt-ic img{width:100%;height:100%;object-fit:cover}.lx-nt-ic b{font-size:18px}
.lx-nt-tx{min-width:0;flex:1}.lx-nt-top{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:#bdc1c6}.lx-nt-top b{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lx-nt-bd{font-size:14px;line-height:1.3;margin-top:2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ================= Admin tools sheet + the owner tool windows ================= */
.lx-tg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.lx-tg button{display:flex;flex-direction:column;align-items:center;gap:4px;background:#1e293b;border:0;border-radius:14px;color:#e2e8f0;font:700 11px system-ui,sans-serif;padding:10px 4px;cursor:pointer}
.lx-panel:has(.lx-tg){width:min(340px,calc(100vw - 20px))}
.lx-wide{width:min(520px,100%)!important;max-height:90vh;overflow:auto}
.lt-h{display:flex;align-items:center;gap:10px;font-size:17px}.lt-p{margin:0;color:#aebac1;font-size:13.5px;line-height:1.45}.lt-note{color:#9aa6b2;font-size:13px;line-height:1.5}
.lt-sw{display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}.lt-sw input{position:absolute;opacity:0;width:0;height:0}.lt-sw i{position:relative;width:48px;height:26px;background:#475569;border-radius:99px;flex:none;transition:.2s}.lt-sw i:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.2s}.lt-sw input:checked+i{background:#00a884}.lt-sw input:checked+i:after{transform:translateX(22px)}
.lt-tot{background:#0b141a;border-radius:12px;padding:9px 12px;color:#cbd5e1;font-size:13.5px}.lt-tot b{color:#67e8f9}
.lt-bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#cbd5e1;font-size:13px}.lt-bulk button{border:0;border-radius:10px;background:#0e7490;color:#fff;font:700 13px system-ui,sans-serif;padding:7px 14px;cursor:pointer}
.lt-list{display:flex;flex-direction:column;gap:6px;max-height:44vh;overflow:auto}
.lt-row{display:flex;align-items:center;gap:8px;background:#1a2530;border-radius:12px;padding:7px 10px}.lt-row.hot{outline:2px solid #22d3ee}.lt-n{width:24px;height:24px;border-radius:50%;background:#0e7490;color:#fff;font:800 12px/24px system-ui;text-align:center;flex:none}.lt-t{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lt-first{color:#9aa6b2;font-size:12px}
.lt-dur{display:inline-flex;gap:4px;flex:none}.lt-dur input{width:74px;background:#2a3942;color:#e9edef;border:0;border-radius:8px;padding:7px 8px;font:14px system-ui,sans-serif}.lt-dur select{background:#2a3942;color:#e9edef;border:0;border-radius:8px;padding:7px 4px;font:13px system-ui,sans-serif;width:auto}
.lt-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:46px;background:#0b141a;border-radius:12px;padding:8px}.lt-chips button{position:relative;border:0;background:#1e293b;border-radius:12px;font-size:24px;padding:6px 14px 6px 10px;cursor:pointer}.lt-chips i{position:absolute;right:3px;top:-3px;font-style:normal;font-size:15px;background:#dc2626;color:#fff;border-radius:50%;width:18px;height:18px;line-height:17px;text-align:center}
.lt-pal{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.lt-pal button{border:2px solid transparent;background:#1a2530;border-radius:10px;font-size:22px;padding:5px 0;cursor:pointer}.lt-pal button.on{border-color:#22d3ee;background:#0e3a4a}
.lt-chk{display:flex;gap:8px;align-items:center;color:#cbd5e1;font-size:13px}.lt-chk input{width:auto}
.lt-es{background:#1a2530;border-radius:14px;padding:10px;margin:6px 0;display:grid;grid-template-columns:44px 1fr;gap:4px 10px;align-items:center}.lt-em{font-size:32px;grid-row:span 2;text-align:center}.lt-st{font-size:13px;color:#cbd5e1}.lt-btns{display:flex;gap:6px;flex-wrap:wrap;grid-column:2}.lt-btns button,.lt-btns select{border:0;border-radius:10px;background:#2a3942;color:#e9edef;font:700 12.5px system-ui,sans-serif;padding:7px 11px;cursor:pointer;max-width:150px}.lt-btns .dng{background:#7f1d1d;color:#fecaca}.lt-btns .rec{background:#dc2626;color:#fff;animation:lx-pulse 1.2s infinite}
.lt-kinds{display:flex;flex-direction:column;gap:8px}.lt-k{display:flex;gap:10px;align-items:center;background:#1a2530;border:2px solid transparent;border-radius:12px;padding:9px 12px;cursor:pointer}.lt-k:has(input:checked){border-color:#22d3ee;background:#0e3a4a}.lt-k input{width:auto}.lt-k b{display:block;font-size:14px}.lt-k small{color:#9aa6b2}
.lt-vol{display:flex;align-items:center;gap:10px;color:#cbd5e1;font-size:13px}.lt-vol input{flex:1}.lt-vol b{min-width:44px;color:#67e8f9}

/* ================= online now chip, defaults and undo ================= */
.lx-def{display:inline-block;background:#0e7490;color:#cffafe;border-radius:99px;padding:0 7px;font-size:10px;font-weight:700;margin-left:4px;vertical-align:middle}
.lx-reset{display:block;width:100%;margin-top:10px;border:0;border-radius:12px;background:#334155;color:#e2e8f0;font:700 13px system-ui,sans-serif;padding:9px;cursor:pointer}.lx-reset:disabled{opacity:.45;cursor:default}
.lx-resets{display:flex;gap:8px;margin-top:10px}.lx-resets .lx-reset{margin-top:0}.lx-reset-all{background:#7f1d1d;color:#fecaca}
.lx-tu{border:0;border-radius:8px;background:#22d3ee;color:#082f49;font:800 13px system-ui,sans-serif;padding:3px 12px;margin-left:8px;cursor:pointer}
.lx-soc-pick{font-size:12px;color:#aebac1;margin-top:8px}
.lx-soc-plat{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.lx-soc-plat button{display:flex;flex-direction:column;align-items:center;gap:2px;background:#1e293b;border:2px solid transparent;border-radius:12px;color:#e2e8f0;font:700 10.5px system-ui,sans-serif;padding:6px 2px;cursor:pointer}.lx-soc-plat button.on{border-color:#22d3ee;background:#0e3a4a}
.lx-panel select option{color:#111;background:#fff}

/* online card: drag it by the top bar, tap the bar or the minus to minimise */
.lx-online{position:fixed;left:10px;bottom:calc(var(--lx-bottom,150px) + 8px);z-index:2147481000;width:min(250px,calc(100vw - 20px));background:rgba(15,23,42,.96);color:#e2e8f0;border:1px solid rgba(255,255,255,.18);border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.4);font:11px/1.35 system-ui,sans-serif;pointer-events:auto}
.lx-online.mine{border-color:#fbbf24}
.lx-online .lx-on-h{display:flex;align-items:center;gap:6px;padding:5px 6px 5px 10px;cursor:grab;touch-action:none;user-select:none}
.lx-online .lx-on-h b{font-size:11.5px;color:#fff}.lx-online .lx-on-note{font-size:9.5px;color:#fbbf24;flex:1}
.lx-online .lx-on-h i{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:lx-pulse 1.8s infinite;flex:none}
.lx-online .lx-on-h:not(:has(.lx-on-note:not(:empty))) b{flex:1}
.lx-online .lx-on-min{border:0;background:#334155;color:#fff;width:22px;height:22px;border-radius:50%;font:700 14px/20px system-ui;cursor:pointer;flex:none;padding:0}
.lx-online.min{width:auto}.lx-online.min .lx-on-b,.lx-online.min .lx-on-note{display:none}
.lx-online .lx-on-b{padding:0 10px 8px;max-height:44vh;overflow:auto}
.lx-on-s{font:700 9.5px system-ui;text-transform:uppercase;letter-spacing:.04em;color:#7dd3fc;margin:6px 0 3px}.lx-on-s em{font-weight:400;text-transform:none;color:#94a3b8}
.lx-on-r{display:flex;align-items:center;gap:5px;font-size:10.5px;padding:2px 0;border-top:1px solid rgba(255,255,255,.07)}.lx-on-r>span:nth-child(2){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-on-r code,.lx-on-ids code{background:#0b1220;border-radius:6px;padding:0 5px;font:10px ui-monospace,monospace;color:#fde68a}.lx-on-r code u{color:#4ade80;text-decoration:none;font-size:9px}.lx-on-r em{font-style:normal;color:#94a3b8;font-size:9.5px;white-space:nowrap}
.lx-on-ids{display:flex;flex-wrap:wrap;gap:3px}.lx-on-e{color:#64748b;font-size:10px}

.lx-ms{max-height:88vh;overflow:auto}.lx-mine{background:#0e7490;color:#fff}
.lx-mse{display:grid;grid-template-columns:40px 1fr;gap:2px 8px;align-items:center;background:#1a2530;border-radius:12px;padding:8px 10px;margin:5px 0}.lx-mse-e{font-size:28px;grid-row:span 2;text-align:center}.lx-mse-n{font-size:13px;color:#e2e8f0}.lx-mse-n small{color:#94a3b8}
.lx-mse-b{display:flex;gap:5px;flex-wrap:wrap;grid-column:2}.lx-mse-b button,.lx-mse-b select{border:0;border-radius:9px;background:#2a3942;color:#e9edef;font:700 12px system-ui,sans-serif;padding:6px 9px;cursor:pointer;max-width:150px}.lx-mse-b select option{color:#111;background:#fff}.lx-mse-b .dng{background:#7f1d1d;color:#fecaca}.lx-mse-b .rec{background:#dc2626;color:#fff}

/* ================= feature tags, bigger icons, pop-up and guide ================= */
.lx-ti.lx-big .i3d{zoom:var(--lx-sc,1)}
.lx-ti.lx-tagged .lx-lbl{color:#fde68a!important;max-width:86px!important}
.lx-ti.lx-tagged{position:relative}.lx-ti.lx-tagged::after{content:"";position:absolute;right:6px;top:2px;width:9px;height:9px;border-radius:50%;background:#facc15;box-shadow:0 0 0 0 rgba(250,204,21,.7);animation:lx-pulse 1.8s infinite;pointer-events:none}
.lx-tg button.lx-tagged span{color:#fde68a}.lx-tg button.lx-tagged{outline:2px solid rgba(250,204,21,.55)}
.lx-tagpop{position:fixed;left:50%;top:10px;z-index:2147483400;transform:translate(-50%,-140%);width:min(380px,calc(100vw - 20px));display:flex;gap:10px;align-items:center;background:#0f172a;color:#e2e8f0;border:1px solid #facc15;border-radius:18px;padding:10px 38px 14px 12px;box-shadow:0 14px 40px rgba(0,0,0,.55);font:13px system-ui,sans-serif;cursor:pointer;transition:transform .28s cubic-bezier(.2,.9,.3,1.2);overflow:hidden}
.lx-tagpop.on{transform:translate(-50%,0)}
.lx-tp-i{flex:none}.lx-tp-t{display:flex;flex-direction:column;gap:1px;min-width:0}.lx-tp-t b{color:#fde68a;font-size:14px}.lx-tp-t span{color:#cbd5e1;font-size:12px;line-height:1.35}
.lx-tp-x{position:absolute;right:6px;top:4px;border:0;background:transparent;color:#94a3b8;font:22px/1 system-ui;cursor:pointer;padding:2px 6px}
.lx-tp-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#facc15;transform-origin:left;animation:lx-tpbar linear forwards}@keyframes lx-tpbar{to{transform:scaleX(0)}}
.lx-tour{position:fixed;inset:0;z-index:2147483500;touch-action:none}
.lx-tr-ring{position:fixed;border-radius:16px;box-shadow:0 0 0 9999px rgba(2,6,23,.72),0 0 0 3px #facc15;pointer-events:none;transition:left .25s,top .25s,width .25s,height .25s;animation:lx-ringp 1.4s infinite}@keyframes lx-ringp{50%{box-shadow:0 0 0 9999px rgba(2,6,23,.72),0 0 0 7px rgba(250,204,21,.55)}}
.lx-tr-card{position:fixed;left:50%;transform:translateX(-50%);width:min(340px,calc(100vw - 24px));background:#111b21;color:#e9edef;border:1px solid #facc15;border-radius:16px;padding:12px 14px;box-shadow:0 12px 36px rgba(0,0,0,.6);font:14px system-ui,sans-serif}
.lx-tr-card small{color:#facc15;font-weight:700}.lx-tr-card p{margin:4px 0 10px;line-height:1.45}.lx-tr-card p b{color:#fde68a}
.lx-tr-b{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.lx-tr-b button{border:0;border-radius:10px;background:#334155;color:#e2e8f0;font:700 13px system-ui,sans-serif;padding:8px 13px;cursor:pointer}.lx-tr-b .go{background:#facc15;color:#422006}.lx-tr-b .alt{background:#0e7490;color:#fff}

/* photos & video editor of a post (visitor view, owner only) */
.lx-mm-h{margin:0;font-size:13px;opacity:.75}
#lxMmBody{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto}
.lx-mm-row{display:flex;align-items:center;gap:8px;background:#1b2a32;border-radius:12px;padding:6px}
.lx-mm-t{width:54px;height:54px;border-radius:9px;overflow:hidden;flex:none;background:#000;display:flex}
.lx-mm-t img,.lx-mm-t video{width:100%;height:100%;object-fit:cover}
.lx-mm-n{flex:1;font-size:13px;font-weight:600;min-width:0}
.lx-mm-row button{border:0;border-radius:9px;padding:7px 10px;background:#2a3942;color:#e9edef;font:700 12px system-ui,sans-serif;cursor:pointer}
.lx-mm-row button.dng{background:#7f1d1d}
.lx-mm-add{border:2px dashed #3b5361;background:transparent;color:#9fe0ff;border-radius:12px;padding:11px;font:700 14px system-ui,sans-serif;cursor:pointer}
.lx-mm-add:disabled{opacity:.5;cursor:default}
.lx-mr button.ok{background:#00a884;color:#fff}

/* see as visitor bar + owner note on premium content: glass chips with a 3D icon, draggable */
.lx-asvis, .lx-ownernote { display: flex; align-items: center; gap: 10px; padding: 9px 12px 9px 10px; border-radius: 16px; color: #f3eeff; background: linear-gradient(135deg, rgba(76, 44, 160, .96), rgba(36, 24, 84, .96)); border: 1px solid rgba(167, 139, 250, .55); box-shadow: 0 8px 24px rgba(20, 10, 60, .45), inset 0 1px 0 rgba(255, 255, 255, .18); font: 600 12.5px/1.3 system-ui, -apple-system, "Segoe UI", sans-serif; touch-action: none; user-select: none; -webkit-user-select: none; backdrop-filter: blur(6px); }
.lx-asvis { position: fixed; top: 8px; left: 0; right: 0; margin: 0 auto; width: min(380px, calc(100vw - 16px)); z-index: 99985; }
.lx-asvis .lx-nt b { white-space: nowrap; }
.lx-ownernote { width: fit-content; max-width: 100%; margin: 4px 0 6px; }
.lx-draggable { cursor: grab; } .lx-draggable.is-moving { cursor: grabbing; box-shadow: 0 14px 34px rgba(20, 10, 60, .6); }
.lx-ic { flex: none; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 11px; background: rgba(255, 255, 255, .1); }
.lx-ic-s { width: 22px; height: 22px; border-radius: 7px; vertical-align: middle; margin-right: 4px; }
.lx-ic svg, .lx-ic img { max-width: 100%; max-height: 100%; }
.lx-nt { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.lx-nt b { font-size: 13px; font-weight: 800; letter-spacing: .01em; }
.lx-nt small { font-size: 11px; font-weight: 500; opacity: .8; }
.lx-asvis button { flex: none; border: 0; border-radius: 999px; padding: 8px 12px; background: #a78bfa; color: #1b1033; font: 800 12px system-ui, sans-serif; cursor: pointer; white-space: nowrap; }
.lx-asvis button:active { transform: scale(.96); }

/* social links: at most 6 in a row, the next ones start a new row; a website link can carry a name under its icon */
.bm-footer-social{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:14px 10px!important;width:100%;max-width:100%;box-sizing:border-box}
.bm-footer-social .bm-soc{flex:0 0 calc((100% - 50px) / 6);max-width:calc((100% - 50px) / 6);min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:inherit;text-align:center}
.bm-soc-ic{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:44px;aspect-ratio:1/1}
.bm-soc-ic>*{max-width:100%;max-height:100%}
.bm-soc-ic .i3d,.bm-soc-ic .lx3d,.bm-soc-ic>span,.bm-soc-ic>svg{width:100%!important;height:100%!important}
.bm-soc-ic>i svg,.bm-soc-ic>svg.lucide{width:min(26px,70%)!important;height:auto!important}
.bm-soc-n{width:100%;font-size:clamp(9.5px,2.7vw,12.5px);line-height:1.2;font-weight:600;opacity:.9;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Text to voice tool */
#ltvText{width:100%;box-sizing:border-box;min-height:110px;border-radius:12px;border:1px solid #2a3942;background:#0f1a20;color:#e9edef;padding:10px 12px;font:inherit;font-size:15px;line-height:1.4;resize:vertical}
.ltv-cnt{font-size:12px;color:#9aa6b2;margin:4px 2px 8px}.ltv-cnt.bad{color:#ff9aa8}
.ltv-voice{display:flex;gap:8px;flex-wrap:wrap}.ltv-voice .lt-k{flex:1 1 150px}.ltv-voice .lt-k.off{opacity:.5}
.ltv-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}.ltv-row button,.ltv-dl{border:0;border-radius:12px;padding:11px 14px;font-weight:800;font-size:14px;cursor:pointer;background:#00a884;color:#fff;text-decoration:none}
.ltv-row button.ltv-alt,.ltv-alt{background:#2a3942;color:#e9edef}.ltv-row button[disabled]{opacity:.5;cursor:not-allowed}.ltv-alt small{display:block;font-weight:400;opacity:.75}
.ltv-dl{background:#2a3942;color:#e9edef}.ltv-out{background:#0f1a20;border:1px solid #2a3942;border-radius:14px;padding:12px;margin-top:6px}.ltv-out audio,.ltv-aud{width:100%;height:40px}
.ltv-chk{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4;margin:8px 0;color:#cfd8dc}.ltv-chk input{margin-top:2px;flex:none}
.ltv-err{background:#3b1d24;color:#ffb4bf;border-radius:10px;padding:10px 12px;font-size:13.5px;margin-top:8px}.ltv-hr{border:0;border-top:1px solid #2a3942;margin:14px 0}
.ltv-read{background:#0f1a20;border-radius:12px;padding:10px 12px;margin:8px 0}.ltv-read small{color:#9aa6b2}.ltv-read p{margin:4px 0 0;font-size:15px;line-height:1.5;color:#e9edef}
.ltv-time{font-size:13px;color:#9aa6b2}.ltv-good{color:#8fe3b0!important}
.lx-mb input[type=checkbox],.lx-mb input[type=radio]{width:auto;padding:0;background:none;border-radius:0;flex:none}
.ltv-chk{width:100%;box-sizing:border-box;justify-content:flex-start;text-align:left}.ltv-chk input{margin-top:3px}

/* form + save-contact pop-ups sit above the tray and the "online" card, so Submit/Continue can always be tapped */
.bm-intake-overlay{z-index:2147483100!important}
.bm-chan-line #bmChanCount{font-weight:600}.bm-chan-line #bmChanCount.bm-pop{animation:bm-chan-pop .6s ease}
@keyframes bm-chan-pop{0%{transform:scale(1)}40%{transform:scale(1.25);color:#25d366}100%{transform:scale(1)}}
.lx-premrow{display:flex;justify-content:center;width:100%;margin:2px 0 4px}.lx-premrow .lx-premtag{margin:4px 0 2px}

/* premium content once it is open (visitor who unlocked it, or the admin who owns it): black card, white text, no tag */
.bm-prem-open,.bm-post-bubble.bm-prem-open,.bm-bubble.bm-prem-open{background:#000!important;color:#fff!important;border-color:#222!important}
.bm-prem-open h1,.bm-prem-open h2,.bm-prem-open h3,.bm-prem-open p,.bm-prem-open li,.bm-prem-open span,.bm-prem-open figcaption,.bm-prem-open small,.bm-prem-open strong,.bm-prem-open b,.bm-prem-open em,.bm-prem-open time{color:#fff!important}
.bm-prem-open a:not(.bm-btn):not(.bm-post-btn){color:#7dd3fc!important}
.bm-prem-open::before,.bm-prem-open::after{display:none!important}