/* Vaporwave desktop background (tiling pastel vaporwave) */
body {
  /* use a pastel vaporwave background image hosted locally */
  background: url('vaporwave_pastel.png') repeat fixed;
  padding: 16px;
}

/* Desktop icons layout */
.desktop-icons {
  display: grid;
  grid-template-columns: repeat(8, 96px);
  gap: 18px;
  margin-bottom: 16px;
}
.icon {
  width: 96px;
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 2px #000;
  font-size: 12px;
  text-decoration: none;
}
.icon img { display:block; margin:0 auto 6px; }

/* Window positions (drag-drop would need JS; we keep it simple) */
#welcome { position: relative; z-index: 2; margin-bottom: 12px; }
#links   { position: relative; z-index: 1; }

/* Vaporwave chrome strip inside windows */
.vapor-chrome {
  height: 10px;
  margin-bottom: 8px;
  /* pastel rainbow gradient for chrome strip */
  background: linear-gradient(90deg,
    #ffcfea, #afe9ff, #bfb9ff, #cbffe6, #feffbe, #ffcfea);
  filter: contrast(120%) saturate(120%);
}

/* Hero gif */
.hero-gif {
  width: 180px;
  margin-right: 12px;
  /* pastel pink dotted border instead of hot pink */
  border: 2px dotted #ffcfea;
  border-radius: 6px;
}

/* Fake taskbar */
.taskbar {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  /* pastel teal instead of grey */
  background: #cbffe6;
  border-top: 2px solid #fff;
  box-shadow: inset 0 2px #afe9ff, inset 0 -2px #fff;
}

.start-button {
  display: flex; align-items: center; gap: 6px;
  padding: 2px 8px;
  border: 2px outset #fff;
  /* pastel periwinkle for start button */
  background: #bfb9ff;
  font-weight: 700;
}
.start-button img { width: 16px; height: 16px; }

.task-items { display:flex; gap:6px; flex: 1 1 auto; }
.task {
  border: 2px outset #fff;
  /* pastel blue for task background */
  background: #afe9ff;
  padding: 2px 10px;
}

.tray {
  min-width: 80px;
  text-align: right;
  font-size: 12px;
  padding: 2px 6px;
  /* pastel lemon border and background for tray */
  border: 2px inset #bfb9ff;
  background: #feffbe;
}

/* Start menu */
.start-menu {
  position: fixed;
  left: 6px; bottom: 36px;
  display: none;
}
.start-menu.open { display: block; }
.start-menu .window { width: 220px; }
.start-menu .divider { border-top: 1px solid #999; margin: 6px 0; }

/* Small tweak to 98.css title bars so colors pop */
.title-bar-text { letter-spacing: .2px; }