.lang-btn{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:none;background-color:var(--interactive-accent, #81BFFF) !important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:none;outline:none;transition:none}.lang-btn img{width:22px;height:22px;object-fit:contain;display:block}.lang-option{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:38px;border:1px solid var(--text-muted, #888);background:var(--background-primary, #fff);color:var(--text-normal, #333);font-family:"Darenok",sans-serif;font-size:1rem;line-height:1.2;cursor:pointer;transition:transform .15s ease,background .15s ease;text-align:left;white-space:nowrap}.lang-option img{width:1.3em;height:1.3em;object-fit:contain;flex-shrink:0}.lang-option:hover{background:var(--interactive-hover, #d8e1ee);transform:scale(1.02)}.lang-option.is-active{border:2px solid var(--interactive-accent, #81BFFF)}#langPopup{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:min(94vmin,500px);height:min(94vmin,500px);max-width:500px;max-height:500px;margin:0;padding:0;box-sizing:border-box;border-radius:38px;overflow:hidden;z-index:10001;background:var(--background-secondary, #e8edf5);border:1px solid var(--interactive-accent, #81BFFF);box-shadow:0 10px 30px rgba(0,0,0,.3);flex-direction:column;display:flex}#langPopup[style*="display: none"]{display:none !important}.lang-popup-header{flex:0 0 auto;padding:clamp(10px,2.2vmin,16px) clamp(14px,3vmin,22px) clamp(8px,1.6vmin,12px);display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--background-secondary, #e8edf5)}.lang-popup-title{margin:0;font-family:"Darenok",sans-serif;font-size:1.4rem;color:var(--text-accent, #81BFFF)}.lang-popup-close{width:36px;height:36px;padding:0;margin:0;border:none;background:rgba(0,0,0,0);color:var(--text-muted, #888);font-family:"Darenok",sans-serif;font-size:22px;line-height:1;cursor:pointer;flex-shrink:0;border-radius:50%;transition:color .2s ease,transform .2s ease}.lang-popup-close:hover{color:var(--strong-color, #FFA0A0);transform:scale(1.1)}.lang-popup-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 clamp(14px,3vmin,22px) clamp(14px,3vmin,22px);-webkit-overflow-scrolling:touch}.lang-buttons{display:flex;flex-wrap:wrap;gap:clamp(6px,1.4vmin,10px);align-items:flex-start;justify-content:flex-start}.lang-comment{margin-top:clamp(14px,3vmin,22px);font-family:"Darenok",sans-serif;font-size:1.05rem;line-height:1.55;color:var(--text-normal, #2c3e50);text-align:left}.lang-comment p{margin:0 0 .8em}.lang-comment p:last-child{margin-bottom:0}.lang-comment .lang-comment-title{font-weight:bold;color:var(--text-accent, #81BFFF);margin-bottom:.4em;display:block}@media(max-width: 768px){.lang-btn{width:30px;height:30px;min-width:30px;min-height:30px}.lang-btn img{width:22px;height:22px}.lang-option{font-size:.95rem;padding:6px 10px}}@media(max-width: 480px){.lang-btn{width:28px;height:28px;min-width:28px;min-height:28px}.lang-btn img{width:20px;height:20px}.lang-option{font-size:.9rem}}@media(max-width: 360px){.lang-btn{width:22px;height:22px;min-width:22px;min-height:22px}.lang-btn img{width:16px;height:16px}}/*# sourceMappingURL=36-lang-switcher.css.map */
