/* 언어 드롭다운(머리줄 오른쪽). 각진 6px · 단추 보이는 높이 32 · 누르는 자리 44 · 움직임 160ms ease-out(emil) */
:root{
  --blm-bg:#0E1015; --blm-line:rgba(255,255,255,0.14); --blm-line-hi:#C6FF3D; --blm-ink:#EDEFF3; --blm-mut:#A4AAB8;
  --blm-hover:rgba(255,255,255,0.06); --blm-acc:#C6FF3D; --blm-r:6px; --blm-ease:cubic-bezier(.23,1,.32,1);
}
.blm{position:relative;display:inline-flex;font-family:'Pretendard Variable',Pretendard,system-ui,sans-serif}
.blm-btn{position:relative;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px;border-radius:var(--blm-r);
  border:1px solid var(--blm-line);background:rgba(255,255,255,0.03);color:var(--blm-ink);font:600 13px/1 inherit;cursor:pointer;white-space:nowrap;
  transition:transform 140ms var(--blm-ease),border-color 160ms ease,background-color 160ms ease}
.blm-btn::before{content:"";position:absolute;inset:-6px -2px}
.blm-btn:active{transform:scale(.97)}
.blm-btn:focus-visible{outline:2px solid var(--blm-acc);outline-offset:2px}
.blm-btn[aria-expanded="true"]{border-color:var(--blm-line-hi)}
.blm-flag{display:block;width:20px;height:15px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,0.12);flex:none}
.blm-chev{width:12px;height:12px;flex:none;color:var(--blm-mut);transition:transform 160ms var(--blm-ease)}
.blm-btn[aria-expanded="true"] .blm-chev{transform:rotate(180deg)}
.blm-list{position:absolute;top:calc(100% + 8px);right:0;z-index:80;min-width:200px;margin:0;padding:4px;list-style:none;
  background:var(--blm-bg);border:1px solid var(--blm-line);border-radius:var(--blm-r);
  box-shadow:0 1px 0 rgba(255,255,255,0.06) inset,0 12px 32px rgba(0,0,0,0.5),0 2px 6px rgba(0,0,0,0.4);
  transform-origin:top right;opacity:0;transform:translateY(-4px) scale(.98);pointer-events:none;visibility:hidden;
  transition:opacity 160ms var(--blm-ease),transform 160ms var(--blm-ease),visibility 0s linear 160ms}
.blm[data-open="true"] .blm-list{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity 160ms var(--blm-ease),transform 160ms var(--blm-ease),visibility 0s}
.blm-opt{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:4px;color:var(--blm-ink);font:500 14px/1.2 inherit;cursor:pointer;outline:none}
.blm-opt[aria-selected="true"]{color:var(--blm-acc);font-weight:700}
.blm-opt:focus-visible,.blm-opt[data-active="true"]{background:var(--blm-hover);box-shadow:0 0 0 1px var(--blm-line) inset}
.blm-opt:active{background:rgba(255,255,255,0.1)}
.blm-tick{margin-left:auto;width:14px;height:14px;flex:none;visibility:hidden}
.blm-opt[aria-selected="true"] .blm-tick{visibility:visible}
.blm[aria-busy="true"] .blm-btn{cursor:progress;opacity:.7}
@media (hover:hover) and (pointer:fine){
  .blm-btn:hover{border-color:rgba(255,255,255,0.32);background:rgba(255,255,255,0.06)}
  .blm-opt:hover{background:var(--blm-hover)}
}
@media (prefers-reduced-motion:reduce){
  .blm-btn,.blm-chev,.blm-list,.blm[data-open="true"] .blm-list{transition:opacity 120ms linear}
  .blm-list{transform:none}
}
