:root {
  color-scheme:dark;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:14px;
  --bg:#101113;
  --surface:#191b1e;
  --raised:#222529;
  --line:#34373c;
  --border:var(--line);
  --text:#f0eeea;
  --muted:#93979c;
  --accent:#e8bb75;
  --accent-hover:#f0ca8f;
  --accent-dim:#352c21;
  --accent-border:#514532;
  --accent-text:#17130f;
  color:var(--text);
  background:var(--bg);
}
body { background:var(--bg); color:var(--text); }
input[type=checkbox],input[type=range],progress { accent-color:var(--accent); }
.language-menu { position:relative; flex-shrink:0; }
.language-menu > summary { display:flex; align-items:center; justify-content:center; list-style:none; min-height:44px; padding:8px 12px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--text); cursor:pointer; }
.language-menu > summary::-webkit-details-marker { display:none; }
.language-menu[open] > summary { border-color:var(--accent); color:var(--accent); }
.language-menu #language-current { display:flex; align-items:center; gap:8px; font-size:13px; }
.language-menu img { display:block; flex-shrink:0; object-fit:cover; border-radius:2px; }
.language-menu .menu-content { position:absolute; right:0; top:calc(100% + 8px); z-index:100; display:flex; flex-direction:column; gap:8px; width:190px; max-width:calc(100vw - 24px); padding:6px; border:1px solid var(--line); border-radius:9px; background:var(--surface); box-shadow:0 12px 32px #0008; }
.language-menu:not([open]) > .menu-content { display:none; }
.language-menu .language-options { display:flex; flex-direction:column; gap:2px; }
.language-menu .language-options button { display:flex; align-items:center; gap:10px; width:100%; max-width:none; min-height:44px; padding:8px 10px; border:0; border-radius:5px; background:transparent; color:var(--text); font:inherit; text-align:left; cursor:pointer; }
.language-menu .language-options button:hover,.language-menu .language-options button:focus-visible { background:var(--raised); }
.language-menu .language-options button[aria-pressed=true] { background:var(--accent-dim); color:var(--accent); }
.language-menu .language-options button span { display:block; }
.language-menu .language-check { margin-left:auto; visibility:hidden; }
.language-menu button[aria-pressed=true] .language-check { visibility:visible; }