:root{--neon-green:#39ff14;--dark-black:#0a0a0a;--vh:1vh;--vw:1vw}
body{background-color:var(--dark-black);color:var(--neon-green);font-family:Monofonto,monospace}
a{color:var(--neon-green);text-decoration:none;transition:all .3s ease;text-shadow:0 0 2px var(--neon-green)}
a:hover{text-shadow:0 0 10px var(--neon-green)}
button,input[type=button],input[type=submit]{background-color:var(--dark-black);color:var(--neon-green);border:2px solid var(--neon-green);padding:8px 16px;cursor:pointer;transition:all .3s ease;font-family:Monofonto,monospace;box-shadow:0 0 5px var(--neon-green),inset 0 0 2px var(--neon-green);outline:1px solid rgba(57,255,20,.3)}
button:hover,input[type=button]:hover,input[type=submit]:hover{background-color:var(--neon-green);color:var(--dark-black);box-shadow:0 0 15px var(--neon-green)}
input[type=email],input[type=password],input[type=text],textarea{background-color:var(--dark-black);color:var(--neon-green);border:1px solid var(--neon-green);padding:8px;font-family:Monofonto,monospace;box-shadow:0 0 3px var(--neon-green),inset 0 0 2px var(--neon-green);outline:1px solid rgba(57,255,20,.2)}
input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{outline:0;box-shadow:0 0 5px var(--neon-green)}
::selection{background-color:var(--neon-green);color:var(--dark-black)}
#clickPanel{background-color:var(--dark-black);color:var(--neon-green);position:fixed;left:38px;top:190px;width:456px;height:calc(95vh - 451.25px);z-index:9999;box-shadow:0 0 10px var(--neon-green),inset 0 0 3px var(--neon-green);outline:2px solid rgba(57,255,20,.3);padding:19px;font-family:monospace;font-size:.855em;letter-spacing:.05em;overflow:hidden;background-size:19px 19px,38px 38px;background-position:0 0,0 0}
#clickButton{position:relative;width:200px;height:100px;display:flex;justify-content:center;align-items:center;left:0;right:0;top:calc(100vh - 82vh);bottom:0;margin:auto;box-shadow:0 0 8px var(--neon-green),inset 0 0 3px var(--neon-green);outline:1px solid rgba(57,255,20,.4)}
#clickButton:hover{background-color:var(--neon-green);color:var(--dark-black);box-shadow:0 0 15px var(--neon-green)}
#title{position:fixed;left:0;top:0;width:100%;height:60px;background-color:var(--dark-black);z-index:9999;font-size:larger;font-weight:700;display:flex;align-items:center;padding-left:20px;margin:0;box-shadow:0 0 15px var(--neon-green),inset 0 0 3px var(--neon-green);outline:2px solid rgba(57,255,20,.3)}
#topPanel{position:fixed;left:0;top:60px;width:100%;height:60px;background-color:var(--dark-black);z-index:9999;display:flex;justify-content:flex-start;align-items:center;margin:0;box-shadow:0 0 12px var(--neon-green),inset 0 0 3px var(--neon-green);outline:2px solid rgba(57,255,20,.3);padding-left:10px}
#topPanel .rightButtons{display:flex;justify-content:space-evenly;flex-grow:1;margin-right:20px}
#topPanel .menuButton2,#topPanel .menuButton3,#topPanel .menuButton4{width:60px;height:60px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:0 0 5px var(--neon-green),inset 0 0 2px var(--neon-green);outline:1px solid rgba(57,255,20,.3)}
#bottomPanel{position:fixed;left:0;bottom:0;width:100%;height:180px;background-color:var(--dark-black);z-index:999;display:flex;justify-content:left;align-items:top;box-shadow:0 0 15px var(--neon-green),inset 0 0 3px var(--neon-green);outline:2px solid rgba(57,255,20,.3)}
#bottomPanel .log .logContent{padding:20px;font-size:1.1em;line-height:1.4em;overflow:hidden;white-space:pre-line!important;align-items:flex-start;vertical-align:top}
#logHeader{position:relative;left:1px;top:calc(100vh - 220px);width:2.65%;height:40px;background-color:var(--dark-black);z-index:9999;font-size:larger;font-weight:700;display:flex;align-items:center;padding-left:20px;box-shadow:0 0 10px var(--neon-green),inset 0 0 3px var(--neon-green);outline:2px solid rgba(57,255,20,.3)}
@keyframes blink-caret{
from,to{border-color:transparent}
50%{border-color:var(--neon-green)}
}
#clickButton.clicked{transform:scale(.95);box-shadow:0 0 20px var(--neon-green),inset 0 0 10px var(--neon-green)}
#menu button.hover{text-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green);box-shadow:0 0 15px var(--neon-green),inset 0 0 5px var(--neon-green)}
body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden}
button{max-width:calc(var(--vw,1vw) * 20);max-height:calc(var(--vh,1vh) * 10);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cyberpunk-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-size:20px 20px;pointer-events:none;z-index:1}
body,button,div,h1,h2,h3,h4,h5,h6,html,input,p,span,textarea{font-size:1.065em!important}
[data-tooltip]:hover::after{display:block;position:absolute;content:attr(data-tooltip);border:1px solid #000;border-color:var(--terminal-green);background:#000;padding:.25em;pointer-events:none;transform:translate(10px,10px);left:var(--x,0);top:var(--y,0)}
.automation-details-button{padding:5px 10px;min-width:30px;max-width:30px;max-height:30px;line-height:1;margin-left:5px}
:root{--terminal-green:#2cff4d;--terminal-dark:#0c1708;--terminal-highlight:#48ff6c;--terminal-dimmed:#1a5c27}
.automation-info-btn{background-color:#444;color:#eee;border:1px solid #666;border-radius:50%;width:20px;height:20px;line-height:18px;text-align:center;font-weight:700;cursor:pointer;margin-left:10px;font-family:sans-serif;transition:background-color .2s,color .2s;float:right}
.automation-info-btn:hover{background-color:#666;color:#fff}
@keyframes flickerEffect{
0%{opacity:.02}
20%{opacity:.05}
40%{opacity:.01}
60%{opacity:.06}
80%{opacity:.02}
100%{opacity:.04}
}
.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:2000}
.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--terminal-dark);color:var(--terminal-green);padding:25px;border:2px solid var(--terminal-green);width:90%;max-width:500px;font-family:monospace;box-shadow:0 0 15px rgba(44,255,77,.5)}
.modal-content .close{position:absolute;right:10px;top:5px;cursor:pointer;font-size:25px;color:var(--terminal-green)}
.modal-content .close:hover{color:var(--terminal-highlight)}
.modal-content h2{text-align:center;margin-top:0;border-bottom:1px solid var(--terminal-green);padding-bottom:10px}
.modal-content ul{list-style:none;padding-left:10px}
.modal-content li{margin-bottom:8px}