/* ...existing code... */
@import url('https://fonts.googleapis.com/css2?family=Sour+Gummy:wght@400;700&display=swap');

        * {
            margin: 0;
            padding: 0;
        }

        body {
            font-family: "Segoe UI", Tahoma, sans-serif;
             background-image: url('wallpaper.jpg');
            background-size: cover;
            overflow-x: hidden;
            height: 100vh;
            position: relative;
        }

        .desktop {
            position: relative;
            width: 100%;
            height: calc(100vh - 40px);
            padding: 10px;
        }

        .window {
            position: absolute;
            min-width: 300px;
            max-width: 90vw;
            z-index: 1;
            display: none;
            box-sizing: border-box;
        }

        .window.active {
            display: block;
        }

        .window.focused {
            z-index: 100;
        }

        .title-bar {
            cursor: move;
            user-select: none;
        }

        .resize-handle {
            position: absolute;
            background: transparent;
        }

        .resize-handle.right {
            right: 0;
            top: 0;
            width: 5px;
            height: 100%;
            cursor: e-resize;
        }

        .resize-handle.bottom {
            bottom: 0;
            left: 0;
            width: 100%;
            height: 5px;
            cursor: s-resize;
        }

        .resize-handle.corner {
            right: 0;
            bottom: 0;
            width: 15px;
            height: 15px;
            cursor: se-resize;
        }

        .window-body {
            max-height: none;
            height: calc(100% - 33px);
            overflow-y: auto;
        }

        #left-sidebar {
            left: 10px;
            top: 10px;
            width: 200px;
        }

        #main-panel {
            left: 230px;
            top: 10px;
            width: calc(100vw - 470px);
            min-width: 400px;
        }

        #right-sidebar {
            right: 10px;
            top: 10px;
            width: 200px;
        }

        .sidebar-content {
            padding: 10px;
        }

        .main-content {
            padding: 20px;
        }

        .menu-item {
            padding: 8px;
            cursor: pointer;
            border-radius: 0;
            transition: background 0.15s ease;
        }

.menu-item:hover {
    background: linear-gradient(to bottom, #ffe8f5 0%, #ffc9e8 50%, #ffb3e0 100%);
    border: 1px solid #ff69b4;
    padding: 7px;
}
        h3 {
            margin-bottom: 10px;
            padding: 10px;
        }

        p {
            margin-bottom: 10px;
            line-height: 1.5;
            padding: 10px;
        }

        /* Windows 7 Style Taskbar */
        .taskbar {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            height: 40px;
            background: linear-gradient(to bottom, rgba(255,105,180,0.5) 0%, rgba(255,20,147,0.7) 100%);
            backdrop-filter: blur(10px);
            border-top: 1px solid rgba(255,182,193,0.3);
            display: flex;
            align-items: center;
            padding: 0 8px;
            z-index: 1000;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
        }

.start-button {
    height: 42px;
    width: 43px;
    background: transparent;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 8px;
    transition: all 0.2s;
}

.start-button:hover {
    background: transparent;
    box-shadow: none;
}

.start-button:active {
    background: transparent;
}

.start-icon {
    width: 50px;
    height: 50px;
    background-image: url('orbinactive.png');
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 0.1s ease;
}

.start-icon::after {
    content: none; /* Remove the Windows logo overlay */
}

/* Hover state */
.start-button:hover .start-icon {
    background-image: url('orbhover.png');
}

/* Active/pressed state */
.start-button:active .start-icon {
    background-image: url('orbactive.png');
}

/* When start menu is open, keep pressed state */
.start-menu.active ~ .taskbar .start-button .start-icon,
.start-button.menu-open .start-icon {
    background-image: url('orbactive.png');
}

/* Override hover when menu is open */
.start-button.menu-open:hover .start-icon {
    background-image: url('orbactive.png');
}

        .taskbar-divider {
            width: 1px;
            height: 28px;
            background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.2), transparent);
            margin: 0 4px;
        }

        .taskbar-items {
            display: flex;
            gap: 4px;
            flex: 1;
        }

        .taskbar-window {
            height: 34px;
            min-width: 160px;
            max-width: 200px;
            background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 50%, rgba(0,0,0,0.05) 100%);
            border: 1px solid rgba(255,255,255,0.15);
            border-radius: 3px;
            display: flex;
            align-items: center;
            padding: 0 10px;
            cursor: pointer;
            color: white;
            font-size: 11px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: all 0.2s;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
        }

        .taskbar-window.active {
            background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 50%, rgba(0,0,0,0.1) 100%);
            border-bottom: 2px solid #ff69b4;
            box-shadow: inset 0 1px 3px rgba(255,255,255,0.2);
        }

        .taskbar-window:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.15) 50%, rgba(0,0,0,0.05) 100%);
        }

        .system-tray {
            margin-left: auto;
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 0 12px;
            height: 100%;
            border-left: 1px solid rgba(255,255,255,0.1);
        }

        .tray-icon {
            width: 16px;
            height: 16px;
            background: rgba(255,255,255,0.7);
            border-radius: 2px;
            cursor: pointer;
            transition: all 0.2s;
        }

        .tray-icon:hover {
            background: rgba(255,255,255,0.9);
        }

        .clock {
            color: white;
            font-size: 11px;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
            cursor: default;
            padding: 0 4px;
        }

        .show-desktop {
            width: 8px;
            height: 100%;
            border-left: 1px solid rgba(255,255,255,0.2);
            margin-left: 8px;
            cursor: pointer;
            transition: all 0.2s;
        }

        .show-desktop:hover {
            background: rgba(255,255,255,0.1);
        }

 /* Start Menu */
        .start-menu {
            border: solid 1px #102a3e;
            overflow: visible;
            display: none;
            position: fixed;
            bottom: 40px;
            left: 0;
            border-radius: 5px;
            box-shadow: inset 0 0 1px #fff;
            background-color: #619bb9;
            background: linear-gradient(to bottom, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
            z-index: 999;
        }

        .start-menu.active {
            display: flex;
        }

        .start-menu-left {
            background: #fff;
            border: solid 1px #365167;
            margin: 7px 0 7px 7px;
            box-shadow: 0 0 1px #fff;
            border-radius: 3px;
            padding: 0;
        }

        .start-menu-user {
            padding: 10px;
            border-bottom: 1px solid #e0e0e0;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .start-menu-user-icon {
            width: 40px;
            height: 40px;
            background: linear-gradient(135deg, #ff69b4 0%, #ff1493 100%);
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
        }

        .start-menu-user-name {
            font-size: 12px;
            font-weight: 600;
            color: #333;
        }

        .start-menu-programs {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .start-menu-item {
            border: solid 1px transparent;
            padding: 3px;
            margin: 3px;
            color: #4b4b4b;
            text-decoration: none;
            min-width: 220px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .start-menu-item:hover {
            border: solid 1px #7da2ce;
            border-radius: 3px;
            box-shadow: inset 0 0 1px #fff;
            background-color: #cfe3fd;
            background: linear-gradient(to bottom, #dcebfd, #c2dcfd);
        }

        .start-menu-item-icon {
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
        }

        .start-menu-right {
            margin: 7px;
            display: flex;
            flex-direction: column;
            min-width: 150px;
        }

        .start-menu-search {
            display: none;
        }

        .start-menu-separator {
            height: 1px;
            background: #ddd;
            margin: 3px;
        }

        .start-menu-footer {
            margin-top: auto;
            padding: 0;
            list-style: none;
        }

        .start-menu-footer-item {
            border: solid 1px transparent;
            display: block;
            margin: 5px 0;
            position: relative;
            color: #fff;
            text-decoration: none;
            cursor: pointer;
        }

        .start-menu-footer-item:hover {
            border: solid 1px #000;
            border-radius: 3px;
            box-shadow: 0 0 1px #fff;
            background-color: #658da0;
            background: linear-gradient(to right, rgba(81,115,132,0.55), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55));
        }

        .start-menu-footer-item span {
            padding: 5px;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 12px;
        }

        .start-menu-footer-item:hover span {
            background: linear-gradient(to bottom, transparent, transparent 49%, rgba(2,37,58,0.5) 50%, rgba(63,111,135,0.5));
        }

        .start-menu-footer-item .start-menu-item-icon {
            font-size: 14px;
        }

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/nature/nat-11/nat1028.ani), url(https://cur.cursors-4u.net/nature/nat-11/nat1028.gif), auto !important;} /* End https://www.cursors-4u.com */
/* ...existing code... */