/**
 * Main sender CSS.
 */
@font-face {
        font-family: 'Dot';
        src: url('/dot.ttf');
      }
      body {
        background:#000;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-family: 'Dot', 'Cabin Condensed', Arial, sans-serif;
      }
      .glass {
        background: rgba(255,255,255,0.10);
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
        backdrop-filter: blur(18px) saturate(180%);
        -webkit-backdrop-filter: blur(18px) saturate(180%);
        border-radius: 18px;
        border: 1px solid rgba(255,255,255,0.12);
        padding: 2em 2.5em 2em 2.5em;
        margin: 2em 0;
        max-width: 350px;
        width: 100%;
        color: #fff;
        text-align: center;
        box-shadow: 0 4px 24px 0 rgba(0,0,0,0.12);
      }
      h1 {
        font-size: 2.2em;
        margin-bottom: 0.5em;
        letter-spacing: 0.04em;
        color: #ffffff;
        text-shadow: 0 2px 8px #0008;
      }
      label, p {
        color: #ffffff;
        font-size: 1.1em;
      }
      input {
        width: 100%;
        padding: 0.5em 0.7em;
        margin-top: 0.3em;
        margin-bottom: 1em;
        font-size: 1.1em;
        background: #ffffff22 !important;
        border: 1px solid #ffffff55;
        box-shadow: 0 2px 8px #0002;
        color: #fff;
      }
      input::placeholder {
        color: #e0e0e0;
        opacity: 0.7;
      }
      button {
        background: #060;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
        box-shadow: 0 2px 8px #0002;
        border: none;
        letter-spacing: 0.04em;
        padding: 0.6em 1.2em;
        font-size: 1.1em;
        border-radius: 8px;
        transition: background 0.2s, box-shadow 0.2s;
      }
      button:hover {
        background: rgb(0, 206, 0);
        box-shadow: 0px 0px 16px rgb(0, 255, 0);
      }
      #kill {
        background: #e74c3c;
        color: #fff;
        margin-top: 0.5em;
      }
      #kill:hover {
        background: #c0392b;
        box-shadow: 0px 0px 16px #e74c3c;
      }
      #kill:disabled {
        opacity: 0.5;
        cursor: not-allowed;
      }
      #post-note {
        font-size: 0.95em;
        color: #ffb;
        margin-top: 1em;
      }

p {
  font-size: 12pt;
}
#dashboard {
  width: 100%;
  height: 100%;
  border: 0;
}

.receiver {
  margin: 10px 0;
  border: 1px solid #666;
  box-shadow: 0 0 15px #666;
  border-radius: 5px;
  padding: 5px;
}
.receiver legend {
  padding: 2px 10px;
  background-color: #eee;
  border: 1px solid #666;
  border-radius: 5px;
}
.receiver-list {
  list-style: none;
  padding-left: 0px;
  margin: 3px;
}
#kill:disabled {
  display: none;
  background-color: red;
}