/* Keyboard and Mouse Theme Fix */
.theme-light .keyboard {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
}
.theme-dark .keyboard {
  background: #23272e !important;
  border-color: #334155 !important;
}
.theme-light .mouse {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
}
.theme-dark .mouse {
  background: #23272e !important;
  border-color: #334155 !important;
}
.theme-light .key {
  background: #cbd5e1 !important;
}
.theme-dark .key {
  background: #334155 !important;
}
.theme-light .mouse > div {
  background: #cbd5e1 !important;
}
.theme-dark .mouse > div {
  background: #334155 !important;
}
body.theme-dark {
  background-color: #181c23 !important;
  color: #f3f4f6 !important;
}
body.theme-light {
  background-color: #f8f8f5 !important;
  color: #23272e !important;
}
/* Custom styles for Dev Space Desk Scene */

body {
  font-family: 'Montserrat', sans-serif;
}

/* Desk shadow for realism */
.desk-shadow {
  filter: blur(6px);
  opacity: 0.12;
}

/* Monitor code area for smooth font rendering */
#monitor-code {
  font-variant-ligatures: none;
  -webkit-font-smoothing: antialiased;
}

/* Hide scrollbars in code area */
#monitor-code::-webkit-scrollbar {
  display: none;
}

/* Plant leaves absolute fix */
.plant-leaf {
  position: absolute;
}

/* Pen styles */
.pen {
  border-radius: 9999px;
}

/* Small-screen vertical tweak: lift the scene a bit to reduce top space on mobile */
@media (max-width: 640px) {
  main {
    transform: translateY(-4vh);
  }
}