.pc{position:fixed;right:18px;bottom:18px;z-index:60;font-family:Aeonik,Manrope,sans-serif;color:#1d1d1b}
.pc-bubble{display:flex;align-items:center;gap:9px;background:#fde377;color:#1d1d1b;border:1.5px solid #1d1d1b;border-radius:26px 26px 6px 26px;padding:12px 16px 12px 14px;font:11px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .2s}
.pc-bubble:hover{transform:translateY(-2px)}
.pc-ico{width:18px;height:14px;border:2px solid currentColor;border-radius:8px 8px 8px 2px;position:relative}
.pc-count{min-width:20px;height:20px;border-radius:10px;background:#1d1d1b;color:#fde377;display:inline-grid;place-items:center;font-size:10px;padding:0 5px;letter-spacing:0}
.pc-bubble.has-people .pc-count{background:#2a9d5c;color:#fff}
.pc.is-open .pc-bubble{display:none}
.pc-panel{width:min(360px,calc(100vw - 24px));height:min(520px,calc(100svh - 110px));background:#fff;border:1.5px solid #1d1d1b;border-radius:18px 18px 4px 18px;box-shadow:0 18px 50px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden}
.pc-panel[hidden]{display:none}
.pc-head{display:flex;justify-content:space-between;align-items:start;padding:14px 16px 12px;background:#fde377;border-bottom:1.5px solid #1d1d1b}
.pc-kicker{margin:0 0 4px;font:10px 'DM Mono',monospace;letter-spacing:.12em}
.pc-who{background:none;border:0;padding:0;font:700 17px Aeonik,Manrope,sans-serif;color:inherit;cursor:pointer}
.pc-who b{display:inline-block;min-width:22px;height:22px;line-height:22px;text-align:center;border-radius:11px;background:#2a9d5c;color:#fff;font-size:12px;margin-right:2px}
.pc-close{background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:inherit;padding:0 2px}
.pc-online{list-style:none;margin:0;padding:8px 16px;max-height:150px;overflow:auto;border-bottom:1px solid #e5e5e5;background:#fffbe6}
.pc-online li{display:grid;grid-template-columns:10px 1fr;gap:0 8px;padding:5px 0;font-size:14px}
.pc-online i{width:8px;height:8px;border-radius:50%;background:#2a9d5c;margin-top:6px}
.pc-online small{font:10px 'DM Mono',monospace;opacity:.55;text-transform:uppercase;letter-spacing:.06em}
.pc-online .is-me b{opacity:.6}
.pc-msgs{list-style:none;margin:0;padding:12px 14px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;background:#f6f6f3}
.pc-msgs li{background:#fff;border:1px solid #e1e1dc;border-radius:12px 12px 12px 3px;padding:8px 11px;position:relative}
.pc-msgs li div{display:flex;justify-content:space-between;gap:10px}
.pc-msgs b{font-size:13px}
.pc-msgs time{font:10px 'DM Mono',monospace;opacity:.5}
.pc-msgs p{margin:3px 0 0;font:15px/1.4 Manrope,sans-serif;overflow-wrap:anywhere}
.pc-report{position:absolute;right:8px;bottom:4px;background:none;border:0;font:9px 'DM Mono',monospace;opacity:0;cursor:pointer;color:#b32d2e}
.pc-msgs li:hover .pc-report,.pc-report:focus{opacity:.7}
.pc-msgs .pc-empty,.pc-msgs .pc-sys{background:none;border:0;text-align:center;font-size:13px;opacity:.6}
.pc-form{padding:10px 12px 8px;border-top:1px solid #e5e5e5;display:flex;flex-direction:column;gap:6px}
.pc-form input{font:15px Manrope,sans-serif;border:1px solid #cfcfc8;border-radius:10px;padding:9px 11px;width:100%;box-sizing:border-box;color:#1d1d1b;background:#fff}
.pc-name{font-size:13px!important;padding:6px 10px!important}
.pc-row{display:flex;gap:6px}
.pc-row button{flex:0 0 42px;border:0;border-radius:10px;background:#1d1d1b;color:#fde377;font-size:18px;cursor:pointer}
.pc-note{margin:0;font-size:11px;opacity:.5;line-height:1.3}
.pc-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.pc-form.is-busy{opacity:.6;pointer-events:none}
@media(max-width:520px){.pc{right:12px;bottom:12px}.pc-bubble .pc-label{display:none}.pc-panel{height:min(480px,calc(100svh - 90px))}}
@media print{.pc{display:none}}