.lang-float {position: fixed;left: 0;bottom: 20px;z-index: 250;display: flex;flex-direction: column-reverse;align-items: flex-start;}
.flag-circle {width: 100%;height: 100%;border-radius: 50%;overflow: hidden;display: block;line-height: 0;}
.flag-circle img, .flag-circle svg {width: 100%;height: 100%;display: block;object-fit: cover;}
.lang-float-trigger {width: 52px;height: 52px;padding: 5px;border-radius: 0 999px 999px 0;background: var(--card, #1a0d16); border:1px solid var(--border); border-left:none;;box-shadow: var(--shadow, 0 4px 20px rgba(0, 0, 0, 0.25));flex-shrink: 0;cursor: pointer;transition: opacity 0.2s, visibility 0.2s, transform 0.2s;}
.lang-float-trigger:hover {filter: brightness(1.03);}
.lang-float.open .lang-float-trigger {opacity: 0;visibility: hidden;transform: scale(0.6);pointer-events: none;}
.lang-float-panel {margin-bottom: 6px;background: rgba(24, 13, 22, 0.85);backdrop-filter: blur(8px);border-radius: 0 22px 22px 0;padding: 0 8px;display: flex;flex-direction: column;gap: 4px; max-height: 0;width: 0;overflow: hidden;opacity: 0;transition: max-height 0.3s, opacity 0.25s, padding 0.3s, width 0.1s 0.2s;}
.lang-float.open .lang-float-panel {max-height: min(64vh, 440px);width: auto;opacity: 1;padding: 8px 10px 8px 8px;overflow-y: auto;border-radius: 0 22px 22px 0;transition: max-height 0.3s, opacity 0.25s, padding 0.3s;}
.lang-float-panel::-webkit-scrollbar {width: 8px;}
.lang-float-panel::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.14);border-radius: 999px;margin: 14px 4px 14px 0;}
.lang-float-panel::-webkit-scrollbar-thumb {background: rgb(255, 255, 255);border-radius: 999px;border: 2px solid rgba(24, 13, 22, 0.85);}
.lang-float-panel::-webkit-scrollbar-thumb:hover {background: rgb(251, 199, 222);}
@supports not selector(::-webkit-scrollbar) {.lang-float.open .lang-float-panel {scrollbar-width: thin;scrollbar-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.14);}}
.lang-float-item {display: flex;align-items: center;gap: 10px;padding: 6px 12px 6px 4px;border-radius: 999px;color: #fff;font-weight: 800;font-size: 13px;white-space: nowrap;text-decoration: none;transition: background 0.15s;cursor: pointer;border: none;background: transparent;font-family: inherit;}
.lang-float-item .flag-circle {width: 36px;height: 36px;flex-shrink: 0;}
.lang-float-item:hover {background: rgba(255, 255, 255, 0.14);color: #fff;}
.lang-float-item.active {background: rgba(255, 255, 255, 0.18);}