* {
            margin: 0;
            padding: 0;

            font-family: 'Inter', sans-serif;
        }

        html, body {
            height: 100%;
            -webkit-text-size-adjust: 100%;
            text-size-adjust: 100%;
        }

        body {

            padding: 0;
            display: flex;
            flex-direction: column;
            min-height: 100vh;


        }
  input[type="text"] {
  outline-color: #ff69b4 !important;
}
  select:focus {
  border: dashed 1.5px #ff69b4 !important;
  outline: none !important;
}
    .random-body-92 {    
      font-family: 'Segoe UI', sans-serif;    
      
      
      background: linear-gradient(to bottom right, #ffdee9, #b5fffc);    
      margin: 0;    
      padding: 20px;    
      display: flex;    
      flex-direction: column;    
      align-items: center;    
    }    
    h1.random-title-64 {    
      color: #333;    
    }    
    .random-box-22 {    
      background: #fff;    
      padding: 20px;    
      border-radius: 12px;    
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);    
      max-width: 500px;    
      width: 90%;    
      margin-left: 10px;
      margin-right: 10px;
    }    
    .random-input-11 {    
      width: 45%;    
      padding: 10px;    
      margin: 10px 10;    
      border: 1px solid #ffc2d1 !important;
      border-radius: 8px;    
        
      font-size: 16px;    
    }    
    .random-select-15 {  
      width: 45%;
padding: 10px;
margin: 10px 10;
margin-left: 10px;

border-radius: 8px;
border:  !important;
font-size: 16px;

      
    }
    .random-button-30 { 
      background-color: #ff69b4;
      float: right;
padding: 10px;
margin: 30px 30px;
border-radius: 8px;
border: 1px solid #ccc;
font-size: 16px;

      }
    
    
  #generated-shayari-77 {    
  margin-top: 15px;    
  padding: 15px;    
  background: #f0f0f0;    
  border-left: 4px solid #ff69b4;    
  border-radius: 6px;    
  font-family: 'Merriweather', serif;    
  font-size: 15px;    
  font-weight: bold;    
  line-height: 1.6;    
}    
    .random-btn-group-51 {    
      display: flex;    
      gap: 10px;    
      margin-top: 10px;    
    }    
    .copy-btn-60, .share-btn-61 {    
      flex: 1;    
      background-color: #ff69b4;    
      color: white;    
      border: none;    
      cursor: pointer;    
      display: flex;    
      align-items: center;    
      justify-content: center;    
      gap: 6px;    
      border-radius: 6px;    
      padding: 10px;    
    }    
    .copy-btn-60:hover, .share-btn-61:hover {    
      background-color: #e055a5;    
    }    
    .copy-btn-60:disabled,    
    .share-btn-61:disabled {    
      background-color: #ccc;    
      cursor: not-allowed;    
    }    
    #how-to-use-88 {
  max-width: 400px;
  background: #fff8f8;
  padding: 15px 20px;
  margin-top: 20px;
  border-radius: 10px;
  border: 1px solid #ffc2d1;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  font-family: 'Segoe UI', sans-serif;
}

#how-to-use-88 h2 {
  font-size: 18px;
  color: #d63384;
  margin-bottom: 10px;
}

#how-to-use-88 ol {
  padding-left: 18px;
  color: #444;
}

#how-to-use-88 ol li {
  margin-bottom: 8px;
  line-height: 1.5;
}