.nw-lang{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(20,20,20,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px -10px rgba(0,0,0,.5);font:500 11px/1 ui-monospace,"Geist Mono",monospace;letter-spacing:.08em;animation:nwLangIn .6s 1.2s both cubic-bezier(.2,.8,.2,1);transition:opacity .4s cubic-bezier(.2,.8,.2,1),transform .4s cubic-bezier(.2,.8,.2,1),visibility 0s}
.nw-lang a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:30px;padding:0 10px;border-radius:999px;color:rgba(236,232,220,.75);text-decoration:none;transition:background .2s,color .2s,transform .2s}
.nw-lang a:hover{color:#ece8dc;background:rgba(255,255,255,.08)}
.nw-lang a:focus-visible{outline:2px solid #C0FE04;outline-offset:2px}
.nw-lang a.on{background:#C0FE04;color:#141414}
.nw-lang--in{animation:none}
.nw-lang--out{opacity:0;transform:translate(-50%,18px);visibility:hidden;pointer-events:none;transition:opacity .4s cubic-bezier(.2,.8,.2,1),transform .4s cubic-bezier(.2,.8,.2,1),visibility 0s .4s}
@keyframes nwLangIn{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@media (max-width:639px){.nw-lang{bottom:max(64px,env(safe-area-inset-bottom))}.nw-lang a{min-width:44px;height:36px}}
@media (prefers-reduced-motion:reduce){.nw-lang{animation:none}}