.ogc{position:fixed;right:24px;bottom:24px;z-index:50;font-family:Outfit,system-ui,sans-serif}
.ogc-btn{width:62px;height:62px;border-radius:50%;border:0;cursor:pointer;font-size:28px;background:linear-gradient(135deg,var(--gold),#ffb300);box-shadow:0 10px 30px rgba(255,210,63,.4);transition:transform .2s;animation:ogpulse 2.5s infinite}
.ogc-btn:hover{transform:scale(1.08)}
@keyframes ogpulse{0%{box-shadow:0 0 0 0 rgba(255,210,63,.5)}70%{box-shadow:0 0 0 16px rgba(255,210,63,0)}100%{box-shadow:0 0 0 0 rgba(255,210,63,0)}}
.ogc-panel{position:absolute;right:0;bottom:78px;width:340px;max-width:calc(100vw - 32px);height:460px;display:flex;flex-direction:column;background:rgba(10,14,28,.92);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:20px;overflow:hidden;opacity:0;transform:translateY(16px) scale(.97);pointer-events:none;transition:.25s}
.ogc.open .ogc-panel{opacity:1;transform:none;pointer-events:auto}
.ogc-head{padding:14px 16px;background:linear-gradient(135deg,var(--blue),#14235e);display:flex;flex-direction:column;position:relative}
.ogc-status{font-size:.8rem;color:#c9d2ea}
.ogc-x{position:absolute;right:10px;top:8px;background:none;border:0;color:#fff;font-size:24px;cursor:pointer}
.ogc-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px}
.ogc-msg{max-width:80%;padding:8px 12px;border-radius:14px;font-size:.95rem;white-space:pre-wrap;word-wrap:break-word;animation:ogin .2s}
.ogc-msg.them{background:rgba(255,255,255,.08);align-self:flex-start;border-bottom-left-radius:4px}
.ogc-msg.me{background:var(--gold);color:#111;align-self:flex-end;border-bottom-right-radius:4px}
@keyframes ogin{from{opacity:0;transform:translateY(6px)}}
.ogc-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}
.ogc-form input{flex:1;min-width:0}