body {
      font-family: Arial, sans-serif;
      background: url("../assets/background.jpg") no-repeat center center fixed;
      background-size: cover;
      margin: 20px;
    }

    .container {
      max-width: 750px;
      margin: 0 auto;
      background-size: cover;
      padding: 20px;
      border-radius: 12px;
      box-shadow: 0 0 20px rgba(0,0,0,0.35);
      border: 1px solid rgba(0,0,0,0.15);
    }

    /* DARK ORNATE TITLE */
    h1 {
      font-family: 'Cinzel', serif;
      font-size: 48px;
      text-align: center;
    }

    /* Decorative flourish */
    .title-flourish {
      font-family: 'Great Vibes', cursive;
      font-size: 38px;
      text-align: center;
      color: rgba(110, 84, 3, 0.589);
      margin-top: -10px;
      margin-bottom: 25px;
    }

    label {
      display: block;
      margin-top: 10px;
      font-weight: bold;
    }

    select, input[type="text"] {
      width: 100%;
      padding: 6px;
      margin-top: 4px;
      box-sizing: border-box;
    }

    button {
      margin-top: 15px;
      padding: 8px 16px;
      cursor: pointer;
    }

    .result {
      margin-top: 20px;
      padding: 15px;
      background: #f9f9f9;
      border-left: 4px solid #333;
      border-radius: 6px;
      white-space: pre-wrap;
      font-size: 1.05em;
      line-height: 1.45em;
    }

    .searchResult {
      padding: 6px;
      margin: 6px 0;
      background: #f0f0f0;
      border-left: 3px solid #666;
      cursor: pointer;
      border-radius: 4px;
    }

    .searchError {
      background: #ffe5e5;
      border-left: 3px solid #cc0000;
    }