:root{--bg-color: #ffffff;--text-color: #222;--button-bg: #222;--button-text: #fff;--button-hover: #333;--border-color: rgba(34, 34, 34, .7)}.dark-mode{--bg-color: #1e1e1e;--text-color: #ffffff;--button-bg: #ffffff;--button-text: #1e1e1e;--button-hover: #ddd;--border-color: rgba(0, 255, 0, .5)}body{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;margin:0;padding:10px;overflow-x:hidden;font-family:Arial,sans-serif;background:var(--bg-color);color:var(--text-color);transition:background .3s ease-in-out,color .3s ease-in-out;overflow-y:auto}.cyber-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;max-width:600px;text-align:center;padding:15px;margin-top:5px;position:relative;z-index:20px}.cyber-container textarea{width:200%;height:150px;max-width:600px;padding:10px;margin-top:5px;font-size:14px;background:var(--bg-color);color:var(--text-color);border:2px solid var(--border-color);outline:none;resize:none;transition:all .3s ease-in-out}.cyber-container select{width:100%;max-width:250px;padding:5px;margin:5px;font-size:14px;background:var(--bg-color);color:var(--text-color);border:2px solid var(--border-color);outline:none;cursor:pointer;transition:all .3s ease-in-out;position:relative;z-index:20;font-size:1rem}.cyber-container select:focus,.cyber-container textarea:focus{border-color:#0f0;box-shadow:0 0 12px #0f0}.cyber-container select:hover,.cyber-container textarea:hover{opacity:.9}@media (max-width: 768px){.cyber-container{padding:10px;z-index:50}.cyber-container select{margin-top:10px;font-size:.9rem;padding:3px}.cyber-container textarea{max-width:95%;height:120px;font-size:14px}body{margin-top:30px;justify-content:center;padding:30px}}nav{position:fixed;top:0;left:0;width:100%;height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:var(--bg-color);color:var(--text-color);box-shadow:0 4px 8px #0000001a;z-index:1000}h3{font-size:1.4rem;font-weight:700;cursor:pointer}button{background:var(--button-bg);color:var(--button-text);border:none;margin-right:30px;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:transform .2s ease-in-out,background .3s}button:hover{transform:scale(1.05);background:var(--button-hover)}@media (max-width: 768px){nav{height:40px;padding:0 10px}h3{font-size:1rem}button{font-size:.8rem;padding:6px 10px}}footer{position:fixed;width:100vw;left:0;bottom:10px;text-align:center;background:var(--bg-color);color:var(--text-color);font-family:Courier New,monospace;border-top:2px solid rgba(0,255,0,.5);align-items:center;justify-content:center;font-size:1rem;transition:all .3s ease-in-out}.dark-mode footer{color:#0f0;text-shadow:0px 0px 5px #0f0,0px 0px 10px #0f0;animation:glitch 1.5s infinite alternate}.body footer{color:#222;text-shadow:none}@keyframes glitch{0%{text-shadow:0px 0px 5px #0f0,0px 0px 10px #0f0}50%{text-shadow:-1px 1px 5px #0f0,1px -1px 10px #0f0}to{text-shadow:0px 0px 5px #0f0,0px 0px 10px #0f0}}@media (max-width: 768px){footer{font-size:.8rem;position:relative;bottom:0;margin-top:2rem;max-height:1rem;width:100vw}}