:root { --site-control-paper:#faf8fc; --site-control-ink:#201b27; --site-control-line:#ded6e6; --site-control-hover:#eee3fa; --site-control-accent:#7442bc; }
:root[data-theme="dark"] { --site-control-paper:#17121f; --site-control-ink:#f4eefc; --site-control-line:#493754; --site-control-hover:#33233f; --site-control-accent:#c5a2f4; color-scheme:dark; }
.site-settings { display:flex; align-items:center; gap:8px; flex-shrink:0; color:var(--site-control-ink); }
.site-theme-toggle { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--site-control-line); border-radius:9px; padding:8px; background:transparent; color:inherit; cursor:pointer; }
.site-theme-toggle svg { width:19px; height:19px; }
.site-theme-toggle .theme-sun { display:none; }
[data-theme="dark"] .site-theme-toggle .theme-moon { display:none; }
[data-theme="dark"] .site-theme-toggle .theme-sun { display:block; }
.site-theme-toggle:hover { background:var(--site-control-hover); }
.site-theme-toggle:focus-visible, .site-language summary:focus-visible, .site-language a:focus-visible { outline:2px solid var(--site-control-accent); outline-offset:3px; }
.site-language { position:relative; font-family:inherit; z-index:70; }
.site-language summary { display:flex; align-items:center; justify-content:center; gap:6px; min-height:40px; list-style:none; cursor:pointer; border:1px solid var(--site-control-line); border-radius:9px; padding:8px 10px; font-size:11px; line-height:1; }
.site-language summary::-webkit-details-marker { display:none; }
.site-language summary svg { width:16px; height:16px; }
.site-language summary:hover { background:var(--site-control-hover); }
.site-language-options { position:absolute; right:0; top:calc(100% + 8px); width:184px; padding:6px; border:1px solid var(--site-control-line); border-radius:12px; background:var(--site-control-paper); box-shadow:0 12px 32px #140b201c; }
.site-language-options a { display:flex; align-items:center; justify-content:space-between; padding:11px 12px; border-radius:7px; font-size:13px; line-height:1.3; color:var(--site-control-ink); }
.site-language-options a:hover, .site-language-options a[aria-current="page"] { background:var(--site-control-hover); color:var(--site-control-accent); }
@media(max-width:620px) { .site-settings { gap:6px; } .site-theme-toggle { width:36px; height:36px; } .site-language summary { min-height:36px; padding:8px; gap:4px; } }