/* GreenyGift: optional black-hole introduction to WhatsApp preview.
   Scope: #gg-live-enquiry only. Original section is preserved on
   backup/greenygift-v4-pre-blackhole-2026-11-04. */
#gg-live-enquiry .gg-stage { isolation:isolate; min-height:250px; }
#gg-live-enquiry .gg-orb { display:none !important; }
#gg-live-enquiry .gg-blackhole-portal {
  position:absolute; inset:0; z-index:4; display:block; width:100%; height:100%;
  min-height:250px; padding:0; margin:0; overflow:hidden; cursor:pointer;
  border:1px solid rgba(214,237,195,.22); border-radius:13px;
  color:#f6f6e8; background:radial-gradient(ellipse at 50% 42%,#365d46 0%,#163c2c 43%,#0c281d 86%);
  opacity:1; transform:scale(1); filter:blur(0);
  transition:opacity .62s ease, transform .75s cubic-bezier(.16,.82,.24,1), filter .64s ease;
  -webkit-tap-highlight-color:transparent; isolation:isolate;
}
#gg-live-enquiry .gg-preview .gg-blackhole-portal:hover { background:radial-gradient(ellipse at 50% 42%,#3f6b4e 0%,#193d2e 45%,#102b21 90%); }
#gg-live-enquiry .gg-blackhole-portal canvas { position:absolute; inset:0; width:100%; height:100%; display:block; z-index:1; }
#gg-live-enquiry .gg-blackhole-portal::before {
  content:""; pointer-events:none; position:absolute; inset:0; z-index:2;
  background:radial-gradient(ellipse at center,transparent 20%,rgba(8,31,23,.42) 92%);
}
#gg-live-enquiry .gg-blackhole-core {
  position:absolute; z-index:2; top:43%; left:50%; width:85px; height:85px;
  transform:translate(-50%,-50%); border-radius:50%; pointer-events:none;
  background:radial-gradient(circle at 47% 45%,#061810 0 35%,#0b2a1c 47%,#31533c 55%,#d8d5ab 59%,#839a67 62%,transparent 73%);
  box-shadow:0 0 30px 8px rgba(174,202,142,.19),0 0 73px 17px rgba(122,169,109,.12);
  transition:transform .75s,opacity .65s;
}
#gg-live-enquiry .gg-blackhole-core::after {
  content:""; position:absolute; inset:-13px; border:1px solid rgba(228,224,171,.28);
  border-radius:50%; transform:scaleY(.53) rotate(-22deg);
}
#gg-live-enquiry .gg-blackhole-title,
#gg-live-enquiry .gg-blackhole-subtitle,
#gg-live-enquiry .gg-blackhole-enter { position:absolute; z-index:3; left:15px; right:15px; text-align:center; pointer-events:none; }
#gg-live-enquiry .gg-blackhole-title {
  top:18px; color:#dae5cf; font:700 11px/1.5 "DM Sans",sans-serif;
  letter-spacing:.17em; text-transform:uppercase;
}
#gg-live-enquiry .gg-blackhole-subtitle {
  bottom:76px; font:500 12px/1.4 "DM Sans",sans-serif; color:#e9eedc;
}
#gg-live-enquiry .gg-blackhole-enter {
  inset:auto auto 19px 50%; right:auto; display:inline-flex; gap:12px; align-items:center;
  justify-content:center; min-height:43px; padding:9px 20px;
  transform:translateX(-50%); white-space:nowrap;
  border:1px solid rgba(243,250,223,.57); border-radius:100px;
  background:linear-gradient(135deg,rgba(239,247,215,.22),rgba(18,61,40,.27));
  color:#fcfff3; font:700 13px/1.5 "DM Sans",sans-serif;
  box-shadow:inset 0 1px rgba(255,255,255,.25),0 8px 24px rgba(0,18,9,.24);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
#gg-live-enquiry .gg-blackhole-enter svg { width:15px; height:15px; }
#gg-live-enquiry .gg-blackhole-portal.gg-portal-burst .gg-blackhole-core { opacity:0; transform:translate(-50%,-50%) scale(1.9); }
#gg-live-enquiry .gg-blackhole-portal.gg-portal-burst :is(.gg-blackhole-title,.gg-blackhole-subtitle,.gg-blackhole-enter) { opacity:0; }
#gg-live-enquiry .gg-blackhole-portal.gg-portal-hidden { opacity:0; transform:scale(1.055); filter:blur(8px); pointer-events:none; visibility:hidden; }
#gg-live-enquiry .gg-draft { transition:opacity .62s ease, transform .7s cubic-bezier(.16,.82,.24,1); }
#gg-live-enquiry .gg-stage.gg-before-enter .gg-draft { opacity:0; transform:translateY(9px) scale(.985); }
#gg-live-enquiry .gg-preview .gg-send.gg-action-locked,
#gg-live-enquiry .gg-preview .gg-copy:disabled {
  opacity:.48; cursor:not-allowed; filter:saturate(.7);
}
#gg-live-enquiry .gg-preview .gg-send.gg-action-locked { pointer-events:auto; }
@media (prefers-reduced-motion:reduce) {
  #gg-live-enquiry .gg-blackhole-portal, #gg-live-enquiry .gg-blackhole-core,
  #gg-live-enquiry .gg-draft { transition:none !important; }
}
@media (max-width:380px) {
  #gg-live-enquiry .gg-blackhole-title { font-size:10px; }
  #gg-live-enquiry .gg-blackhole-subtitle { bottom:73px; }
}