body {
    margin:0;
    font-family: Arial, sans-serif;
    background: linear-gradient(135deg, #ff8c42, #ff3c83);
    color:white;
}

header {
    padding:20px;
    text-align:center;
}

.top-buttons a {
    margin:5px;
    padding:10px 15px;
    background:white;
    color:#ff3c83;
    text-decoration:none;
    border-radius:8px;
    font-weight:bold;
}

.container {
    background:white;
    color:black;
    padding:20px;
    margin:20px;
    border-radius:15px;
}

.rule input {
    padding:10px;
    margin:5px;
    width:40%;
}

.process-btn {
    padding:12px 20px;
    background:#ff3c83;
    color:white;
    border:none;
    border-radius:8px;
}

.log-box {
    background:black;
    color:#00ff99;
    height:200px;
    overflow:auto;
    padding:10px;
}

.chat-btn {
    position:fixed;
    bottom:20px;
    right:20px;
    background:#ff3c83;
    padding:15px;
    border-radius:50%;
    cursor:pointer;
}

.chat-popup {
    display:none;
    position:fixed;
    bottom:80px;
    right:20px;
    background:white;
    padding:15px;
    border-radius:10px;
}

.chat-popup a {
    display:block;
    margin:5px 0;
    color:#ff3c83;
    text-decoration:none;
}