.analytics-consent {
  position: fixed;
  z-index: 10000;
  right: 18px;
  bottom: 18px;
  width: min(430px, calc(100vw - 36px));
  padding: 17px;
  border: 1px solid rgba(229, 196, 119, .34);
  border-radius: 18px;
  background: rgba(7, 12, 28, .96);
  box-shadow: 0 18px 64px rgba(0, 0, 0, .42);
  color: #f4f0e6;
  font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  backdrop-filter: blur(16px);
}

.analytics-consent[hidden] { display: none; }
.analytics-consent__copy strong { display: block; margin-bottom: 4px; font-size: 16px; }
.analytics-consent__copy p { margin: 0; color: rgba(244, 240, 230, .72); }
.analytics-consent__copy a { display: inline-block; margin-top: 7px; color: #e5c477; font-size: 12px; }
.analytics-consent__actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 14px; }
.analytics-consent button,
.analytics-settings-button {
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  color: inherit;
  background: transparent;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.analytics-consent button:focus-visible,
.analytics-settings-button:focus-visible { outline: 3px solid #7ddff2; outline-offset: 3px; }
.analytics-consent__allow { border-color: #c9a227 !important; background: #c9a227 !important; color: #0b1020 !important; }
.analytics-consent__decline:hover { border-color: rgba(255, 255, 255, .48); }
.analytics-settings-button { display: block; margin: 22px 0 0; color: var(--ink, inherit); border-color: var(--line, rgba(255,255,255,.25)); }

html:lang(zh-CN) .analytics-consent {
  border-color: rgba(156, 43, 33, .3);
  background: rgba(251, 247, 238, .97);
  color: #2b2419;
  box-shadow: 0 18px 64px rgba(75, 53, 30, .2);
}
html:lang(zh-CN) .analytics-consent__copy p { color: rgba(43, 36, 25, .68); }
html:lang(zh-CN) .analytics-consent__copy a { color: #9c2b21; }
html:lang(zh-CN) .analytics-consent__allow { border-color: #9c2b21 !important; background: #9c2b21 !important; color: #fff !important; }

@media (max-width: 600px) {
  .analytics-consent { top: 12px; right: 12px; bottom: auto; width: calc(100vw - 24px); }
  .analytics-consent__actions { align-items: stretch; flex-direction: column-reverse; }
  .analytics-consent button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .analytics-consent { backdrop-filter: none; }
}