.terminal{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#0a0a0a;color:#0f0;font-family:Courier New,Monaco,Menlo,monospace;font-size:14px;line-height:1.6;padding:20px;overflow:hidden}.system-message{color:#ff0;margin-bottom:20px;white-space:pre-wrap;word-wrap:break-word;animation:fadeIn .5s ease-in;min-height:1.5em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.password-form,.input-form{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px}.prompt{color:#0f0;font-weight:700}.password-input,.message-input{flex:1;background-color:transparent;border:none;color:#0f0;font-family:Courier New,Monaco,Menlo,monospace;font-size:14px;outline:none;padding:5px 0;border:none!important;box-shadow:none!important}.password-input:focus,.message-input:focus{outline:none!important;border:none!important;box-shadow:none!important}.password-input:active,.message-input:active{outline:none!important;border:none!important;box-shadow:none!important}.password-input::placeholder,.message-input::placeholder{color:#0f04}.blink-prompt{color:#0f0;animation:blinkFade 1s ease-in-out infinite;font-weight:700}.typewriter-cursor{color:#0f0;animation:blinkFade .8s ease-in-out infinite;margin-left:2px}@keyframes blinkFade{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:10px;margin-bottom:10px}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#0a0a0a}.messages-container::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#0ff}.message{margin-bottom:8px;word-wrap:break-word;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.username{font-weight:700;margin-right:8px}.message-text{color:#0f0;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.terminal{font-size:12px;padding:10px}.password-form,.input-form{padding-top:8px}.messages-container{margin-bottom:8px}}@media (max-width: 480px){.terminal{font-size:11px;padding:8px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,Monaco,Menlo,monospace;background-color:#0a0a0a;color:#0f0;overflow:hidden;height:100vh;width:100vw}#root{height:100vh;width:100vw;display:flex;flex-direction:column}.terminal{background-color:#0a0a0a;color:#0f0;font-family:Courier New,Monaco,Menlo,monospace;font-size:14px;line-height:1.5;padding:20px;height:100vh;display:flex;flex-direction:column;overflow:hidden}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor{animation:blink 1s infinite;color:#0f0}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter{overflow:hidden;white-space:nowrap;border-right:2px solid #00ff00;animation:typewriter 2s steps(40) 1s forwards}@media (max-width: 768px){.terminal{font-size:12px;padding:10px}}