/* Адаптация под тему Telegram */
body {
    background-color: var(--tg-theme-bg-color, #1a1a1a);
    color: var(--tg-theme-text-color, #ffffff);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
}

.tg-button {
    background-color: var(--tg-theme-button-color, #2481cc);
    color: var(--tg-theme-button-text-color, #ffffff);
}

.tg-secondary-bg {
    background-color: var(--tg-theme-secondary-bg-color, #2c2c2c);
}

.tg-hint {
    color: var(--tg-theme-hint-color, #9e9e9e);
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Дополнительные стили для адаптации под безопасные области */
.safe-area-bottom {
    padding-bottom: env(safe-area-inset-bottom, 20px);
}

.pb-safe {
    padding-bottom: env(safe-area-inset-bottom, 20px);
}

/* Адаптивные стили для мобильных устройств */
@media screen and (max-width: 768px) {
    .tg-secondary-bg {
        background-color: var(--tg-theme-secondary-bg-color, #2c2c2c);
    }
    
    .tg-button {
        background-color: var(--tg-theme-button-color, #2481cc);
        color: var(--tg-theme-button-text-color, #ffffff);
    }
    
    .tg-hint {
        color: var(--tg-theme-hint-color, #9e9e9e);
    }
}