.hfh-analytics-notice {
  position:fixed;
  left:16px;
  right:16px;
  bottom:calc(var(--nav-h,80px) + var(--nav-gap,16px) + env(safe-area-inset-bottom,0px) + 10px);
  z-index:20;
  max-width:640px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  padding:14px 16px;
  border-radius:14px;
  background:#10233A;
  color:#E8EEF5;
  box-shadow:0 10px 30px rgba(3,13,27,.35);
  border:1px solid rgba(255,255,255,.12);
}

.hfh-analytics-notice-text {
  flex:1 1 220px;
  margin:0;
  font-size:.8125rem;
  line-height:1.5;
  color:#D7E1EC;
}

.hfh-analytics-notice-text a {
  color:#A9D7FF;
  text-decoration:underline;
  text-underline-offset:2px;
}

.hfh-analytics-notice-text a:focus-visible {
  outline:3px solid #63B3FF;
  outline-offset:2px;
  border-radius:3px;
}

.hfh-analytics-notice-dismiss {
  flex:0 0 auto;
  min-width:44px;
  min-height:44px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:10px;
  background:#1B3A57;
  color:#fff;
  font:700 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
}

.hfh-analytics-notice-dismiss:hover {
  background:#234a6d;
}

.hfh-analytics-notice-dismiss:focus-visible {
  outline:3px solid #63B3FF;
  outline-offset:2px;
}

.hfh-analytics-notice-live {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

@media (max-width:430px) {
  .hfh-analytics-notice {
    left:12px;
    right:12px;
    padding:12px 14px;
  }
  .hfh-analytics-notice-text {
    font-size:.78125rem;
  }
}

@media (prefers-reduced-motion:no-preference) {
  .hfh-analytics-notice {
    animation:hfhAnalyticsNoticeIn .18s ease-out;
  }
}

@keyframes hfhAnalyticsNoticeIn {
  from { opacity:0; transform:translateY(8px); }
  to { opacity:1; transform:translateY(0); }
}
