.theme-sunset { --bg-gradient: linear-gradient(135deg, #ff512f 0%, #dd2476 100%); --accent: #ffdde1; }
.theme-ocean { --bg-gradient: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%); --accent: #b2fefa; }
.theme-mint { --bg-gradient: linear-gradient(135deg, #a8ff78 0%, #78ffd6 100%); --text: #123524; --accent: #0f5132; }
.theme-dark { --bg-gradient: radial-gradient(circle at 50% 50%, #232526 0%, #414345 100%); --accent: #a29bfe; }

@media (min-width: 768px) {
  .apps-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 22px; }
  main { padding: 40px 32px 120px; }
}

@media (max-width: 380px) {
  .apps-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  #clock { font-size: 2.2rem; }
  header { justify-content: center; }
}