/* Basic resets */
* { box-sizing: border-box; }
html,body { height:100%; margin:0; font-family: Tahoma, Verdana, sans-serif; }

/* Bliss background (replace with your own if you like) */
body {
  background: url('https://i.imgur.com/erKx2A4.jpg') center/cover no-repeat fixed;
  overflow: hidden;
}

/* Desktop container */
#desktop { width:100%; height:100%; position:relative; }

/* Desktop icon */
.desktop-icon {
  width:72px;
  text-align:center;
  color: #fff;
  position:absolute;
  top: 48px;
  left: 24px;
  cursor:pointer;
  user-select: none;
}
.desktop-icon img { width:48px; height:48px; display:block; margin:0 auto; filter: drop-shadow(0 1px 0 rgba(0,0,0,0.6)); }
.icon-label {
  margin-top:6px;
  font-size:12px;
  color:#fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.9);
  background: rgba(0,0,0,0.25);
  padding:2px 4px;
  border-radius:3px;
}

/* Start menu */
#start-menu {
  position:absolute;
  bottom:40px;
  left:8px;
  width:220px;
  background:#ece9d8;
  border:2px solid #000;
  box-shadow: 3px 3px 12px rgba(0,0,0,0.4);
  z-index:50;
}
.start-header { background:#0A246A; color:#fff; padding:8px; font-weight:bold; }
#start-menu ul { list-style:none; padding:0; margin:0; }
#start-menu li { border-top:1px solid #cfcfcf; }
#start-menu button {
  width:100%; text-align:left; border:none; background:none; padding:8px 10px; cursor:pointer;
  font-family: Tahoma; font-size:13px;
}

/* Taskbar */
#taskbar {
  position:absolute;
  left:0; right:0; bottom:0; height:40px;
  background:#0C3C7C; display:flex; align-items:center; padding:0 8px;
  color:#fff; justify-content:space-between; box-shadow: inset 0 1px #6ca0dc;
  z-index:40;
}
#start-button {
  background: linear-gradient(#d4d0c8,#b0aca4); border:1px solid #7f7f7f; padding:4px 12px; font-weight:bold; cursor:pointer;
}
.task-windows { flex:1; margin-left:12px; display:flex; gap:6px; align-items:center; }
#taskbar-clock { width:90px; text-align:right; font-size:13px; padding-right:6px; }

/* Windows */
.window {
  position:absolute;
  width:420px;
  min-height:160px;
  background:#ece9d8;
  border:2px solid #000;
  box-shadow: 6px 6px 0 rgba(0,0,0,0.4);
  z-index:20;
}
.title-bar {
  background: linear-gradient(90deg,#0a246a,#1e90ff);
  color:white; padding:6px 8px; display:flex; justify-content:space-between; align-items:center;
  cursor:move;
}
.title { font-weight:bold; }
.window-buttons { display:flex; gap:4px; }
.win-btn { background:#ece9d8; border:1px solid #000; width:28px; height:22px; cursor:pointer; font-weight:bold; }
.window-content { padding:12px; }

/* utility */
.hidden { display:none; }

/* simple context menu */
.context-menu {
  position:absolute;
  background:#ece9d8; border:2px solid #000; z-index:60; width:140px;
  box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}
.context-item { padding:8px 10px; cursor:pointer; border-top:1px solid #ccc; }
.context-item:hover { background:#cfe0ff; }

/* small responsive note */
@media (max-width:480px) {
  .window { width:90%; left:5% !important; top:60px !important; }
}