/* track: the one question the site asks about tracking (track.js), a small smoke-glass card at the bottom left like the bar's
   glass; on a phone it spans the bottom. Shown only when tracking is on and the visitor has not answered. Needs ../base/base.css */
.tk-ask{position:fixed;left:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:1500;max-width:min(360px,calc(100vw - 24px));
  display:grid;gap:12px;padding:16px 18px;border-radius:20px;color:oklch(98% 0 0);background:oklch(11% 0 0/.88);
  -webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);border:1px solid oklch(100% 0 0/.12);
  box-shadow:0 20px 60px -20px oklch(0% 0 0/.6);opacity:0;transform:translateY(16px);
  transition:opacity .5s var(--e-ui),transform .7s var(--e-esce)}
.tk-ask.on{opacity:1;transform:none}
.tk-ask p{font-size:calc(14.5 * var(--px));line-height:1.4;color:oklch(88% 0 0)}
.tk-do{display:flex;gap:8px;align-items:center}
.tk-ask button{font:inherit;font-size:calc(14 * var(--px));border:0;cursor:pointer;border-radius:999px;padding:9px 16px}
.tk-yes{background:oklch(100% 0 0);color:oklch(0% 0 0)}
.tk-no{background:none;color:oklch(80% 0 0)}
@media (hover:hover){.tk-no:hover{color:oklch(100% 0 0)}}
@media (max-width:560px){.tk-ask{right:12px;max-width:none}}
@media (prefers-reduced-motion:reduce){.tk-ask{transition:none}}