.ko-email-preferences { padding:20px; border-radius:16px; scroll-margin-top:104px; }
.ko-email-row { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.ko-email-row > div { min-width:0; }
.ko-email-row h2 { color:#f0f0f3; font-size:16px; line-height:1.4; font-weight:600; margin:0; }
.ko-email-row p,.ko-email-bottom p { color:#b7b7c0; font-size:14px; line-height:1.55; margin:4px 0 0; }
.ko-email-switch,.ko-email-placeholder { display:block; flex:none; width:52px; height:44px; position:relative; border-radius:20px; }
.ko-email-switch::before,.ko-email-placeholder::before { content:''; position:absolute; inset:6px 0; border-radius:18px; background:#46464e; border:1px solid #76767e; }
.ko-email-switch[aria-checked=true]::before { background:#d6d6dc; border-color:#d6d6dc; }
.ko-email-switch span { position:absolute; width:26px; height:26px; top:9px; left:3px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #0004; transform:translateX(0); transition:transform .18s cubic-bezier(.2,.8,.2,1); }
.ko-email-switch[aria-checked=true] span { transform:translateX(20px); background:#25252b; }
.ko-email-switch:disabled { cursor:wait; opacity:.65; }
.ko-email-switch:focus-visible { outline:2px solid #e6e6ec; outline-offset:4px; }
.ko-email-placeholder { opacity:.5; }
.ko-email-bottom { margin-top:12px; }
.ko-email-status { min-height:22px; color:#c5c5cc; font-size:13px; display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.ko-email-status button { color:#eeeef2; min-height:32px; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:480px) { .ko-email-row { gap:12px; }.ko-email-preferences { padding:16px; } }
@media(prefers-reduced-motion:reduce) { .ko-email-switch span { transition:none; } }