body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background: linear-gradient(to right, #e0e0e0, #f8f8f8);
  color: #333;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.message-box {
  font-size: 1.5em;
  padding: 20px;
  margin: auto;
  width: 90%;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.language {
  margin-top: 10px;
  font-size: 0.9em;
  color: #555;
}
    a.open-modal { color: #007acc; cursor: pointer; text-decoration: underline; }
    .modal-backdrop {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100vw; height: 100vh;
      background: rgba(0,0,0,0.5);
      justify-content: center;
      align-items: center;
      z-index: 100;
    }
    .modal {
      background: #fff;
      border-radius: 8px;
      padding: 1.5em;
      max-width: 500px;
      width: 90%;
      box-shadow: 0 2px 10px rgba(0,0,0,0.3);
      position: relative;
    }
    .modal header {
      font-size: 1.25em;
      margin-bottom: 0.5em;
    }
    .modal .close-btn {
      position: absolute;
      top: 0.5em; right: 0.5em;
      background: none; border: none;
      font-size: 1.2em; cursor: pointer;
    }
blockquote { text-align: right; font-size: 12pt; font-feature-settings: "ss04"; position: fixed; bottom: 15px; right: 15px; margin: 0px; text-shadow: 0px 1px 1px white; color: #024; }
blockquote .author { font-style: italic; }
footer_line { text-align: center; font-size: 12pt; font-feature-settings: "ss04"; position: fixed; bottom: 1px; right: 45%; margin: 10px; text-shadow: 1px 1px 1px navy; color: #e3e3e3; }
footer_line .footer_line { font-style: bold; }
::-webkit-scrollbar {
height: 22px;
width: 22px;
background: silver;
}
::-webkit-scrollbar-thumb {
background: green;
-webkit-border-radius: 21px;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-corner {
background: red;
}
::-webkit-scrollbar-button {
background: navy;
}