:root{--bg-color: #050505;--term-green: #33ff00;--term-dim: #1a8000;--term-red: #ff3333;--term-amber: #ffb000;--font-main: "Courier New", Courier, monospace}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--term-green);font-family:var(--font-main);height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-transform:uppercase}body:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none}#app{width:100%;max-width:800px;padding:2rem;border:1px solid var(--term-dim);box-shadow:0 0 20px #33ff001a;position:relative;z-index:10;min-height:400px;display:flex;flex-direction:column}h1{text-align:center;border-bottom:2px solid var(--term-green);padding-bottom:1rem;margin-top:0;text-shadow:0 0 10px var(--term-green)}.screen{flex-grow:1;display:none;flex-direction:column;gap:1.5rem;animation:fadeIn .5s ease-in-out}.screen.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-group{display:flex;gap:1rem;justify-content:center;margin-top:2rem}button{background:transparent;border:1px solid var(--term-green);color:var(--term-green);padding:1rem 2rem;font-family:var(--font-main);font-size:1.2rem;cursor:pointer;transition:all .2s;text-transform:uppercase;font-weight:700}button:hover{background:var(--term-green);color:var(--bg-color);box-shadow:0 0 15px var(--term-green)}button.danger{border-color:var(--term-red);color:var(--term-red)}button.danger:hover{background:var(--term-red);color:var(--bg-color);box-shadow:0 0 15px var(--term-red)}textarea,input{background:#000;border:1px solid var(--term-dim);color:var(--term-green);padding:1rem;font-family:var(--font-main);font-size:1.1rem;width:100%;outline:none}textarea:focus,input:focus{border-color:var(--term-green);box-shadow:0 0 10px var(--term-dim)}.code-display{font-size:2.5rem;text-align:center;letter-spacing:5px;color:var(--term-amber);border:2px dashed var(--term-amber);padding:2rem;background:#ffb0001a}.message-box{border:1px solid var(--term-green);padding:1.5rem;min-height:150px;white-space:pre-wrap;line-height:1.6}.status-bar{margin-top:auto;border-top:1px solid var(--term-dim);padding-top:.5rem;font-size:.8rem;display:flex;justify-content:space-between;color:var(--term-dim)}.blink{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}