@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&display=swap');

body {
    background-color: #0d0d0d;
    color: #33ff00;
    font-family: 'Fira Code', monospace;
    margin: 0;
    overflow-x: hidden;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #0d0d0d;
}

::-webkit-scrollbar-thumb {
    background: #33ff00;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #28cc00;
}

/* Blinking Cursor */
.cursor {
    display: inline-block;
    width: 10px;
    height: 1.2em;
    background-color: #33ff00;
    animation: blink 1s step-end infinite;
    vertical-align: bottom;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* Terminal Glow / subtle effect */
.terminal-output {
    text-shadow: 0 0 2px #33ff0077;
}

/* Scanline effect (subtle) */
.scanline {
    width: 100%;
    height: 100px;
    z-index: 10;
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(51, 255, 0, 0.02) 50%, rgba(0,0,0,0) 100%);
    opacity: 0.1;
    position: absolute;
    bottom: 100%;
    pointer-events: none;
    animation: scanline 10s linear infinite;
}

@keyframes scanline {
    0% { bottom: 100%; }
    100% { bottom: -100px; }
}

/* Input area styling to remove defaults */
input.cmd-input {
    background: transparent;
    border: none;
    color: #33ff00;
    font-family: 'Fira Code', monospace;
    font-size: inherit;
    outline: none;
    width: 100%;
    caret-color: transparent; /* custom cursor handled by div */
}