.nav-tools { display: inline-flex; align-items: center; gap: 8px; }
.language-select { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.language-button, .theme-toggle { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--line); border-radius:8px; color:var(--text); background:rgba(255,255,255,.08); cursor:pointer; }
.language-button { position:relative; }.language-glyph { width:18px; height:14px; position:relative; display:block; border:1.7px solid currentColor; border-radius:4px; }.language-glyph::before { content:"A"; position:absolute; width:12px; height:12px; display:grid; place-items:center; inset:-7px -7px auto auto; border:1.5px solid currentColor; border-radius:50%; color:var(--text); background:var(--panel-strong); font:800 8px/1 Arial,sans-serif; }.language-glyph::after { content:""; position:absolute; width:10px; height:1.5px; inset:6px auto auto 3px; background:currentColor; box-shadow:0 -4px 0 rgba(255,255,255,.5),0 4px 0 rgba(255,255,255,.5); }
.theme-toggle::after { display:none; }.theme-icon.sun { width:17px; height:17px; border:2px solid currentColor; border-radius:50%; }.theme-icon.sun::before,.theme-icon.sun::after { inset:-6px 5px; border-top:2px solid currentColor; border-bottom:2px solid currentColor; }.theme-icon.sun::after{transform:rotate(90deg)}.theme-icon.moon{width:17px;height:17px;background:currentColor;border-radius:50%}.theme-icon.moon::before{width:14px;height:14px;top:-3px;left:5px;background:var(--panel-strong)}
html[data-theme="light"] .nav-links a:hover { color: #302d4b; background: rgba(141,53,255,.12); }
html[data-theme="light"] .language-button, html[data-theme="light"] .theme-toggle { color:#302d4b; background:#fff; }
@media(max-width:860px){.language-button{width:40px;height:40px}}