.ca-card{
  --ca-paper:var(--paper,#101914);
  --ca-ink:var(--ink,#E4EBE2);
  --ca-soft:var(--ink-soft,var(--soft,#93A397));
  --ca-line:var(--rule-strong,rgba(228,235,226,.18));
  --ca-red:var(--red,#E5534B);
  position:fixed;z-index:45;left:16px;bottom:16px;width:min(440px,calc(100vw - 32px));
  display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px;border-radius:18px;
  background:color-mix(in srgb,var(--ca-paper) 86%,transparent);
  border:1px solid var(--ca-line);box-shadow:0 18px 50px -28px rgba(0,0,0,.75);
  backdrop-filter:blur(14px);color:var(--ca-ink);
  font-family:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  animation:ca-in .6s cubic-bezier(.2,.8,.2,1) both;
}
.page > header{gap:18px}
.page > header .ca-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:min(640px,54vw);margin:0 12px 0 auto;z-index:2;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px 6px 12px;border-radius:999px}
.page > header .ca-card .k{display:none}
.page > header .ca-addr{width:auto;font-size:13px;padding:4px 8px;background:transparent}
.page > header .ca-actions{width:auto;flex:0 0 auto}
.page > header .ca-copy,.page > header .ca-buy{flex:none;padding:7px 14px;font-size:13px}
.page > header .ca-contacts{gap:8px}
body:has(#ask) .ca-card{left:auto;right:16px;top:16px;bottom:auto;width:min(380px,calc(100vw - 300px))}
@keyframes ca-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ca-card .k{font:11px "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ca-soft)}
.ca-addr{
  all:unset;cursor:pointer;display:block;width:100%;box-sizing:border-box;
  font:500 18px/1.2 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:-.02em;
  padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--ca-ink) 6%,transparent);
  transition:background .2s ease,transform .2s ease;
}
.ca-addr:hover{background:color-mix(in srgb,var(--ca-ink) 12%,transparent);transform:translateY(-1px)}
.ca-actions{display:flex;gap:8px}
.ca-copy,.ca-buy{
  flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font:500 14px "Schibsted Grotesk",sans-serif;text-decoration:none;cursor:pointer;
  border-radius:999px;padding:10px 14px;border:0;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.ca-copy{background:transparent;color:var(--ca-ink);border:1px solid var(--ca-line)}
.ca-buy{background:#9B7BFF;color:#120C22}
.ca-copy:hover,.ca-buy:hover{transform:translateY(-2px);box-shadow:0 8px 18px -12px rgba(0,0,0,.8)}
.ca-copy.ok{color:#2E7D4F;border-color:#2E7D4F}
.ca-contacts{display:flex;flex-wrap:wrap;gap:8px 12px}
.ca-contacts a{color:var(--ca-soft);font:12px "IBM Plex Mono",ui-monospace,monospace;text-decoration:none;border-bottom:1px solid transparent}
.ca-contacts a:hover{color:var(--ca-ink);border-bottom-color:var(--ca-red);transform:translateY(-1px)}
.ca-card :focus-visible{outline:2px solid var(--ca-red);outline-offset:3px}
@media (max-width:820px){
  body:has(#ask) .ca-card{top:64px;right:12px;left:12px;width:auto}
}
@media (max-width:900px){
  .page > header{flex-wrap:wrap}
  .page > header .ca-card{order:3;width:100%;max-width:none;margin:8px 0 0;border-radius:16px}
}
@media (max-width:640px){
  .ca-card{left:12px;right:12px;width:auto;bottom:12px}
  .ca-addr{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .ca-card,.ca-addr,.ca-copy,.ca-buy{animation:none;transition:none}
}