:root[data-site-theme="light"] { color-scheme:light; }
:root[data-site-theme="dark"] { color-scheme:dark; background:#121720; }
:root[data-site-theme="dark"] body { background-color:#121720; color:#dee5ef; }
html body button.yp-theme-toggle { display:inline-flex !important; align-items:center; justify-content:center; flex-shrink:0; width:38px; height:38px; min-width:38px; padding:7px !important; border:1px solid transparent; border-radius:9px; background:transparent; color:#7c8492; cursor:pointer; vertical-align:middle; }
html body button.yp-theme-toggle svg { display:block; width:24px; height:24px; flex-shrink:0; }
html body button.yp-theme-toggle:hover { background:#eef1f5; color:#344052; }
html body button.yp-theme-toggle:focus-visible { outline:2px solid #6b9edd; outline-offset:2px; }
html[data-site-theme="dark"] body button.yp-theme-toggle { color:#b3c0d3 !important; background:transparent !important; }
html[data-site-theme="dark"] body button.yp-theme-toggle:hover { background:#283344 !important; color:#eef4ff !important; }
.yp-theme-floating { position:fixed; top:16px; right:16px; z-index:900; border:1px solid #dce2eb; border-radius:10px; background:#ffffffed; }
html[data-site-theme="dark"] .yp-theme-floating { background:#181d26; border-color:#333d4c; }
@media(max-width:600px){html body button.yp-theme-toggle{width:34px;height:34px;min-width:34px;padding:6px !important}.yp-theme-floating{top:10px;right:10px}}
@media print { .yp-theme-toggle,.yp-theme-floating { display:none !important; } }