.presence-panel{position:fixed;left:12px;bottom:24px;width:224px;z-index:80;background:linear-gradient(150deg,#19232ff5,#0d141df5);border:1px solid #52606a;border-top:2px solid #c7a86c;border-radius:12px;box-shadow:0 12px 38px #0008;backdrop-filter:blur(14px);color:#e7edf5;font:12px system-ui,sans-serif;overflow:hidden}.presence-toggle{display:flex;align-items:center;gap:9px;width:100%;padding:12px;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;font:600 12px system-ui,sans-serif}.presence-toggle:focus-visible{outline:2px solid #d5b775;outline-offset:-3px}.presence-dot{width:7px;height:7px;border-radius:50%;background:#54dcb1;box-shadow:0 0 9px #54dcb16b}.presence-count{margin-left:auto;border-radius:9px;padding:2px 7px;background:#ffffff10;color:#d9bc81}.presence-chevron{color:#a1b0c3;font-size:20px;line-height:16px}.presence-caption{padding:0 12px 9px;font-size:9px;letter-spacing:1.4px;color:#9caec1}.presence-users{max-height:210px;overflow:auto;padding:0 12px}.presence-user{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #ffffff0c}.presence-flag{font-size:19px}.presence-user strong{display:block;font-size:11px;letter-spacing:.2px}.presence-user small{display:block;color:#9aadc0;margin-top:3px}.presence-note{font-size:10px;color:#8799aa;line-height:1.6;margin:10px 12px 5px}.presence-status{display:block;font-size:9px;color:#a5b6c7;padding:0 12px 12px}.presence-panel.collapsed{width:148px}.presence-panel.offline .presence-dot{background:#d3ac63}@media(max-width:640px){.presence-panel{left:8px;bottom:10px;width:200px}.presence-users{max-height:150px}}
.presence-flag{display:flex;align-items:center;justify-content:center;flex:0 0 26px}.presence-flag img{display:block;width:26px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #ffffff20}