.live-center{position:fixed;right:24px;bottom:88px;z-index:950;font-family:var(--font-body,'Source Sans 3',sans-serif);color:#152b49;max-width:calc(100vw - 32px)}
.live-center[hidden],.live-panel[hidden]{display:none!important}.live-bell{position:relative;display:grid;place-items:center;width:52px;height:52px;border:1px solid #ccd9ef;border-radius:50%;background:#fff;color:#2351df;box-shadow:0 6px 24px #1836671c;cursor:pointer}.live-bell svg{width:23px;height:23px}.live-bell b{position:absolute;right:-4px;top:-5px;min-width:22px;height:22px;padding:1px 5px;border-radius:20px;background:#2250dc;color:#fff;font-size:12px;border:2px solid #fff}.live-bell i{position:absolute;bottom:6px;right:8px;width:8px;height:8px;border-radius:50%;background:#17826e;border:2px solid #fff}.live-bell i.reconnecting{background:#ce8621}.live-bell i.ended{background:#a53c3c}
.live-panel{position:absolute;bottom:66px;right:0;width:370px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #d9e2f1;border-radius:18px;box-shadow:0 18px 70px #132d5630;overflow:hidden}.live-panel header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 14px;border-bottom:1px solid #edf0f6}.live-panel h2{margin:0 0 4px;font-size:20px;color:#152b49}.live-panel small{font-size:12px;color:#56708d}.live-panel button,.live-popup button{cursor:pointer;background:transparent;border:0;color:#385573}.live-panel header button{font-size:23px;line-height:1}.live-panel-actions{display:flex;gap:16px;padding:10px 20px;background:#f7f9fd}.live-panel-actions button{padding:0;font-size:12px;color:#2351df}.live-list{max-height:min(52vh,460px);overflow-y:auto;overscroll-behavior:contain}.live-list>a{display:flex;flex-direction:column;gap:5px;text-decoration:none;padding:15px 20px;border-bottom:1px solid #edf0f6;color:#152b49}.live-list>a.is-unread{background:#eff4ff;border-left:3px solid #2b57e4;padding-left:17px}.live-list strong{font-size:14px}.live-list span{font-size:13px;line-height:1.45;color:#506785;overflow-wrap:anywhere}.live-list time{font-size:11px;color:#74869e}.live-empty{padding:25px 20px;color:#56708d;font-size:14px}.live-popups{position:absolute;right:0;bottom:65px;display:grid;gap:10px;width:360px;max-width:calc(100vw - 32px);pointer-events:none}.live-popup{display:flex;gap:12px;align-items:flex-start;padding:18px;background:#fff;border:1px solid #d8e2f3;border-radius:15px;box-shadow:0 12px 40px #19365d22;pointer-events:auto;animation:live-appear .18s ease-out}.live-popup-mark{flex-shrink:0;background:#edf3ff;border-radius:10px;width:32px;height:32px;display:grid;place-items:center;color:#2452de}.live-popup strong{font-size:14px;line-height:1.4}.live-popup p{font-size:13px;line-height:1.5;color:#526c89;margin:5px 0 9px;overflow-wrap:anywhere}.live-popup a{font-size:12px;font-weight:600;color:#2452de;text-decoration:none}.live-popup button{font-size:20px;margin-left:auto;padding:0}.live-panel:not([hidden])+.live-popups{display:none}.live-center :focus-visible{outline:3px solid #6f99ff;outline-offset:3px}.live-center button{touch-action:manipulation}.live-pending-note{position:sticky;bottom:12px;z-index:5;border:1px solid #b9cfff;border-radius:10px;background:#edf4ff;padding:12px 16px;color:#28456c;font-size:13px}.live-pending-note button{margin-left:10px;background:transparent;border:0;color:#2452de;font-weight:600;cursor:pointer}
@keyframes live-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:640px){.live-center{right:16px;bottom:max(82px,env(safe-area-inset-bottom))}.live-bell{width:48px;height:48px}.live-panel{width:calc(100vw - 32px);max-height:70vh}.live-panel header{padding:16px}.live-list{max-height:50vh}.live-popups{width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){.live-popup{animation:none}}
.live-panel-actions{flex-wrap:wrap;gap:6px 12px}.live-panel-actions button{min-height:36px;padding:4px 2px}.live-popup>div{min-width:0}.live-popup strong{overflow-wrap:anywhere}.live-popup button{min-width:28px;min-height:28px}.live-list>a{overflow-wrap:anywhere}
@media(max-width:640px){.live-popups .live-popup:not(:last-child){display:none}.live-popup{padding:14px;gap:10px}.live-popup p{margin-bottom:6px}.live-panel{max-height:calc(100dvh - 130px)}.live-list{max-height:calc(100dvh - 290px)}}