.menutopbar,.startmenu{display:flex;border-radius:5px 5px 0 0}.startmenu{position:absolute;bottom:calc(var(--taskbar-height) + 1px);left:0;width:335px;height:455px;flex-direction:column;background-color:var(--xp-bg-accent);border:1px solid rgb(0 0 0/30%);box-shadow:3px 4px 8px rgb(0 0 0/65%),0 0 4px rgb(0 0 0/40%),inset 0 0 55px rgb(255 255 255/8%);z-index:var(--z-startmenu);overflow:hidden;visibility:hidden;opacity:0;transition:opacity 0s,visibility 0s;transform:translateZ(0);will-change:opacity,visibility;cursor:default}.startmenu.active{visibility:visible;opacity:1;transition:opacity .1s ease,visibility 0s}.menutopbar{width:100%;height:51px;flex:0 0 51px;align-items:center;background:linear-gradient(to bottom,rgb(24 104 206)0,rgb(14 96 203) 12%,rgb(14 96 203) 20%,rgb(17 100 207) 32%,rgb(22 103 207) 33%,rgb(27 108 211) 47%,rgb(30 112 217) 54%,rgb(36 118 220) 60%,rgb(41 122 224) 65%,rgb(52 130 227) 77%,rgb(55 134 229) 79%,rgb(66 142 233) 90%,rgb(71 145 235) 100%);position:relative;box-shadow:inset 0-2px 3px rgb(10 36 106/40%)}.menutopbar::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(to right,rgb(255 140 0/10%)0,rgb(255 165 0/90%) 30%,rgb(255 165 0/90%) 70%,rgb(255 140 0/10%) 100%);box-shadow:0 1px 2px rgb(255 255 255/30%)}.userpicture{width:40px;height:40px;border-radius:3px;margin:7px 8px 8px;border:2px solid rgb(255 255 255/70%);box-shadow:0 0 0 1px rgb(0 95 184/60%),inset 0 0 2px 1px rgb(255 255 255/35%)}.username{font-size:13.5px;letter-spacing:.5px;font-weight:400;color:#fff;text-shadow:1px 1px 2px rgb(0 0 0/60%)}.start-menu-middle{display:flex;flex:1;width:100%;overflow:hidden;box-shadow:inset 0 6px 10px -6px rgb(0 0 0/30%)}.middle-left,.middle-right{width:52%;display:flex;flex-direction:column;background-color:#fff;box-shadow:inset -2px 0 3px -1px rgb(0 0 0/15%),inset 0 3px 4px -3px rgb(0 0 0/20%)}.middle-right{width:48%;background-color:#d2e5fa;border-left:1px solid #a6bbd6;box-shadow:inset 2px 0 3px -1px rgb(255 255 255/70%),inset 0 3px 4px -3px rgb(0 0 0/15%)}.middle-right .menu-items{display:flex;flex-direction:column;height:100%;justify-content:flex-start}.middle-right .menu-items::after{content:"";flex:1;min-height:139px}.menu-items{list-style:none;padding:0;margin:0;width:100%}.middle-left .menu-items{flex:1;display:flex;flex-direction:column;overflow:hidden}.menu-item{display:flex;align-items:center;width:100%;padding:6px 8px;margin:0;box-sizing:border-box;transition:background-color .05s ease}.middle-left .menu-item{flex:1;padding:4px 8px}.middle-right .menu-item{height:35px;min-height:35px;max-height:35px;padding:8px 7.5px 8px 9px}.middle-right .menu-item img{width:25px;height:25px;margin-right:7px;margin-left:1px}.middle-right .menu-item .item-title{font-size:11.5px;letter-spacing:normal}.menu-item:hover{background-color:#2f71cd;color:#fff;box-shadow:inset 0 0 5px rgb(0 0 0/20%),0 0 1px rgb(255 255 255/30%)}.menu-item:hover .item-description,.menu-item:hover .item-title{color:#fff!important;transition:color .05s ease;text-shadow:0 0 1px rgb(0 0 0/30%)}.menu-item .item-description,.menu-item .item-title,.menu-item img{transition:color .05s ease,filter .05s ease}.middle-left .menu-item img{width:30px;height:30px;margin-right:7px;filter:drop-shadow(1px 1px 1px rgb(0 0 0/30%))}.item-content{display:flex;flex-direction:column;justify-content:center}.item-description,.item-title{font-size:12px;letter-spacing:normal;font-weight:400}.item-description{font-size:9.5px;color:#777;line-height:1.2;margin-top:1px}#menu-contact .item-title,#menu-internet .item-title,.middle-right #menu-behance .item-title,.middle-right #menu-github .item-title,.middle-right #menu-sharebird .item-title,.middle-right #menu-linkedin .item-title,.middle-right #menu-program4 .item-title{font-weight:400}.menu-divider{list-style:none;padding:0;margin:0}.divider{width:100%;height:1px;background:linear-gradient(to right,transparent 0,#d2d2d2 50%,transparent 100%);border:0;margin:0;padding:0}.middle-left .menu-divider{height:1px;flex:0 0 auto}.all-programs-container{flex:0 0 35px;width:100%;display:flex;flex-direction:column}.all-programs-button{display:flex;justify-content:center;align-items:center;width:100%;height:35px;font-weight:400;font-size:12px;box-shadow:inset 0 1px 1px rgb(255 255 255/30%);padding-left:10px}.all-programs-button span{margin-right:10px;line-height:18px}.all-programs-button img{width:18px;height:18px}.all-programs-button:hover{background-color:#2f71cd;color:#fff;box-shadow:inset 0 0 5px rgb(0 0 0/20%),0 0 2px rgb(255 255 255/20%)}.footer-buttons,.start-menu-footer{display:flex;position:relative;align-items:center}.start-menu-footer{width:100%;flex:0 0 46px;height:46px;background-color:#0f61cb;justify-content:flex-end;border-bottom-right-radius:0;border-top:1px solid rgb(0 0 0/30%);box-shadow:inset 0 1px 4px rgb(0 0 0/20%)}.start-menu-footer::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgb(66 142 233)0,rgb(55 134 229) 10%,rgb(52 130 227) 21%,rgb(41 122 224) 35%,rgb(36 118 220) 40%,rgb(30 112 217) 46%,rgb(27 108 211) 53%,rgb(22 103 207) 67%,rgb(17 100 207) 68%,rgb(14 96 203) 80%,rgb(14 96 203) 88%,rgb(24 104 206) 100%);z-index:0}.footer-buttons{height:100%;padding-right:2px;z-index:1}.footer-button{display:inline-flex;align-items:center;height:30px;padding:0;margin:0 5px;color:#fff;font-size:12.5px;text-shadow:1px 1px 1px rgb(0 0 0/40%);box-shadow:none;transition:none}.footer-button>img{pointer-events:none}.footer-button span{padding:0 6px}.footer-button img{width:24px;height:24px;border-radius:3px;box-shadow:none;transition:filter .1s ease}.footer-button:hover{box-shadow:none;background-color:transparent}.footer-button:hover img{filter:brightness(1.2)}.all-programs-menu,.recently-used-menu{position:absolute;width:180px;background:#f2f2f2;border:1px solid #d0d0d0;box-shadow:2px 2px 5px rgba(0,0,0,.15);z-index:calc(var(--z-startmenu) + 1);padding:2px;min-width:170px;display:none}.all-programs-menu::before,.recently-used-menu::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#1c57ad 0,#2a70ce 50%,#5b9fe2 100%);z-index:1}.all-programs-items,.recently-used-items{list-style:none;margin:0;padding:0;max-height:380px;overflow-y:auto;width:100%}.all-programs-item,.recently-used-item{position:relative;display:flex;align-items:center;padding:3px 8px 3px 30px;margin:0;font-size:11px;color:#000;border:0;white-space:nowrap;min-height:20px;width:100%;box-sizing:border-box;cursor:default}.all-programs-item>img,.recently-used-item>img{pointer-events:none}.all-programs-item:hover,.recently-used-item:hover{background-color:#2f71cd;color:#fff;padding-left:30px}.all-programs-item::after,.recently-used-item::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:-1;transition:background-color .05s ease}.all-programs-item:hover::after,.recently-used-item:hover::after{background-color:#2f71cd}.all-programs-item:hover::before,.recently-used-item:hover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:30px;background-color:#2f71cd;z-index:1;transition:background-color .05s ease}.all-programs-item *,.recently-used-item *{transition:color .05s ease;z-index:2}.all-programs-item:hover *,.recently-used-item:hover *{color:#fff;filter:brightness(1.1)}.all-programs-item img,.recently-used-item img{width:16px;height:16px;position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:2}.all-programs-item.disabled,.recently-used-item.disabled{color:#777!important;opacity:.95!important;background:0 0!important;filter:grayscale(.15)!important;box-shadow:none!important;position:relative}.all-programs-item.disabled:focus,.all-programs-item.disabled:hover,.recently-used-item.disabled:focus,.recently-used-item.disabled:hover{background:0 0!important;color:#777!important;filter:grayscale(.15)!important;box-shadow:none!important}.all-programs-item.disabled::after,.all-programs-item.disabled::before,.all-programs-item.disabled:hover::after,.all-programs-item.disabled:hover::before,.recently-used-item.disabled::after,.recently-used-item.disabled::before,.recently-used-item.disabled:hover::after,.recently-used-item.disabled:hover::before{background:0 0!important;content:none!important;box-shadow:none!important}.all-programs-item.disabled img,.recently-used-item.disabled img{filter:grayscale(.15)!important;opacity:.8!important}.all-programs-item.disabled:hover img,.recently-used-item.disabled:hover img{filter:grayscale(100%) opacity(.8)}.all-programs-separator,.recently-used-separator{height:1px;background-color:#e0e0e0;padding:0;border:0;flex-shrink:0;width:calc(100% - 2px);margin:3px 0 3px 1px}.mut-menu-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%) scaleX(.5);font-size:10px;color:inherit}.active-submenu-trigger{background-color:#e5f3ff}.middle-right .menu-item#menu-internet,.middle-right .menu-item#menu-program1,.middle-right .menu-item#menu-program2,.middle-right .menu-item#menu-program3,.middle-right .menu-item#menu-program4,.middle-right .menu-item#menu-program5,.middle-right .menu-item#menu-program6{padding:8px 7.5px 8px 9px;height:35px;flex:0 0 35px;box-sizing:border-box}.middle-right .menu-item#menu-program1 .item-title,.middle-right .menu-item#menu-program2 .item-title,.middle-right .menu-item#menu-program3 .item-title,.middle-right .menu-item#menu-program4 .item-title,.middle-right .menu-item#menu-program5 .item-title,.middle-right .menu-item#menu-program6 .item-title{font-weight:400}.middle-right .menu-item#menu-internet .item-title{font-weight:400}.right-section-divider{list-style:none;padding:0;height:1px;flex:0 0 auto;width:70%;margin:0 auto}.right-section-divider .divider{width:100%;height:1px;background:linear-gradient(to right,transparent 0,#94bddf 50%,transparent 100%);border:0;margin:0;padding:0}.middle-right .right-section-divider,.middle-right .right-section-divider .divider{display:block}@media (max-width:768px){.menu-item.disabled{opacity:.5;pointer-events:none;cursor:default;filter:grayscale(1)}.startmenu{height:425px}.startmenu .item-right,.startmenu .menu-item{height:calc(35px - 2px);min-height:calc(35px - 2px);line-height:calc(32px - 2px)}.middle-right .menu-item{height:35px;min-height:35px;max-height:35px}.item-title{margin-bottom:0;line-height:1}.item-description{margin-top:.35em;line-height:1}.item-content{gap:0;padding:0}}

/* Desktop-specific styles - 10% larger */
@media (min-width:769px){
  .startmenu{width:405px;height:550px}
  .menutopbar{height:62px;flex:0 0 62px}
  .userpicture{width:48px;height:48px;margin:9px 10px 10px}
  .username{font-size:16.5px}
  .menu-item{padding:8px 10px}
  .middle-left .menu-item{padding:4px 10px}
  .middle-right .menu-item{height:42px;min-height:42px;max-height:42px;padding:10px 9px 10px 11px}
  .middle-right .menu-item img{width:31px;height:31px;margin-right:9px;margin-left:1px}
  .middle-right .menu-item .item-title{font-size:14px}
  .middle-left .menu-item img{width:36px;height:36px;margin-right:9px}
  .item-title{font-size:14px}
  .item-description{font-size:11px}
  .all-programs-container{flex:0 0 42px}
  .all-programs-button{height:42px;font-size:14px}
  .all-programs-button span{margin-right:12px;line-height:22px}
  .all-programs-button img{width:22px;height:22px}
  .start-menu-footer{flex:0 0 56px;height:56px}
  .footer-button{height:36px;font-size:15px}
  .footer-button span{padding:0 8px}
  .footer-button img{width:29px;height:29px}
  .all-programs-menu,.recently-used-menu{width:218px;min-width:206px}
  .all-programs-item,.recently-used-item{padding:3px 10px 3px 36px;font-size:13px;min-height:24px}
  .all-programs-item img,.recently-used-item img{width:20px;height:20px;left:10px}
  .all-programs-item:hover,.recently-used-item:hover{padding-left:36px}
  .all-programs-item:hover::before,.recently-used-item:hover::before{width:36px}
  .mut-menu-arrow{right:10px;font-size:12px}
}.menu-items .menu-divider .divider{width:100%;margin-left:0;margin-right:0;display:block}.divider-darkblue .divider{background:linear-gradient(to right,transparent 0,#a1c4fc 50%,transparent 100%)}.startmenu .menu-item.disabled{opacity:.9!important;pointer-events:none!important;filter:grayscale(.5)!important}.startmenu .menu-item.disabled,.startmenu .menu-item.disabled:active,.startmenu .menu-item.disabled:hover{background-color:transparent!important;box-shadow:none!important}.startmenu .menu-item.disabled .item-description,.startmenu .menu-item.disabled .item-title{color:#666!important;text-shadow:none!important}.startmenu .menu-item.disabled img{filter:grayscale(.5) opacity(.9)!important}.menu-item.menu-item-clicked{background-color:#1e5fa9;color:#fff;box-shadow:inset 1px 1px 3px rgba(0,0,0,.3)}.projects-bold{font-weight:400}

/* Increased opacity for specific menu items */
.startmenu .menu-item[data-program-name="my-pictures"],
.startmenu .menu-item[data-program-name="mediaPlayer"],
.startmenu .menu-item[data-program-name="notepad"],
.startmenu .menu-item[data-program-name="cmd"] {
  opacity: 0.85 !important;
}

.startmenu .menu-item[data-program-name="my-pictures"] img,
.startmenu .menu-item[data-program-name="mediaPlayer"] img,
.startmenu .menu-item[data-program-name="notepad"] img,
.startmenu .menu-item[data-program-name="cmd"] img {
  opacity: 0.85 !important;
}