/* Presentation only. Keep the official CAPTCHA DOM, images, events and proof
   untouched. Shared site tokens update both light/dark and system themes. */
:root #aliyunCaptcha-window-popup,
:root #aliyunCaptcha-window-embed,
:root #aliyunCaptcha-window-float {
  color-scheme: inherit;
  background: var(--surface) !important;
  color: var(--text) !important;
  /* Paint the theme outline without changing the SDK's content box. */
  border: 0;
  border-radius: 24px;
  box-shadow: inset 0 0 0 1px var(--border), var(--shadow-card), 0 24px 80px rgb(0 0 0 / 20%);
}
:root #aliyunCaptcha-title {
  color: var(--text) !important;
  font-family: var(--font);
  font-weight: 600;
}
:root #aliyunCaptcha-btn-close { color: var(--text-secondary) !important; }
:root #aliyunCaptcha-btn-close:hover { color: var(--text) !important; }
:root #aliyunCaptcha-sliding-body,
:root #aliyunCaptcha-checkbox-body,
:root #aliyunCaptcha-checkbox-left.finished {
  background: var(--surface-soft) !important;
  color: var(--text) !important;
}
/* Keep the puzzle track, progress fill and thumb on the SDK's matching
   native corners. A larger track-only radius makes aligned edges look inset.
   Do not override puzzle sizes, offsets, transforms or drag coordinates. */
:root #aliyunCaptcha-checkbox-body,
:root #aliyunCaptcha-checkbox-left.finished {
  border-radius: 12px;
}
:root #aliyunCaptcha-sliding-slider,
:root #aliyunCaptcha-checkbox-icon {
  background: var(--surface) !important;
  color: var(--primary-text) !important;
  border-color: var(--border) !important;
}
:root #aliyunCaptcha-sliding-text,
:root #aliyunCaptcha-checkbox-text-box.initDone,
:root #aliyunCaptcha-checkbox-text-box.initDone .aliyunCaptcha-checkbox-text {
  background-image: none !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
}
:root #aliyunCaptcha-sliding-left,
:root #aliyunCaptcha-sliding-body.verified,
:root #aliyunCaptcha-checkbox-body.verified {
  background: color-mix(in srgb, var(--success) 16%, var(--surface)) !important;
}
:root #aliyunCaptcha-sliding-body.fail,
:root #aliyunCaptcha-checkbox-body.fail,
:root #aliyunCaptcha-checkbox-left.fail,
:root #aliyunCaptcha-checkbox-failTip { background: var(--error-soft) !important; }
:root #aliyunCaptcha-checkbox-text-box.verified,
:root #aliyunCaptcha-checkbox-text-box.verified .aliyunCaptcha-checkbox-text {
  background-image: none !important;
  color: var(--success) !important;
  -webkit-text-fill-color: var(--success) !important;
}
:root #aliyunCaptcha-checkbox-text-box.fail,
:root #aliyunCaptcha-checkbox-text-box.fail .aliyunCaptcha-checkbox-text,
:root #aliyunCaptcha-checkbox-fail-text,
:root #aliyunCaptcha-errorTip {
  background-image: none !important;
  color: var(--error) !important;
  -webkit-text-fill-color: var(--error) !important;
}
:root #aliyunCaptcha-checkbox-icon .aliyunCaptcha-checkbox-icon-checked {
  border-color: var(--success) !important;
}
:root #aliyunCaptcha-checkbox-logo-link,
:root .aliyunCaptcha-checkbox-logo-link,
:root #aliyunCaptcha-checkbox-errorCode,
:root #aliyunCaptcha-certifyId { color: var(--text-muted) !important; }
:root #aliyunCaptcha-checkbox-left .aliyunCaptcha-loader { color: var(--primary) !important; }
@supports (corner-shape: squircle) {
  :root #aliyunCaptcha-window-popup,
  :root #aliyunCaptcha-window-embed,
  :root #aliyunCaptcha-window-float { corner-shape: squircle; }
}