#ugc-root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.6; color: #f6f7fb; }
#ugc-root *, #ugc-root *::before, #ugc-root *::after { box-sizing: border-box; }
#ugc-root [hidden] { display: none !important; }
#ugc-root h2, #ugc-root h3, #ugc-root p { margin: 0; padding: 0; font-family: inherit; letter-spacing: normal; text-transform: none; }
#ugc-root h2 { color: #fff; font-size: 23px; font-weight: 700; line-height: 1.3; }
#ugc-root h3 { color: #fff; font-size: 18px; font-weight: 700; line-height: 1.4; }
#ugc-root p { color: #b9c1cf; font-size: 15px; line-height: 1.65; }
#ugc-root a { color: #79b7ff; text-decoration: underline; }
#ugc-root button { appearance: none; margin: 0; border: 1px solid #344055; border-radius: 9px; background: #202a3b; color: #f6f7fb; padding: 11px 16px; font: 700 14px/1.4 Arial, Helvetica, sans-serif; cursor: pointer; letter-spacing: normal; text-transform: none; min-height: 44px; }
#ugc-root button:hover { background: #303e54; }
#ugc-root .ugc-primary { background: #2563eb; border-color: #5388fa; }
#ugc-root .ugc-primary:hover { background: #1d4ed8; }
#ugc-root :focus-visible { outline: 3px solid #91c7ff; outline-offset: 3px; }
#ugc-banner { position: fixed; z-index: 2147483646; bottom: 24px; left: 24px; width: min(650px, calc(100% - 48px)); max-height: calc(100dvh - 48px); overflow: auto; padding: 22px; border: 1px solid #29354b; border-radius: 14px; background: #101829; box-shadow: 0 12px 48px #0008; }
#ugc-banner h2 { font-size: 17px; margin-bottom: 8px; }
#ugc-banner p { font-size: 13px; }
#ugc-root .ugc-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; margin-top: 16px; }
#ugc-opener { position: fixed; bottom: 18px; left: 18px; z-index: 2147483645; box-shadow: 0 4px 20px #0005; }
#ugc-dialog { margin: auto; padding: 0; width: min(760px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px); overflow: auto; border: 1px solid #2a3547; border-radius: 16px; background: #0c1320; color: #f6f7fb; box-shadow: 0 24px 80px #0008; }
#ugc-dialog[open] { display: flex; flex-direction: column; }
#ugc-dialog::backdrop { background: #050b17b8; backdrop-filter: blur(3px); }
#ugc-root .ugc-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 22px 26px; border-bottom: 1px solid #293344; flex-shrink: 0; }
#ugc-root .ugc-head button { background: transparent; border: none; font-size: 28px; padding: 0 12px; }
#ugc-root .ugc-content { padding: 24px 26px; overflow-y: auto; overscroll-behavior: contain; }
#ugc-root .ugc-card { margin-top: 16px; border: 1px solid #2a3546; border-radius: 14px; padding: 20px; background: #101824; }
#ugc-root .ugc-row { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
#ugc-root .ugc-row h3 { flex: 1; }
#ugc-root label { cursor: pointer; margin: 0; color: inherit; font: inherit; }
#ugc-root .ugc-row span { font-size: 13px; font-weight: 700; white-space: nowrap; color: #bcc5d3; }
#ugc-root .ugc-row .ugc-required { color: #4ade80; }
#ugc-root .ugc-switch { appearance: none; -webkit-appearance: none; position: relative; width: 48px; height: 28px; border-radius: 20px; background: #485469; border: 1px solid #69768c; margin: 0; cursor: pointer; flex: 0 0 48px; }
#ugc-root .ugc-switch::before { content: ''; position: absolute; left: 3px; top: 3px; height: 20px; width: 20px; border-radius: 50%; background: #fff; transition: transform .15s; }
#ugc-root .ugc-switch:checked { background: #2563eb; border-color: #5388fa; }
#ugc-root .ugc-switch:checked::before { transform: translateX(20px); }
#ugc-root .ugc-switch:disabled { opacity: .65; cursor: not-allowed; }
#ugc-root details { margin-top: 10px; color: #b9c1cf; font-size: 13px; }
#ugc-root summary { cursor: pointer; color: #b8caff; }
#ugc-root details p { font-size: 13px; margin-top: 8px; }
#ugc-root code { color: #c2d8ff; overflow-wrap: anywhere; }
#ugc-root .ugc-bottom { margin-top: 0; padding: 18px 26px; border-top: 1px solid #293344; flex-shrink: 0; }
#ugc-root .ugc-policy { margin-top: 20px; font-size: 13px; }
#ugc-notice { padding: 12px; background: #1b2b48; border-radius: 8px; margin-top: 14px !important; }
@media (max-width: 560px) {
  #ugc-banner { bottom: 12px; left: 12px; width: calc(100% - 24px); padding: 18px; }
  #ugc-root .ugc-actions { flex-direction: column; }
  #ugc-root .ugc-actions button { width: 100%; }
  #ugc-root .ugc-head, #ugc-root .ugc-content { padding: 16px; }
  #ugc-root .ugc-bottom { padding: 12px 16px; gap: 7px; }
  #ugc-root .ugc-card { padding: 14px; }
  #ugc-root .ugc-row { flex-wrap: wrap; gap: 9px; }
  #ugc-root .ugc-row h3 { flex-basis: 100%; font-size: 17px; }
  #ugc-root .ugc-row span { flex: 1; }
  #ugc-root h2 { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) { #ugc-root .ugc-switch::before { transition: none; } }

/* Approved light/gold design */

#ugc-root {color-scheme:light;color:#282723;}
#ugc-root #ugc-banner, #ugc-root #ugc-dialog {background:#efefef;color:#282723;border-color:#d2d0ca;box-shadow:0 12px 36px #28272314;}
#ugc-root h2, #ugc-root h3 {color:#282723;}
#ugc-root p, #ugc-root details {color:#55534e;}
#ugc-root a, #ugc-root summary, #ugc-root code {color:#70551e;}
#ugc-root button {background:#e2e0da;border-color:#c2beb4;color:#302d26;}
#ugc-root button:hover {background:#d8d4ca;}
#ugc-root .ugc-primary {background:#d7b46b;border-color:#b29251;color:#302719;}
#ugc-root .ugc-primary:hover {background:#caa458;border-color:#987a40;}
#ugc-root .ugc-head, #ugc-root .ugc-bottom {border-color:#d2d0ca;}
#ugc-root .ugc-head button {background:transparent;color:#625e55;}
#ugc-root .ugc-head button:hover {background:#e2e0da;}
#ugc-root .ugc-card {background:#f8f8f6;border-color:#d8d5cd;}
#ugc-root .ugc-row span {color:#625e55;}
#ugc-root .ugc-row .ugc-required {color:#70551e;}
#ugc-root .ugc-switch {background:#aaa69d;border-color:#79756d;}
#ugc-root .ugc-switch::before {background:#fff;box-shadow:0 1px 3px #30271926;}
#ugc-root .ugc-switch:checked {background:#d7b46b;border-color:#9a7a3d;}
#ugc-root .ugc-switch:checked::before {background:#302719;}
#ugc-root .ugc-switch:disabled {opacity:1;}
#ugc-root :focus-visible {outline-color:#70551e;}
#ugc-root #ugc-notice, #ugc-root #ugc-preview-status {background:#e9dfc9;color:#51432a;}
#ugc-root label {color:inherit;}


#ugc-root {font-family:Arial,Helvetica,sans-serif;}
#ugc-root h2,#ugc-root h3 {font-family:Arial,Helvetica,sans-serif;color:#001b35;font-weight:500;}
#ugc-root h2 {letter-spacing:.15px;}
#ugc-root h3 {font-weight:600;}
#ugc-root button {font-family:Arial,Helvetica,sans-serif;font-weight:600;font-size:12px;letter-spacing:.25px;text-transform:uppercase;border-radius:5px;padding:13px 17px;color:#001b35;background:#e4e3de;border-color:#b9b8b2;}
#ugc-root button:hover {background:#d9d8d1;}
#ugc-root .ugc-primary {background:#d7b46b;border-color:#d7b46b;color:#29271f;}
#ugc-root .ugc-primary:hover {background:#caa65e;border-color:#caa65e;}
#ugc-root .ugc-head button {font-weight:400;font-size:28px;letter-spacing:0;padding:0 12px;background:transparent;border:0;color:#001b35;}
#ugc-root .ugc-head button:hover {background:#e2e0da;}
#ugc-root label {font-family:inherit;}


#ugc-root h2 {font-weight:700;}
#ugc-root h3, #ugc-root h3 label {font-weight:400;}

/* Integration resilience: scoped to the consent controls only. */
#ugc-root {text-align:left;direction:ltr;}
#ugc-root button {background-image:none;box-shadow:none;float:none;}
#ugc-root .ugc-switch {display:inline-block;padding:0;float:none;box-shadow:none;vertical-align:middle;}
#ugc-root .ugc-content {min-height:0;}
#ugc-root h3, #ugc-root h3 label {font-weight:400;}
#ugc-root #ugc-dialog:not([open]) {display:none;}
#ugc-root #ugc-banner {max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);}
#ugc-root #ugc-dialog {max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);}
@media (max-height:460px) {
 #ugc-root #ugc-dialog[open] {display:block;overflow-y:auto;}
 #ugc-root .ugc-content {overflow:visible;}
 #ugc-root .ugc-actions {flex-direction:row;}
 #ugc-root .ugc-actions button {width:auto;flex:1;}
}