:root{--matrix-green: rgb(0, 238, 122);--matrix-green-hover: rgb(0, 255, 136);--matrix-green-rgb: 0, 238, 122;--matrix-green-hover-rgb: 0, 255, 136}.app{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;overflow:hidden}.header-bar{position:fixed;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;padding:.75rem 1rem;background:#000000e6;border-bottom:1px solid var(--matrix-green);box-shadow:0 2px 10px rgba(var(--matrix-green-rgb),.2);height:50px;box-sizing:border-box}.header-dropdown{position:relative}.dropdown-button{background:transparent;border:1px solid var(--matrix-green);color:var(--matrix-green);font-size:1.2rem;padding:.4rem .8rem;cursor:pointer;font-family:Courier New,Courier,Lucida Console,Monaco,monospace;text-shadow:0 0 5px var(--matrix-green);transition:all .2s ease}.dropdown-button:hover{background:rgba(var(--matrix-green-rgb),.1);box-shadow:0 0 10px rgba(var(--matrix-green-rgb),.5)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:.25rem;background:#000000f2;border:1px solid var(--matrix-green);box-shadow:0 4px 20px rgba(var(--matrix-green-rgb),.3);min-width:150px;z-index:10}.dropdown-item{padding:.75rem 1rem;color:var(--matrix-green);font-family:Courier New,Courier,Lucida Console,Monaco,monospace;font-size:.9rem;cursor:pointer;text-shadow:0 0 5px var(--matrix-green);transition:all .2s ease;border-bottom:1px solid rgba(var(--matrix-green-rgb),.1)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:rgba(var(--matrix-green-rgb),.1);box-shadow:0 0 10px rgba(var(--matrix-green-rgb),.3)}.header-name{margin-left:1.5rem;color:var(--matrix-green);font-family:Courier New,Courier,Lucida Console,Monaco,monospace;font-size:1rem;text-shadow:0 0 5px var(--matrix-green),0 0 10px rgba(var(--matrix-green-rgb),.5);font-weight:400}.matrix-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.35;pointer-events:none}.terminal-container{position:fixed;top:50px;left:0;right:0;bottom:0;z-index:2;width:100%;margin:0;background:transparent;border:none;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}.terminal-body{flex:1;padding:1.5rem;overflow-y:auto;overflow-x:hidden;font-family:Courier New,Courier,Lucida Console,Monaco,monospace;font-size:1rem;line-height:1.4;color:var(--matrix-green);text-shadow:0 0 5px var(--matrix-green),0 0 10px rgba(var(--matrix-green-rgb),.5);font-weight:400;-webkit-font-smoothing:none;cursor:text;width:100%;margin:0;box-sizing:border-box}.terminal-body::-webkit-scrollbar{width:14px}.terminal-body::-webkit-scrollbar-track{background:transparent}.terminal-body::-webkit-scrollbar-thumb{background:#33333380;border-radius:0;min-height:50px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#44444480}.terminal-line{margin-bottom:.5rem}.terminal-line.command{margin-bottom:.25rem}.terminal-line.output{display:flex;flex-direction:column;align-items:flex-start}.command-line{display:flex;align-items:center;gap:.5rem;width:100%;box-sizing:border-box}.prompt{color:var(--matrix-green);font-weight:400;-webkit-user-select:none;user-select:none;text-shadow:0 0 5px var(--matrix-green),0 0 10px rgba(var(--matrix-green-rgb),.5)}.command-text{color:var(--matrix-green);text-shadow:0 0 5px var(--matrix-green),0 0 10px rgba(var(--matrix-green-rgb),.5)}.output-line{color:var(--matrix-green);opacity:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;text-shadow:0 0 5px var(--matrix-green),0 0 10px rgba(var(--matrix-green-rgb),.5);box-sizing:border-box}.output-line.centered{text-align:center;align-self:center}.terminal-link{color:var(--matrix-green);text-decoration:underline;text-shadow:0 0 5px var(--matrix-green),0 0 10px rgba(var(--matrix-green-rgb),.5);cursor:pointer;transition:all .2s ease}.terminal-link:hover{color:var(--matrix-green-hover);text-shadow:0 0 8px var(--matrix-green-hover),0 0 15px rgba(var(--matrix-green-hover-rgb),.7)}.input-form{display:flex;align-items:center;gap:.5rem;margin-top:0;width:100%;box-sizing:border-box}.input-wrapper{flex:1;display:flex;align-items:center;position:relative}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:var(--matrix-green);font-family:Courier New,Courier,Lucida Console,Monaco,monospace;font-size:1rem;caret-color:transparent;text-shadow:0 0 5px var(--matrix-green),0 0 10px rgba(var(--matrix-green-rgb),.5);font-weight:400;-webkit-font-smoothing:none}.measure-text{position:absolute;visibility:hidden;white-space:pre;font-family:Courier New,Courier,Lucida Console,Monaco,monospace;font-size:1rem;font-weight:400;-webkit-font-smoothing:none}.terminal-input::placeholder{color:rgba(var(--matrix-green-rgb),.4);text-shadow:0 0 3px rgba(var(--matrix-green-rgb),.5)}.terminal-input:focus{text-shadow:0 0 5px var(--matrix-green),0 0 10px rgba(var(--matrix-green-rgb),.5)}.cursor-block{position:absolute;width:.6em;height:1em;background:var(--matrix-green);animation:blink 1s infinite;box-shadow:0 0 5px var(--matrix-green),0 0 10px rgba(var(--matrix-green-rgb),.5);pointer-events:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (min-width: 1024px){.terminal-line.output,.output-line{max-width:99ch}}@media (max-width: 1024px){.terminal-body{font-size:.95rem;padding:1.25rem}}@media (max-width: 768px){.terminal-body{font-size:.9rem;padding:1rem;line-height:1.5}.header-name{font-size:.9rem}.command-line,.input-form{gap:.4rem}}@media (max-width: 480px){.terminal-body{font-size:.8rem;padding:.75rem;line-height:1.6}.prompt{font-size:.8rem;white-space:nowrap}.terminal-input,.measure-text{font-size:16px}.header-name{font-size:.8rem;margin-left:.75rem}.dropdown-button{font-size:1rem;padding:.3rem .6rem}.command-line,.input-form{gap:.3rem}.header-bar{padding:.5rem .75rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,Courier,Lucida Console,Monaco,monospace;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;background:#000;color:#00ee7a;overflow-x:hidden;font-weight:400}#root{min-height:100vh}
