document.head.innerHTML+=`
<style>

body {
    background: linear-gradient(to bottom, rgb(32, 32, 32), rgb(64, 64, 64));
    overflow: hidden;
}

main section {
    background-color: rgb(32,32,32);
}
main section input {
    font-family: "Calibri";
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: 0;
    width: 100%;
    height: 24px;
    padding-left: 8px;
    box-sizing: border-box;
}

header {
    display: none;
}

main {
    max-width: none;
    margin: 64px 64px;
}

main figure {
    border: 0;
    background-color: rgb(48, 48, 48);
}

main figure form {
    background-color: rgb(32,32,32);
}

main figcaption {
    background-color: rgb(32,32,32);
    color: white;
}

.message-wrap {
    //  background: linear-gradient(to bottom, rgb(232,232,232), rgb(200,200,200));
    border-radius: 16px;
    padding: 8px;
    box-sizing: border-box;
    color: white;
    border-top: 1px solid rgb(244,244,244);
}

.message-wrap img {
    display: none;
}

#chat-wrap {
    overflow-y: auto;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background: rgb(128,128,128);
}
::-webkit-scrollbar-thumb {
    background: rgb(160,160,160);
    border-radius: 4px;
}

main figure #chat-wrap .message-wrap small {
    background-color: rgb(96,96,96);
}

</style>
`;