.lang-switcher{position:absolute;left:0;top:50%;transform:translateY(-50%)}.lang-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border:1px solid transparent;border-radius:6px;background:0 0;color:inherit;cursor:pointer;font-size:.95rem;line-height:1;transition:background-color 160ms ease}.lang-toggle:hover{background-color:#f2f2f2}body.dark-mode .lang-toggle:hover{background-color:#2a2a2a}@media(max-width:520px){.lang-toggle-label{display:none}.lang-toggle{padding:.5rem}}.lang-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:1rem}.lang-modal.is-open{display:flex}.lang-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}.lang-modal-dialog{position:relative;z-index:1;width:100%;max-width:360px;max-height:90vh;overflow:auto;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 20px 50px rgba(0,0,0,.25);animation:lang-modal-in 180ms ease}body.dark-mode .lang-modal-dialog{background:#1e1e1e;box-shadow:0 20px 50px rgba(0,0,0,.55)}@keyframes lang-modal-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lang-modal-close{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:0 0;color:inherit;cursor:pointer;transition:background-color 160ms ease}.lang-modal-close:hover{background-color:#f2f2f2}body.dark-mode .lang-modal-close:hover{background-color:#2a2a2a}.lang-modal-title{margin:0 0 1rem;padding-right:2rem;font-size:1.1rem}.lang-modal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.lang-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border:1px solid #e6e6e6;border-radius:8px;color:inherit;text-decoration:none;transition:background-color 160ms ease,border-color 160ms ease}.lang-option:hover{background-color:#f2f2f2}.lang-option-current{border-color:#06c;color:#06c;font-weight:600;background-color:rgba(0,102,204,6%)}body.dark-mode .lang-option{border-color:#444}body.dark-mode .lang-option:hover{background-color:#2a2a2a}body.dark-mode .lang-option-current{border-color:#4d9fff;color:#4d9fff;background-color:rgba(77,159,255,8%)}body.modal-open{overflow:hidden}