.analytics-consent{
  position:fixed;
  z-index:100;
  left:max(14px,env(safe-area-inset-left));
  right:max(14px,env(safe-area-inset-right));
  bottom:max(14px,env(safe-area-inset-bottom));
  width:auto;
  max-width:760px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:18px 20px;
  border:2px solid var(--ink);
  border-radius:20px;
  background:var(--paper);
  color:var(--ink);
  box-shadow:7px 8px 0 var(--ink);
  font-family:'Space Grotesk',system-ui,sans-serif;
}
.analytics-consent strong{font-size:16px}
.analytics-consent p{margin:5px 0 0;font-size:13px;line-height:1.45;max-width:52ch}
.analytics-consent a{color:inherit;font-weight:700}
.analytics-consent-actions{display:flex;gap:8px;flex-shrink:0}
.analytics-consent button,
.analytics-settings{
  min-height:44px;
  border:2px solid var(--ink);
  border-radius:999px;
  padding:9px 14px;
  background:transparent;
  color:var(--ink);
  cursor:pointer;
  touch-action:manipulation;
  font:600 10px 'IBM Plex Mono',monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.analytics-consent button.primary{background:var(--ink);color:var(--mustard)}
.analytics-settings{min-height:32px;margin-left:12px;padding:5px 10px;border-width:1.5px;font-size:9px}
@media(max-width:620px){
  .analytics-consent{align-items:stretch;flex-direction:column;gap:14px;padding:16px}
  .analytics-consent-actions{width:100%}
  .analytics-consent-actions button{flex:1}
}
@media(max-width:360px){
  .analytics-consent-actions{flex-direction:column}
  .analytics-consent-actions button{width:100%}
  .analytics-settings{display:block;margin:10px auto 0}
}