.language-menu{position:relative;flex:none}.site-header .language-menu .lang-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:78px;height:44px;padding:0 10px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:800;line-height:1;letter-spacing:.04em;cursor:pointer;transition:background .2s,color .2s,transform .2s}.site-header .language-menu .lang-button:hover,.site-header .language-menu .lang-button.is-open{background:var(--purple-soft);color:var(--text);transform:translateY(-1px)}.site-header.on-hero .language-menu .lang-button{color:#f9f3ff}.site-header.on-hero .language-menu .lang-button:hover,.site-header.on-hero .language-menu .lang-button.is-open{background:#ffffff24;color:#fff}.language-menu .language-icon{width:18px;height:18px;flex:none}.language-menu .language-chevron{width:14px;height:14px;flex:none;opacity:.75;transition:transform .2s}.language-menu .is-open .language-chevron{transform:rotate(180deg)}.language-menu-panel{position:absolute;top:calc(100% + 10px);inset-inline-end:0;z-index:80;width:min(244px,calc(100vw - 40px));max-height:min(420px,calc(100dvh - 100px));overflow-y:auto;padding:7px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 18px 48px #1c0c3133;animation:language-menu-enter .18s ease-out}.language-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 9px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:start;cursor:pointer;transition:background .15s,color .15s}.language-menu-item:hover,.language-menu-item:focus-visible{background:var(--surface-alt)}.language-menu-item.is-selected{background:var(--purple-soft);color:var(--purple)}.language-menu-code{display:grid;place-items:center;flex:none;width:31px;height:28px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font:800 .65rem Inter,system-ui,sans-serif;letter-spacing:.04em}.language-menu-label{flex:1;min-width:0;font-size:.84rem;font-weight:700}.language-menu-item svg{width:16px;height:16px;flex:none;visibility:hidden}.language-menu-item.is-selected svg{visibility:visible}@keyframes language-menu-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.language-menu{position:static}.language-menu-panel{top:calc(100% + 12px);inset-inline:0;width:auto;max-width:100%}}@media(prefers-reduced-motion:reduce){.language-menu-panel{animation:none}}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.viewport-scrollbar{position:fixed;z-index:120;inset-block:0;inset-inline-end:0;width:10px;background:transparent}.viewport-scrollbar-thumb{width:100%;border:2px solid transparent;border-radius:100px;background:color-mix(in srgb,var(--purple) 60%,white);background-clip:padding-box;touch-action:none;cursor:grab}.viewport-scrollbar-thumb:hover,.viewport-scrollbar-thumb:focus-visible{background:var(--purple);background-clip:padding-box}.viewport-scrollbar-thumb:active{cursor:grabbing}@media print{.viewport-scrollbar{display:none}}