OWOP thing by kilgorio

/* ==UserStyle==
@name         OWOP
@description  idk
@namespace    owopidk
@version      1
@author       Kilgorio
@license      MIT
==/UserStyle== */

@-moz-document url-prefix("https://ourworldofpixels.com"), domain("https://ourworldofpixels.com") {
/* Neomorphic Styles */
#load-options {
    background-color: #e0e0e0;
    border-radius: 10px;
    box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6), -5px -5px 10px rgba(255, 255, 255, 0.5);
    padding: 20px;
    margin-bottom: 20px;
}

#reconnect-btn {
    background-color: #e0e0e0;
    border: none;
    border-radius: 10px;
    box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6), -5px -5px 10px rgba(255, 255, 255, 0.5);
    color: #333;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 20px;
    transition: box-shadow 0.3s ease;
}

#reconnect-btn:hover {
    box-shadow: 2px 2px 5px rgba(163, 177, 198, 0.6), -2px -2px 5px rgba(255, 255, 255, 0.5);
}

#chat {
    background-color: #e0e0e0;
    border-radius: 10px;
    box-shadow: inset 5px 5px 10px rgba(163, 177, 198, 0.6), inset -5px -5px 10px rgba(255, 255, 255, 0.5);
    padding: 20px;
}

#chat-messages {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#chat-messages li {
    margin-bottom: 10px;
}

#chat-messages li.admin span {
    color: #ff0000;
    font-weight: bold;
}

#chat-input {
    background-color: #e0e0e0;
    border: none;
    border-radius: 10px;
    box-shadow: inset 2px 2px 5px rgba(163, 177, 198, 0.6), inset -2px -2px 5px rgba(255, 255, 255, 0.5);
    color: #333;
    font-size: 16px;
    padding: 10px;
    width: 100%;
    resize: none;
}

#chat-input:focus {
    outline: none;
    box-shadow: inset 1px 1px 2px rgba(163, 177, 198, 0.6), inset -1px -1px 2px rgba(255, 255, 255, 0.5);
}
}