.oddspark-consent, .oddspark-consent * { box-sizing: border-box; }
.oddspark-consent[hidden] { display: none; }
.oddspark-consent {
  position: fixed; z-index: 2147483646; inset: auto 16px max(16px, env(safe-area-inset-bottom)) auto;
  width: min(680px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto;
  padding: 24px; border: 1px solid #65705d; border-radius: 16px;
  background: #171c16; color: #f6f8f2; box-shadow: 0 8px 32px #0008;
  font: 16px/1.55 system-ui, sans-serif; text-align: left;
}
.oddspark-consent h2 { margin: 0 0 8px; color: #f6f8f2; font: 700 20px/1.3 system-ui, sans-serif; }
.oddspark-consent p { margin: 0 0 16px; font-size: 16px; color: #e0e5db; }
.oddspark-consent a { color: #c6f46b; text-decoration: underline; }
.oddspark-consent .oddspark-consent-status { font-size: 14px; }
.oddspark-consent .oddspark-consent-status:empty { display: none; }
.oddspark-consent-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.oddspark-consent-actions button {
  flex: 1 1 200px; min-height: 48px; padding: 10px 16px; border: 1px solid #c6f46b;
  border-radius: 8px; background: #c6f46b; color: #172012; font: 650 16px/1.4 system-ui, sans-serif; cursor: pointer;
}
.oddspark-consent-actions button:hover { background: #d6ff85; }
.oddspark-consent button:focus-visible, .oddspark-consent a:focus-visible,
.oddspark-consent-shortcut:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.oddspark-consent-shortcut {
  position: fixed; z-index: 2147483645; left: max(8px, env(safe-area-inset-left)); bottom: max(8px, env(safe-area-inset-bottom));
  min-height: 32px; padding: 6px 10px; border: 1px solid #65705d; border-radius: 6px;
  background: #171c16; color: #e0e5db; font: 14px/1.4 system-ui, sans-serif; cursor: pointer;
}
@media (max-width: 480px) { .oddspark-consent { padding: 18px; } }