#qwcc-root,
#qwcc-root * { box-sizing: border-box; }
#qwcc-root [hidden] { display: none !important; }
#qwcc-root { font-family: Arial, Helvetica, sans-serif; color: #252a2e; }
#qwcc-root .qwcc-card { position: fixed; right: 20px; bottom: 20px; z-index: 2147483646; width: min(440px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto; padding: 26px; border-radius: 10px; background: #fff; box-shadow: 0 8px 28px rgba(0, 0, 0, .22); }
#qwcc-root .qwcc-card h2 { margin: 0 0 14px; padding: 0; color: #24282c; font: 700 25px/1.25 Arial, Helvetica, sans-serif; }
#qwcc-root .qwcc-card p { margin: 0 0 22px; padding: 0; color: #252a2e; font: 400 16px/1.5 Arial, Helvetica, sans-serif; }
#qwcc-root .qwcc-card a { color: #175ed4; text-decoration: underline; }
#qwcc-root .qwcc-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#qwcc-root .qwcc-actions button { min-height: 48px; padding: 9px 12px; border: 0; border-radius: 4px; background: #1c5ed3; color: #fff; font: 600 16px/1.2 Arial, Helvetica, sans-serif; cursor: pointer; }
#qwcc-root .qwcc-actions button:hover,
#qwcc-root .qwcc-actions button:focus-visible { background: #144cae; }
#qwcc-root .qwcc-actions button:focus-visible { outline: 3px solid #111; outline-offset: 2px; }
@media (max-width: 480px) {
  #qwcc-root .qwcc-card { right: 16px; bottom: 16px; padding: 22px; }
  #qwcc-root .qwcc-card h2 { font-size: 23px; }
  #qwcc-root .qwcc-card p { font-size: 15px; }
  #qwcc-root .qwcc-actions button { font-size: 15px; }
}