 body {
      font-family: Arial, sans-serif;
      background: linear-gradient(-45deg, #667eea, #764ba2, #f093fb, #f5576c, #4facfe, #00f2fe);
      background-size: 400% 400%;
      animation: gradientMove 15s ease infinite;
      color: white;
      overflow-x: hidden;
      user-select: none;
    }

    @keyframes gradientMove {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    .pixelated {
      image-rendering: pixelated;
    }

    #toast {
      position: fixed;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(62, 142, 65, 0.9);
      border: 2px solid #2d6a30;
      padding: 10px 20px;
      border-radius: 5px;
      color: white;
      opacity: 0;
      transition: opacity 0.3s ease;
      z-index: 1000;
    }

    #toast.show { opacity: 1; }

    .view-option.active {
      font-weight: bold;
      color: #00ffcc;
    }

    .skin-card {
      cursor: grab;
      transition: transform 0.2s ease;
      position: relative;
    }

    .skin-card:active {
      cursor: grabbing;
    }

    .skin-card.swiping {
      transition: none;
    }

    .feedback-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 4rem;
      opacity: 0;
      transition: opacity 0.3s ease, transform 0.3s ease;
      pointer-events: none;
      z-index: 10;
    }

    .feedback-icon.show {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1.2);
    }

    .feedback-icon.like { color: #10b981; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }
    .feedback-icon.nope { color: #ef4444; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }

    @keyframes floatParticle {
      0% { transform: translateY(100vh) rotate(0deg); }
      100% { transform: translateY(-10vh) rotate(360deg); }
    }

    @media (max-width: 640px) {
      body { padding: 1rem; }
      .skin-card { margin-bottom: 2rem; }
      .feedback-icon { font-size: 3rem; }
    }