:root {
    --bg-color: #0d0d0d;
    --primary-color: #39FF14;
    --secondary-color: #FF6AD5;
    --font-family: 'Courier New', Courier, monospace;
}

body {
    background-color: var(--bg-color);
    color: var(--primary-color);
    font-family: var(--font-family);
    margin: 0; padding: 0;
}

/* Hidden states */
.hidden { display: none !important; }

/* The Cursor */
.terminal-cursor {
    display: inline-block;
    width: 8px;
    height: 1em;
    background-color: var(--primary-color);
    margin-left: 2px;
    vertical-align: text-bottom;
    box-shadow: 0 0 5px var(--primary-color);
    animation: cursor-blink 0.8s step-end infinite;
}

@keyframes cursor-blink {
    from, to { opacity: 1; }
    50% { opacity: 0; }
}

.typewriter-effect {
    white-space: pre-wrap;
    margin: 8px 0;
    visibility: hidden;
}

.ascii-bunny {
    font-family: monospace;
    white-space: pre;
    line-height: 1.1;
    color: var(--secondary-color);
}

.header-bunny { font-size: 8px; margin-bottom: 5px; }

.container { max-width: 900px; margin: 0 auto; padding: 40px 20px; }

.scanlines {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
    background-size: 100% 4px; pointer-events: none; z-index: 1000;
}

.footer { margin-top: 4rem; padding-top: 2rem; border-top: 1px dashed var(--primary-color); text-align: center; }
.social-links { display: flex; justify-content: center; gap: 20px; margin-bottom: 15px; }
.social-icon { width: 24px; height: 24px; fill: var(--primary-color); transition: 0.3s; }
.social-icon:hover { fill: var(--secondary-color); filter: drop-shadow(0 0 5px var(--secondary-color)); }

/* Preserve Article Formatting */
.post-content h2, .post-content h3 {
    color: var(--secondary-color);
    margin-top: 2rem;
    text-transform: uppercase;
}

.post-content ul, .post-content ol {
    margin: 1rem 0;
    padding-left: 1.5rem;
    border-left: 1px solid rgba(57, 255, 20, 0.2);
}

.post-content li {
    margin-bottom: 0.5rem;
}
