@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');

        @keyframes bgShift {
          0% { background-position: 0% 50%; }
          50% { background-position: 100% 50%; }
          100% { background-position: 0% 50%; }
        }

        #spamPanel {
            position: fixed;
            top: 20px;
            right: 20px;
            width: 260px;
            background: linear-gradient(270deg, #121212, #1c1c1c, #121212);
            background-size: 400% 400%;
            animation: bgShift 30s ease infinite;
            color: #eee;
            font-family: 'Roboto Mono', monospace;
            padding: 18px 20px 20px 20px;
            border-radius: 12px;
            box-shadow: 0 0 12px rgba(255, 255, 255, 0.12);
            z-index: 99999;
            user-select: none;
            cursor: move;
            border: 1px solid #333;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        #spamPanel h3 {
            margin: 0 0 10px 0;
            font-size: 18px;
            text-align: center;
            letter-spacing: 1px;
            color: #fafafa;
            user-select: none;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        #spamPanel h3 img {
            width: 22px;
            height: 22px;
            border-radius: 5px;
        }

        #spamPanel label {
            font-size: 13px;
            font-weight: 600;
            color: #ddd;
            user-select: text;
        }

        #spamPanel label input[type="text"],
        #spamPanel label input[type="number"] {
            width: 90%;
            max-width: 220px;
            padding: 6px 10px;
            border-radius: 6px;
            border: 1px solid #444;
            font-size: 13px;
            font-family: 'Roboto Mono', monospace;
            background: #222;
            color: #eee;
            box-shadow: inset 0 0 4px #00000080;
            transition: border-color 0.3s ease, background 0.3s ease;
        }

        #spamPanel input[type="text"]:focus,
        #spamPanel input[type="number"]:focus {
            outline: none;
            background: #1a1a1a;
            border-color: #bbb;
        }

        #spamPanel button {
            width: 48%;
            padding: 9px 0;
            font-weight: 600;
            font-size: 14px;
            border-radius: 8px;
            border: 1px solid #555;
            cursor: pointer;
            color: #eee;
            background: #111;
            box-shadow: 0 0 6px #00000080 inset;
            transition: background 0.3s ease, border-color 0.3s ease;
            user-select: none;
            font-family: 'Roboto Mono', monospace;
        }

        #startSpamBtn:hover {
            background: #222;
            border-color: #eee;
        }

        #stopSpamBtn:hover {
            background: #440000;
            border-color: #ff5555;
            color: #ffbbbb;
        }

        #spamStatus {
            font-size: 12px;
            min-height: 20px;
            color: #bbb;
            font-weight: 500;
            text-align: center;
            user-select: text;
            font-family: 'Roboto Mono', monospace;
        }

        #devFooter {
            margin-top: 10px;
            font-size: 10px;
            text-align: center;
            color: #666;
            user-select: none;
            letter-spacing: 0.5px;
            font-style: italic;
        }

        #devFooter a {
            color: #999;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        #devFooter a:hover {
            color: #ccc;
            text-decoration: underline;
        }