:root{--cc-ink: var(--ink, #0A0A0A);--cc-pink: var(--pink, #FF2D2D);--cc-muted: var(--muted, #6B6358)}.cc-card{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:300;width:min(760px,calc(100vw - 28px));display:flex;align-items:center;gap:16px;background:#fff;border:2px solid var(--cc-ink);border-radius:14px;box-shadow:4px 4px 0 var(--cc-ink);padding:10px 12px 10px 18px;font-family:Inter,sans-serif;color:var(--cc-ink);opacity:0;transform:translate(-50%,16px);visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.cc-card.cc-in{opacity:1;transform:translate(-50%);visibility:visible;transition:opacity .3s ease,transform .3s ease,visibility 0s linear 0s}.cc-body{flex:1 1 auto;font-size:13px;line-height:1.45;margin:0}.cc-link{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:var(--cc-pink)}.cc-link:hover{text-decoration-thickness:3px}.cc-actions{display:flex;gap:8px;flex:0 0 auto}.cc-btn{flex:1 1 auto;background:#fff;color:var(--cc-ink);border:2px solid var(--cc-ink);border-radius:10px;padding:8px 14px;white-space:nowrap;font-family:Inter,sans-serif;font-weight:700;font-size:13px;cursor:pointer;box-shadow:2px 2px 0 var(--cc-ink);transition:transform .08s ease,box-shadow .08s ease}.cc-btn--primary{background:var(--cc-pink);color:#fff}.cc-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--cc-ink)}.cc-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--cc-ink)}.cc-btn:focus-visible,.cc-link:focus-visible{outline:3px solid var(--cc-pink);outline-offset:2px}@media(max-width:640px){.cc-card{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}.cc-btn{flex:1 1 0}}@media(prefers-reduced-motion:reduce){.cc-card,.cc-card.cc-in{transition:none}}@media print{.cc-card{display:none}}