.ottnews-prefs{max-width:780px;margin:24px auto;padding:30px;border:1px solid #e7e7e7;border-radius:20px;background:#fff;color:#202735;font-family:inherit;box-shadow:0 12px 40px #15223808}.onp-eyebrow{font-size:12px;letter-spacing:2px;color:#d9232d;font-weight:700}.ottnews-prefs h2{font-size:clamp(25px,4vw,34px);line-height:1.35;margin:12px 0}.onp-lead{color:#596270;line-height:1.7;margin-bottom:22px}.onp-note{background:#fff6f1;border-left:3px solid #d9232d;padding:12px 15px;border-radius:6px;font-size:14px;line-height:1.7;margin-bottom:24px}.onp-form fieldset,.onp-admin-card fieldset{border:0;padding:0;margin:24px 0}.onp-form legend{font-size:17px;font-weight:700;margin-bottom:13px}.onp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.onp-choice{display:flex;align-items:center;gap:10px;border:1px solid #dce0e5;border-radius:10px;padding:12px 14px;cursor:pointer;font-size:15px;line-height:1.5;background:#fafbfc}.onp-choice:has(input:checked){background:#fff1f2;border-color:#d9232d}.onp-choice input{accent-color:#d9232d;flex-shrink:0;width:18px;height:18px;margin:0}.onp-choice:focus-within{outline:2px solid #1a4f8c;outline-offset:2px}.onp-help,.onp-consent,.onp-foot{font-size:13px;line-height:1.8;color:#67717f}.onp-help{margin:12px 0 0}.onp-consent{padding-top:8px}.onp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.onp-form button{font:inherit;font-weight:600;border-radius:10px;padding:13px 18px;line-height:1.5;cursor:pointer}.onp-form .onp-primary{background:#d9232d;color:white;border:1px solid #d9232d}.onp-form .onp-stop{background:white;color:#505a69;border:1px solid #cdd2d8}.onp-form button:disabled{opacity:.6;cursor:not-allowed}.onp-status{font-size:14px;line-height:1.7;min-height:24px;margin:14px 0}.onp-foot{margin-top:24px;padding-top:16px;border-top:1px solid #eceff2}.ottnews-push-entry{position:fixed;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:90;display:flex;align-items:center;gap:8px;border:1px solid #d9232d;background:#fff;color:#b91d27;padding:10px 15px;border-radius:24px;box-shadow:0 3px 14px #0002;font-size:14px;font-weight:700;text-decoration:none}.ottnews-push-entry:hover{background:#fff1f2;color:#b91d27}.onp-admin-card{max-width:800px;background:#fff;border:1px solid #ddd;padding:20px;margin:20px 0;border-radius:10px}.onp-admin-card summary{cursor:pointer;font-weight:700}.onp-form [hidden]{display:none!important}@media(max-width:520px){.ottnews-prefs{padding:22px 16px;margin:16px 0;border-radius:14px}.onp-grid{gap:8px}.onp-choice{padding:10px;font-size:14px;gap:7px}.onp-actions{flex-direction:column}.onp-form button{width:100%}.ottnews-push-entry{right:12px;bottom:calc(14px + env(safe-area-inset-bottom))}}

.onp-form .onp-test{background:#fff;color:#b91d27;border:1px solid #d9232d}
.ottnews-push-entry[hidden]{display:none!important}

/* Follow the site's explicit day/night preference, including live toggles. */
html[data-ott-theme="dark"] #main:has(.ottnews-prefs) h1.page-title{color:#f1f5f9!important}
html[data-ott-theme="dark"] .ottnews-prefs{background:#111827;color:#e5e7eb;border-color:#374151;box-shadow:0 12px 40px #0003;color-scheme:dark}
html[data-ott-theme="dark"] .ottnews-prefs h2,
html[data-ott-theme="dark"] .onp-form legend{color:#f1f5f9}
html[data-ott-theme="dark"] .onp-eyebrow{color:#f87171}
html[data-ott-theme="dark"] .onp-lead,
html[data-ott-theme="dark"] .onp-help,
html[data-ott-theme="dark"] .onp-consent,
html[data-ott-theme="dark"] .onp-foot{color:#b8c3d4}
html[data-ott-theme="dark"] .onp-note{background:#271b22;color:#e5e7eb;border-left-color:#f87171}
html[data-ott-theme="dark"] .onp-choice{background:#1f2937;color:#e5e7eb;border-color:#475569}
html[data-ott-theme="dark"] .onp-choice:has(input:checked){background:#39202a;border-color:#f87171;color:#fff1f2}
html[data-ott-theme="dark"] .onp-choice input{accent-color:#f87171}
html[data-ott-theme="dark"] .onp-choice:focus-within{outline-color:#93c5fd}
html[data-ott-theme="dark"] .onp-form .onp-stop{background:#1f2937;color:#e5e7eb;border-color:#64748b}
html[data-ott-theme="dark"] .onp-form .onp-test{background:#1f2937;color:#fca5a5;border-color:#f87171}
html[data-ott-theme="dark"] .onp-foot{border-top-color:#374151}
html[data-ott-theme="dark"] .onp-status{color:#d1d5db}
html[data-ott-theme="dark"] .ottnews-push-entry{background:#111827;color:#fca5a5;border-color:#f87171}
html[data-ott-theme="dark"] .ottnews-push-entry:hover{background:#39202a;color:#fff1f2}