/* Base styles for the entire page */
        body {
            font-family: 'Monaco', 'Lucida Console', monospace;
            margin: 0;
            overflow: hidden; /* Prevent scrolling */
            user-select: none; /* Prevent text selection during drag */
            cursor: default;
            background-color: #D0D0D0; /* Desktop background grey */
            /* Simulate 1-bit dithering for the desktop background */
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGUlEQVQImWP4//+/f/78+f79+/f///8DAwMDAB02Bf0zS7hQAAAAAElFTkSuQmCC');
            background-size: 2px 2px; /* Smallest possible dither pattern */
            background-repeat: repeat;
            height: 100vh; /* Full viewport height */
            display: flex;
            flex-direction: column;
            border-radius: 15px; /* Added to round the page corners */
        }

        /* Menu Bar Styles */
        .menu-bar {
            background-color: #F8F8F8; /* Off-white */
            border-bottom: 1px solid #000000;
            padding: 2px 0;
            display: flex;
            align-items: center;
            font-size: 14px;
            box-shadow: 0 1px 0 rgba(0,0,0,0.1);
            z-index: 1000; /* Ensure menu bar is always on top */
            position: relative;
        }

        .menu-item {
            padding: 0 8px;
            cursor: pointer;
            position: relative;
            white-space: nowrap; /* Prevent wrapping */
            color: #000000; /* Black text */
        }

        

        .menu-item:hover {
            background-color: #000000; /* Highlight color: Black */
            color: #F8F8F8; /* Text color: Off-white */
        }

        .menu-item.active {
            background-color: #000000; /* Active state for dropdowns: Black */
            color: #F8F8F8; /* Text color: Off-white */
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #F8F8F8; /* Off-white */
            min-width: 160px;
            box-shadow: 2px 2px 0px rgba(0,0,0,0.5); /* Dropdown shadow */
            border: 1px solid #000000;
            z-index: 1;
            top: 100%; /* Position below menu item */
            left: 0;
            padding: 2px 0;
        }

        .dropdown-content a {
            color: #000000; /* Black text */
            padding: 2px 8px;
            text-decoration: none;
            display: block;
        }

        .dropdown-content a:hover {
            background-color: #000000; /* Black */
            color: #F8F8F8; /* Off-white */
        }

        .menu-item.active .dropdown-content {
            display: block;
        }

        /* Date and Time in Menu Bar */
        #date-time {
            margin-left: auto; /* Push to the right */
            padding-right: 10px;
            color: #000000;
            font-size: 13px;
        }

        /* Desktop Area */
        .desktop {
            flex-grow: 1; /* Take remaining space */
            position: relative;
            overflow: hidden; /* Prevent content from spilling out */
        }

        /* Centered Logo */
        #center-logo {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            max-width: 200px;
            max-height: 200px;
            pointer-events: none;
            z-index: 0;
        }

        /* Desktop Icons */
        .desktop-icon {
            position: absolute;
            width: 70px; /* Adjust icon container width */
            text-align: center;
            padding: 5px;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .desktop-icon img {
            width: 40px; /* Icon image size */
            height: 40px;
            image-rendering: pixelated; /* For crisp pixel art */
            margin-bottom: 5px;
        }

        .desktop-icon span {
            font-size: 12px;
            color: #000000;
            word-break: break-all; /* Allow long names to break */
        }

        /* LUV folder blur effect */
        .desktop-icon.blurred img {
            filter: blur(5px); /* Apply blur */
        }
        .desktop-icon.blurred span {
            filter: blur(2px); /* Blur the text label */
        }

        /* Window Styles */
        .window {
            position: absolute;
            background-color: #F8F8F8; /* Off-white */
            border: 1px solid #000000;
            box-shadow: 2px 2px 0px rgba(0,0,0,0.5); /* Classic window shadow */
            min-width: 722px;
            min-height: 462px;
            resize: both; /* Allow resizing */
            overflow: hidden; /* Hide scrollbars if content overflows */
            display: flex;
            flex-direction: column;
            z-index: 100; /* Default z-index */
        }

        .window.active {
            z-index: 200; /* Active window on top */
        }

        .window-title-bar {
            background-color: #000000; /* Black title bar */
            color: #F8F8F8; /* Off-white text */
            padding: 4px 8px;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: grab; /* Indicate draggable */
            border-bottom: 1px solid #000000;
            box-sizing: border-box; /* Include padding/border in width */
        }

        .window-title-bar:active {
            cursor: grabbing;
        }

        .window-title {
            flex-grow: 1;
            text-align: center;
            margin-left: 20px; /* Space for close button */
        }

        .window-controls {
            display: flex;
            gap: 4px;
        }

        .window-control-box {
            width: 14px;
            height: 14px;
            background-color: #F8F8F8; /* Off-white */
            border: 1px solid #000000;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            color: #000000;
        }

        .window-control-box:hover {
            background-color: #E0E0E0; /* Slightly darker off-white on hover */
        }

        .window-content {
            flex-grow: 1;
            padding: 10px;
            overflow-y: auto; /* Enable vertical scrolling for content */
            border-top: 1px solid #000000; /* Separator from title bar */
            box-sizing: border-box;
            background-color: #F8F8F8; /* Off-white */
        }

        /* Terminal specific styles */
        .window.terminal-window .window-content {
            background-color: #000000; /* Black background for terminal */
            color: #F8F8F8; /* White text for terminal */
            font-family: 'Monaco', 'Lucida Console', monospace;
            font-size: 12px;
            padding: 5px;
            white-space: pre-wrap; /* Preserve whitespace and wrap text */
            overflow-y: auto;
        }

        /* Window Status Bar (bottom) */
        .window-status-bar {
            border-top: 1px solid #000000;
            background-color: #F8F8F8; /* Off-white */
            padding: 4px 8px;
            font-size: 12px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .window-status-bar .resize-handle {
            width: 12px;
            height: 12px;
            border-bottom: 2px solid #000000;
            border-right: 2px solid #000000;
            cursor: nwse-resize;
            margin-left: auto; /* Push to the right */
        }

        /* Scrollbar styles */
        .window-content::-webkit-scrollbar {
            width: 12px;
            height: 12px;
        }

        .window-content::-webkit-scrollbar-track {
            background: #E8E8E8; /* Lighter grey */
            border: 1px solid #000000;
        }

        .window-content::-webkit-scrollbar-thumb {
            background: #D0D0D0; /* Desktop grey */
            border: 1px solid #000000;
        }

        .window-content::-webkit-scrollbar-corner {
            background: #E8E8E8; /* Lighter grey */
        }

        /* Specific icon positioning */
        #about-us-icon { top: 20px; right: 20px; }
        #pulse-icon { top: 100px; right: 20px; }
        #luv-icon { top: 180px; right: 20px; } /* Position LUV below PULSE */
        #trash-icon { bottom: 20px; right: 20px; }

        /* Shutdown animation styles */
        @keyframes fadeOut {
            from { opacity: 1; }
            to { opacity: 0; }
        }

        .shutdown-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000000;
            color: #F8F8F8;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2em;
            z-index: 9999;
            animation: fadeOut 2s forwards; /* Fade out after a delay */
            animation-delay: 2s; /* Start fading out after 2 seconds */
            opacity: 1; /* Ensure it starts visible */
        }

        /* New overlay effects */
        .scanlines-overlay {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            pointer-events: none;
            background: repeating-linear-gradient(
                transparent, transparent 3px,
                rgba(0,255,0,0.05) 3px,
                rgba(0,255,0,0.05) 4px
            );
            animation: scanlineMove 2s linear infinite;
            z-index: 9991;
        }

        @keyframes scanlineMove {
            from { background-position: 0 0; }
            to { background-position: 0 100%; }
        }

        .flicker-overlay {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            pointer-events: none;
            animation: flickerAnimation 3s infinite;
            z-index: 9990;
        }

        @keyframes flickerAnimation {
            0% { opacity: 0.98; }
            50% { opacity: 1; }
            100% { opacity: 0.98; }
        }

        .vignette-overlay {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            pointer-events: none;
            background: radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,0.4));
            z-index: 9992;
        }

        /* New overlay effect for TV scan */
        .tv-scan-overlay {
            position: fixed;
            top: -100%;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            background: linear-gradient(to bottom, transparent 0%, rgba(255,255,255,0.1) 50%, transparent 100%);
            animation: tvScan 2s linear infinite;
            z-index: 9993;
        }
        @keyframes tvScan {
            0% { top: -100%; }
            50% { top: 0%; }
            100% { top: 100%; }
        }

        /* Reduce size of images in folders (e.g. in About Us) */
        .folder-image {
            max-width: 300px;
            height: auto;
        }

        /* NEW: News item styles for newsroom */
.news-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.news-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px;
    border-bottom: 1px solid #000000; /* Separator line */
}

.news-item:last-child {
    border-bottom: none;
}

.news-icon {
    width: 20px; /* Small image size */
    height: auto;
    margin-right: 10px;
}

/* NEW: Trash folder styles */
.trash-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.trash-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px;
    border-bottom: 1px solid #000000; /* Separator line */
}
.trash-item:last-child {
    border-bottom: none;
}
.trash-icon {
    width: 20px; /* Small image size */
    height: auto;
    margin-right: 10px;
}

/* Responsive styles */
@media only screen and (max-width: 768px) {
    /* Allow scrolling on small screens */
    body {
        overflow: auto;
    }
    /* Adjust window size for smaller screens */
    .window {
        min-width: 320px;
        width: 100%;
        height: auto;
    }
    /* Adjust desktop area */
    .desktop {
        overflow: auto;
    }
    /* Adjust desktop icons */
    .desktop-icon {
        width: 50px;
        padding: 3px;
    }
    .desktop-icon img {
        width: 30px;
        height: 30px;
    }
    .desktop-icon span {
        font-size: 10px;
    }
    /* Adjust window title bar and content for smaller screens */
    .window-title-bar {
        font-size: 12px;
    }
    .window-content {
        padding: 5px;
    }
    /* Adjust menu bar font size */
    .menu-bar {
        font-size: 12px;
    }
}