/* Geek mode panel styles */

#geekModeBtn.active {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.dark #geekModeBtn.active {
    background: rgba(34, 197, 94, 0.2);
    color: #4ade80;
}

#geekPanel {
    font-family: 'JetBrains Mono', monospace;
}

#geekPanel .cursor-pointer:active {
    transform: scale(0.98);
}

/* Matrix-style background effect */
#geekPanel::before {
    content: '';
    position: absolute;
    inset: 0;
    background: 
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 2px,
            rgba(0, 255, 0, 0.03) 2px,
            rgba(0, 255, 0, 0.03) 4px
        );
    pointer-events: none;
}