#glbgpt-hub-corner-card, #ghcc-editor-preview { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; color: #302b40; line-height: 1.5; }
#glbgpt-hub-corner-card { position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: calc(16px + env(safe-area-inset-bottom)); width: clamp(240px, 19vw, 260px); max-width: calc(100vw - 32px); z-index: 990; }
#glbgpt-hub-corner-card[hidden], #glbgpt-hub-corner-card [hidden], #ghcc-editor-preview [hidden] { display: none !important; }
.ghcc-card {background:#f0edf6;position:relative;box-sizing:border-box;width:100%;max-width:100%;padding:14px;border:1px solid rgba(207,192,226,.62);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(233,227,244,.78));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px #ffffff55,0 16px 36px #3a31511c,0 3px 8px #3a315108}

.ghcc-brand {display:inline-flex;align-items:center;gap:6px;margin:0 30px 8px 0;padding:2px 7px;border:1px solid #ffffffba;border-radius:99px;background:#ffffff80;color:#797286;font-size:11px;font-weight:650;line-height:16px}
.ghcc-mark { display: block; flex: 0 0 14px; width: 14px; height: 14px; font-size: 0; line-height: 0; }
.ghcc-mark::before { content: ""; display: block; width: 100%; height: 100%; background: #9a8eb0; clip-path: polygon(50% 0, 65% 35%, 100% 50%, 65% 65%, 50% 100%, 35% 65%, 0 50%, 35% 35%); }
.ghcc-title {margin:0 0 6px;font-size:17px;font-weight:750;line-height:1.3;letter-spacing:-.2px;overflow-wrap:anywhere}
.ghcc-description {font-size:13px;line-height:1.5;color:#6b6578;margin:0 0 10px;overflow-wrap:anywhere;white-space:pre-line}
.ghcc-button {position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.4);width:100%;padding:8px 11px;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:13px;font:650 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#39244f;background:linear-gradient(105deg,#c4b1f4 0%,#cfb5f0 25%,#dbbaea 50%,#e6bfe1 75%,#efc6d9 100%);box-shadow:inset 0 1px 0 #ffffff75,0 4px 10px #a27acc16;cursor:pointer;transition:box-shadow .18s,transform .18s;box-sizing:border-box;text-decoration:none!important;color:#39244f!important;overflow-wrap:anywhere;margin-top:10px}
a.ghcc-button:hover {box-shadow:inset 0 1px 0 #ffffff55,0 6px 14px #a27acc24;transform:translateY(-1px)}
#glbgpt-hub-corner-card .ghcc-close, #ghcc-editor-preview .ghcc-close { display: flex; justify-content: center; align-items: center; position: absolute; right: 5px; top: 5px; width: 28px; height: 28px; padding: 0; border: 1px solid rgba(255,255,255,.85); border-radius: 50%; background: rgba(255,255,255,.78); color: #777080; font-family: Arial, sans-serif; font-size: 20px; line-height: 1; cursor: pointer; box-shadow: 0 2px 6px rgba(58,44,88,.04); }
#glbgpt-hub-corner-card button.ghcc-close:hover { background: #fff; color: #302b40; }
button.ghcc-close:focus-visible, a.ghcc-button:focus-visible { outline: 3px solid #695780; outline-offset: 3px; }
.ghcc-preview-stage { padding: 28px; background: linear-gradient(125deg,#f5f6fa,#e7e4ef); border: 1px solid #e0dce8; border-radius: 18px; }
#ghcc-editor-preview { width: 250px; max-width: 100%; margin-left: auto; }
#ghcc-editor-status { font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .ghcc-button { transition: none; } }
#glbgpt-hub-corner-card .ghcc-card { max-height: calc(100vh - 32px - env(safe-area-inset-bottom)); max-height: calc(100dvh - 32px - env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; }
@media (max-width: 600px) {
  #glbgpt-hub-corner-card { right: max(12px, env(safe-area-inset-right)); bottom: calc(12px + env(safe-area-inset-bottom)); width: 250px; max-width: calc(100vw - 24px); }
  #glbgpt-hub-corner-card .ghcc-close { width: 44px; height: 44px; right: 3px; top: 3px; }
  .ghcc-preview-stage { padding: 14px; }
}

.ghcc-button::before {content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff0d,transparent 65%);pointer-events:none;z-index:-1}
.ghcc-button > span {font-size:17px;line-height:1}
@media(prefers-reduced-motion:reduce){a.ghcc-button:hover{transform:none}}

/* One native link wraps the recommendation; the close control is a separate sibling. */
#glbgpt-hub-corner-card .ghcc-card { padding: 0; }
#glbgpt-hub-corner-card .ghcc-card-link { display: block; padding: 14px; border-radius: inherit; color: inherit !important; text-decoration: none !important; cursor: pointer; }
#glbgpt-hub-corner-card .ghcc-card-link:focus-visible { outline: 3px solid #695780; outline-offset: -3px; }
#glbgpt-hub-corner-card .ghcc-card-link:hover .ghcc-button { box-shadow: inset 0 1px 0 #ffffff55,0 6px 14px #a27acc24; }
#glbgpt-hub-corner-card .ghcc-close { z-index: 2; }
@media (pointer: coarse) { #glbgpt-hub-corner-card .ghcc-button { min-height: 44px; } }