#artkom-analytics-consent {
  position: fixed;
  z-index: 120;
  right: max(1rem, env(safe-area-inset-right));
  bottom: max(1rem, env(safe-area-inset-bottom));
  width: min(31rem, calc(100vw - 2rem));
  max-height: calc(100dvh - 7rem);
  overflow: auto;
  display: grid;
  gap: .9rem;
  box-sizing: border-box;
  padding: 1.1rem 1.2rem;
  border: 1px solid #62625b;
  border-radius: 1.15rem;
  background: #171c20;
  color: #f1eee7;
  box-shadow: 0 12px 48px #0005;
  font: 400 .84rem/1.5 Manrope, sans-serif;
}
#artkom-analytics-consent p { margin: 0; color: inherit; }
#artkom-analytics-consent a { color: #dfbc95; text-underline-offset: 3px; }
.artkom-analytics-actions { display: flex; flex-wrap: wrap; gap: .55rem; }
#artkom-analytics-consent button {
  flex: 1 1 auto; width: auto; min-height: 42px; padding: .6rem .85rem;
  font: inherit; font-weight: 600; cursor: pointer;
  border: 1px solid #b3a38e; border-radius: .7rem;
  background: #d6b48e; color: #171c20;
}
#artkom-analytics-consent [data-analytics-choice="necessary"] { background: transparent; color: #f1eee7; border-color: #6e746f; }
.artkom-analytics-settings { display: block; padding: .4rem 0; border: 0; background: none; color: inherit; font: inherit; font-size: .75rem; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; opacity: .75; }
#artkom-analytics-consent button:focus-visible, .artkom-analytics-settings:focus-visible { outline: 2px solid #e5c49f; outline-offset: 3px; }
@media (max-width: 480px) {
  #artkom-analytics-consent { font-size: .78rem; padding: .95rem; gap: .75rem; bottom: max(.7rem, env(safe-area-inset-bottom)); }
}