@media(prefers-color-scheme:light){
    :root {
        --tg-theme-bg-color: white;
        --tg-theme-text-color: black;
        --tg-theme-secondary-bg-color: rgb(236,230,204);
        --tg-theme-section-separator-color: lightgrey;
        --tg-theme-hint-color: lightgrey;
    }
}
@media(prefers-color-scheme:dark){
    :root {
        --tg-theme-bg-color: black;
        --tg-theme-text-color: white;
        --tg-theme-secondary-bg-color: rgb(96,93,80);
        --tg-theme-section-separator-color: darkgrey;
        --tg-theme-hint-color: darkgrey;
    }
}
:root {
    --tg-theme-button-color: green;
    --tg-theme-button-text-color: white;
}
body {
    font-family: sans-serif;
}
input {
    border: none;
    outline: none;
    background-color: var(--tg-theme-bg-color);
    color: var(--tg-theme-text-color);
}
input::placeholder {
    color: var(--tg-theme-hint-color);
}
#test {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    
}