:root{
  --cps-bg:#0b1020; --cps-fg:#eaf2ff; --cps-muted:#9fb3d1; --cps-accent:#6ec1ff; --cps-card:#121932;
  --cps-radius:18px;
  --cps-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03);
}
.cps-share{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--cps-radius);
  box-shadow:var(--cps-shadow);
  padding:16px;
  color:var(--cps-fg);
  font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
}
.cps-share h3{
  margin:0 0 10px;
  font-size:15px;
  letter-spacing:.2px;
  color:var(--cps-muted);
  display:flex;align-items:center;gap:8px;
}
.cps-row{display:flex;flex-wrap:wrap;gap:10px}
.cps-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius:999px;
  background:var(--cps-card); border:1px solid rgba(255,255,255,.08);
  color:var(--cps-fg); text-decoration:none; font-weight:700;
  box-shadow:var(--cps-shadow);
  transition:transform .04s ease, border-color .2s ease;
}
.cps-btn svg{width:18px;height:18px;display:block}
.cps-btn:hover{border-color:rgba(255,255,255,.18)}
.cps-btn:active{transform:translateY(1px)}
.cps-btn--accent{background:var(--cps-accent); color:#08121b; border-color:transparent}
.cps-copy{position:relative;}
.cps-toast{
  position:absolute;left:50%;transform:translateX(-50%);
  bottom:calc(100% + 8px);
  background:#0f172a;color:#e2e8f0;border:1px solid rgba(255,255,255,.12);
  padding:6px 10px;border-radius:8px;font-size:12px;
  opacity:0;pointer-events:none;transition:opacity .2s ease;
  white-space:nowrap;
}
.cps-toast.show{opacity:1}
@media (max-width:520px){
  .cps-btn{flex:1 1 auto;justify-content:center}
}