:root{--tqc-green:#35e68a;--tqc-red:#ff4f5e;--tqc-gold:#d9b45a;--tqc-bg:rgba(5,20,31,.96)}
#tqcFab{position:fixed;right:18px;bottom:18px;z-index:12020;width:58px;height:58px;border-radius:50%;border:2px solid var(--tqc-gold);background:#10283a;color:#fff;font-size:25px;box-shadow:0 8px 26px #0009;touch-action:none;cursor:grab}
#tqcFab:active{cursor:grabbing}.tqc-count{position:absolute;right:-5px;top:-5px;min-width:22px;height:22px;padding:0 5px;border-radius:12px;background:#f5c94f;color:#08131c;font:800 12px/22px system-ui}.tqc-hidden{display:none!important}
#tqcFab.tqc-message{animation:tqcGreen .75s ease-in-out 5}#tqcFab.tqc-disconnected{animation:tqcRed .75s ease-in-out infinite}#tqcFab.tqc-connected{animation:tqcGreen .75s ease-in-out 4}
@keyframes tqcGreen{50%{box-shadow:0 0 8px 6px #35e68aaa;border-color:#7dffc0;background:#0d5638}}@keyframes tqcRed{50%{box-shadow:0 0 9px 7px #ff4f5eaa;border-color:#ff9da6;background:#661925}}
#tqcPanel{position:fixed;z-index:12019;width:min(390px,calc(100vw - 24px));max-height:min(620px,78vh);display:none;flex-direction:column;border:1px solid #5e8099;border-radius:18px;background:var(--tqc-bg);color:#eef8ff;box-shadow:0 18px 50px #000b;overflow:hidden;touch-action:none}
#tqcPanel.open{display:flex}.tqc-head{display:flex;align-items:center;gap:9px;padding:11px 12px;background:#0d2535;border-bottom:1px solid #35566b;cursor:grab;user-select:none}.tqc-head:active{cursor:grabbing}.tqc-title{font-weight:900;flex:1}.tqc-status{font-size:12px;font-weight:800;padding:5px 8px;border-radius:12px;background:#17384a}.tqc-status.online{color:#74ffb3}.tqc-status.offline{color:#ff808a}.tqc-status.connecting{color:#ffe08a}.tqc-close{border:0;background:transparent;color:#fff;font-size:24px}
.tqc-system{padding:8px 12px;font-size:13px;border-bottom:1px solid #294657}.tqc-system.good{color:#79f6ae}.tqc-system.bad{color:#ff8e98}.tqc-tabs{display:flex;gap:5px;padding:8px;overflow:auto}.tqc-tabs button,.tqc-presets button{border:1px solid #466b81;background:#102b3d;color:#fff;border-radius:11px;padding:8px 10px;font-weight:700}.tqc-tabs button.on{border-color:#e0bc62;color:#ffe29a;background:#283b42}
.tqc-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 8px 8px;overflow:auto;max-height:260px}.tqc-presets button{text-align:start;line-height:1.2}.tqc-feed{min-height:100px;max-height:190px;overflow:auto;padding:8px 10px;background:#061723}.tqc-msg{margin:5px 0;padding:8px 10px;border-radius:13px;background:#153246}.tqc-msg.mine{background:#174d39;margin-left:25px}.tqc-msg small{display:block;opacity:.7;margin-top:3px}.tqc-foot{padding:8px 10px;color:#a8bdca;font-size:11px;border-top:1px solid #294657}
html[dir="rtl"] .tqc-msg.mine{margin-left:0;margin-right:25px}
@media(max-width:600px){#tqcFab{right:12px;bottom:12px;width:54px;height:54px}#tqcPanel{width:calc(100vw - 16px);max-height:72vh}.tqc-presets{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){#tqcFab{animation:none!important}}