#font-preferences-entry{pointer-events:auto;border:1px solid currentColor;border-radius:8px;padding:6px 10px;background:transparent;color:white;cursor:pointer}
html[data-color-mode=light] #font-preferences-entry{color:#182230}
#font-preferences-entry[hidden]{display:none}
#font-preferences-dialog{width:min(440px,calc(100vw - 32px));border:1px solid #344054;border-radius:16px;padding:24px;background:#101828;color:#f9fafb;font:14px system-ui,sans-serif}
#font-preferences-dialog::backdrop{background:rgb(0 0 0 / .45);backdrop-filter:blur(6px)}
#font-preferences-dialog header,#font-preferences-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
#font-preferences-dialog h2{margin:0;font-size:18px}
#font-preferences-dialog label{display:grid;gap:10px;margin-top:24px}
#font-preferences-dialog select{width:100%;height:44px;padding:0 12px;background:inherit;color:inherit;border:1px solid #667085;border-radius:8px;font:inherit}
#font-preferences-dialog option{background:#101828;color:#f9fafb}
#font-preferences-dialog p{line-height:1.6;color:#98a2b3}
#font-preferences-dialog [role=alert]{color:#f97066}
#font-preferences-dialog footer{justify-content:flex-end;margin-top:24px}
#font-preferences-dialog button{padding:8px 14px;border:1px solid #667085;border-radius:8px;background:transparent;color:inherit;font:inherit;cursor:pointer}
#font-preferences-dialog button[data-save]{background:#465fff;border-color:#465fff;color:#fff}
#font-preferences-dialog button:disabled{opacity:.4;cursor:wait}
html[data-color-mode=light] #font-preferences-dialog{background:white;color:#182230;border-color:#d0d5dd}
html[data-color-mode=light] #font-preferences-dialog option{background:white;color:#182230}