.auth-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000}.auth-content{background:#111;border:2px solid #0f0;padding:30px;min-width:400px;max-width:500px;width:90%}.auth-content h2{color:#0f0;margin-bottom:10px;text-align:center}.auth-subtitle{color:#0aa;text-align:center;margin-bottom:20px;font-size:.9em}.auth-field{margin-bottom:15px}.auth-field label{display:block;color:#0f0;margin-bottom:5px;font-size:.9em}.auth-field input{width:100%;background:#000;border:1px solid #0f0;color:#0f0;padding:10px;font-family:Courier New,monospace;font-size:14px;outline:none;box-sizing:border-box}.auth-field input:focus{border-color:#0ff;box-shadow:0 0 5px #0ff}.auth-field input:disabled{background:#111;color:#666;cursor:not-allowed}.auth-error{background:#300;border:1px solid #f00;color:red;padding:10px;margin-bottom:15px;font-size:.9em}.auth-submit{width:100%;background:#0f0;color:#000;border:none;padding:12px;margin-top:10px;cursor:pointer;font-family:Courier New,monospace;font-weight:700;font-size:14px}.auth-submit:hover:not(:disabled){background:#0ff}.auth-submit:disabled{background:#333;color:#666;cursor:not-allowed}.auth-toggle{margin-top:20px;text-align:center}.auth-toggle button{background:none;border:none;color:#0aa;cursor:pointer;text-decoration:underline;font-family:Courier New,monospace;font-size:.9em;padding:5px}.auth-toggle button:hover:not(:disabled){color:#0ff}.auth-toggle button:disabled{color:#666;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:#000;color:#0f0;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;background:#000}.header{background:#111;padding:10px;border-bottom:2px solid #0f0;text-align:center}.header h1{color:#0f0;font-size:1.5em}.status{padding:5px 10px;background:#111;border-bottom:1px solid #0f0;font-size:.9em}.status.connected{color:#0f0}.status.disconnected{color:red}.status.connecting{color:#ff0}.main-output{flex:1;padding:15px;overflow-y:auto;background:#000;font-size:14px;line-height:1.4;white-space:pre-wrap}.main-output::-webkit-scrollbar{width:10px}.main-output::-webkit-scrollbar-track{background:#111}.main-output::-webkit-scrollbar-thumb{background:#0f0;border-radius:5px}.output-line{margin-bottom:2px}.room-divider{border-top:1px solid #0f0;margin:15px 0;opacity:.6}.output-command{background-color:#0f03;color:#0f0;padding:1px 4px;border-radius:3px;cursor:pointer;text-decoration:none;transition:background-color .15s ease}.output-command:hover{background-color:#00ffff59}.output-command:focus{outline:1px solid #0ff;outline-offset:1px}.input-container{display:flex;padding:10px;background:#111;border-top:2px solid #0f0}.input-container input{flex:1;background:#000;border:1px solid #0f0;color:#0f0;padding:10px;font-family:Courier New,monospace;font-size:14px;outline:none}.input-container input:focus{border-color:#0ff;box-shadow:0 0 5px #0ff}.input-container input:disabled{background:#111;color:#666;cursor:not-allowed}.input-container button{background:#0f0;color:#000;border:none;padding:10px 20px;margin-left:10px;cursor:pointer;font-family:Courier New,monospace;font-weight:700}.input-container button:hover:not(:disabled){background:#0ff}.input-container button:disabled{background:#333;color:#666;cursor:not-allowed}.ansi-black{color:#000}.ansi-red{color:red}.ansi-green{color:#0f0}.ansi-yellow{color:#ff0}.ansi-blue{color:#00f}.ansi-magenta{color:#f0f}.ansi-cyan{color:#0ff}.ansi-white{color:#fff}.ansi-bold{font-weight:700}.connecting-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000}.connecting-message{color:#ff0;font-size:1.2em;text-align:center}.auth-status{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#111;border:1px solid #0f0;padding:10px 20px;color:#0f0;z-index:3000}:root{font-family:Courier New,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#0f0;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}