body {
    margin: 0;
    background: #000000;
    color: #f0eee9;
    font-family: 'IBM Plex Mono', monospace;
    height: 100vh;
    text-shadow: 0px 0px 5px wheat;
    font-size: 18px;
  }
  
  #terminal-screen {
        position: relative;
        z-index: 2;
        padding: 2rem;
        max-width: 723px;
        margin: 0 auto;
        white-space: pre-wrap;
        text-align: left;
      }
  
  #password-container {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  
  #passwordInput {
    background: transparent;
    border: none;
    border-bottom: 1px solid #f0eee9;
    color: inherit;
    font-family: inherit;
    outline: none;
    caret-color: #f0eee9;
    font-size: 18px;
    text-transform: uppercase;
    text-shadow: 0px 0px 5px wheat;
  }
  
  #dream-text {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 723px;
    line-height: 1.5;
    text-align: left;
    z-index: 2;
  }

  #dream-text::after {
    content: '1';
    color: 'red';
  } 
  
  #exit-question {
    margin-top: 2rem;
  } 
  
  #terminal-screen #input-cst::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 1em;
    background: #f0eee9;
    margin-left: 5px;
    animation: blink 1s step-end infinite;
  }

  .blink {    
    animation: blink 1s step-end infinite;
  }
  
  @keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
  }
  
  /* Гауссов шум поверх */
  #noise {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)" /></svg>');
    opacity: 0.25;
    z-index: 1;
    pointer-events: none;
  }

  #typed-text {
    text-align: left;
    white-space: pre-wrap;
  }
  
  #session-text {
    text-align: left;
    white-space: pre-wrap;
  }
 #typed-text,
#session-text {
  text-align: left;
  white-space: pre-wrap;
}

.end {
  background-color: white;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  text-shadow: none;
   animation: whiten 8s linear forwards;
}

@keyframes whiten {
  from { opacity: 0; }
  to { opacity: 1; }
}