.language-selector{position:relative;margin:auto 10px 20px}.language-dropdown{position:relative}.language-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:all .2s;width:140px;min-width:140px}.language-button:hover{background-color:#f8f9fa}.flag{font-size:16px}.language-name{flex:1;text-align:left}.arrow{font-size:12px;transition:transform .2s;display:flex;align-items:center}.arrow.down.rotated,.arrow.up.rotated{transform:rotate(180deg)}.language-options{position:absolute;left:0;width:140px;min-width:140px;background:white;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:9999;opacity:0;visibility:hidden;transition:all .2s}.language-options.up{bottom:100%;transform:translateY(10px);margin-bottom:8px}.language-options.up.open{opacity:1;visibility:visible;transform:translateY(0)}.language-options.down{top:100%;transform:translateY(-10px);margin-top:8px}.language-options.down.open{opacity:1;visibility:visible;transform:translateY(0)}.language-option{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:none;cursor:pointer;font-size:14px;color:#333;width:100%;text-align:left;transition:background-color .2s}.language-option:hover{background-color:#f8f9fa}.language-option.active{background-color:#007bff;color:white}.language-option:first-child{border-radius:6px 6px 0 0}.language-option:last-child{border-radius:0 0 6px 6px}.app-bar{position:fixed;top:0;left:0;right:0;height:60px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:0 28px;z-index:1000}.app-bar,.app-bar-left{display:flex;align-items:center}.app-bar-left{gap:16px}.app-bar-right{display:flex;align-items:center}.app-bar .language-selector{margin:0}.back-button{background:none;border:none;cursor:pointer;color:#666;padding:8px;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.back-button:hover{background-color:#f5f5f5}.logo-container{display:flex;align-items:center;gap:12px;cursor:pointer}.logo-image{object-fit:contain}.page-with-appbar{padding-top:60px}.mobile-message-button{background:none;border:none;cursor:pointer;color:#666;padding:8px;border-radius:50%;transition:background-color .2s ease;display:none;align-items:center;justify-content:center}.mobile-message-button:hover{background-color:#f5f5f5}.mobile-menu-button{background:none;border:none;cursor:pointer;color:#666;padding:8px;border-radius:50%;transition:background-color .2s ease;display:none;align-items:center;justify-content:center}.mobile-menu-button:hover{background-color:#f5f5f5}.desktop-language-selector{display:block}.mobile-language-selector{display:none}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;justify-content:flex-end}.mobile-menu{background:white;width:280px;height:100vh;padding:20px;overflow-y:auto;position:relative;box-shadow:-2px 0 10px rgba(0,0,0,.1);animation:slideIn .3s ease-out;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ccc transparent}.mobile-menu::-webkit-scrollbar{width:4px}.mobile-menu::-webkit-scrollbar-track{background:transparent}.mobile-menu::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.mobile-menu::-webkit-scrollbar-thumb:hover{background:#999}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.mobile-menu-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.mobile-menu-close{background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:50%;transition:background-color .2s ease}.mobile-menu-close:hover{background-color:#f5f5f5}.mobile-menu-items{display:flex;flex-direction:column;gap:0}.mobile-menu-items button{background:none;cursor:pointer;padding:16px 0;text-align:left;font-size:16px;color:#333;border:none;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.mobile-menu-items button:hover{background-color:#f8f9fa}.mobile-menu-items button:last-child{border-bottom:none}.mobile-settings-section{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;margin:10px 0;padding:10px 0}.mobile-settings-section button{display:flex;align-items:center;gap:12px;padding:16px 0;text-align:left;font-size:16px;color:#333;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.mobile-settings-section button:hover{background-color:#f8f9fa}.mobile-settings-section button:last-child{border-bottom:none}.mobile-settings-section button svg{color:#666;flex-shrink:0}@media (max-width:768px){.app-bar{padding:0 16px}.logo-image{width:80px;height:26px}.mobile-menu-button,.mobile-message-button{display:flex}.mobile-language-selector{display:block}.desktop-language-selector{display:none}.mobile-language-selector .language-selector{margin:0}.mobile-language-selector .language-dropdown{z-index:10000}.mobile-language-selector .language-options{z-index:10001}}@media (max-width:480px){.app-bar{padding:0 12px}.app-bar-left{gap:12px}}