body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{font-family:Arial,sans-serif;margin:0;padding:0}.white-bg,body,html{background:#fff;overflow:hidden}.white-bg{height:100vh;position:relative;width:100%}.wave-wrapper{height:100%;z-index:0}.wave,.wave-wrapper{bottom:0;left:0;position:absolute;width:200%}.wave{animation:waveMove 18s linear infinite;background:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1200 200%27><path fill=%27%23a1c4fd%27 d=%27M0,120 C300,200 900,40 1200,120 L1200,200 L0,200 Z%27></path></svg>");background-size:1200px 200px;height:180px;opacity:.6}.wave2{animation-duration:22s;background:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1200 200%27><path fill=%27%2389f7fe%27 d=%27M0,140 C300,220 900,60 1200,140 L1200,200 L0,200 Z%27></path></svg>");opacity:.4}.wave3{animation-duration:30s;background:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1200 200%27><path fill=%27%2366a6ff%27 d=%27M0,160 C300,240 900,80 1200,160 L1200,200 L0,200 Z%27></path></svg>");opacity:.3}@keyframes waveMove{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.button-wrapper{background-color:#87cefa99;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;padding:15px;position:relative;z-index:2}button{background-color:#ff0a1bd9;border:none;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 26px;transition:all .3s ease}button:hover{background-color:#ff1e32f2;box-shadow:0 6px 14px #ff0a1b66;transform:scale(1.05)}.monitor-box{background:#f9f9f9;border:1px solid #ccc;border-radius:10px;margin-top:20px;max-height:400px;overflow-y:scroll;padding:10px}.log-entry{margin-bottom:15px}.latest-entry,.log-entry{border-bottom:1px solid #ddd;padding:10px}.latest-entry{background-color:#fff3cd;border-radius:6px}.pid-section input[type=number]{background-color:#fff;border:1px solid #ccc;border-radius:6px;color:#000;font-size:16px;margin-right:10px;outline:none;padding:10px;vertical-align:middle;width:200px}.pid-section input[type=number]:focus{border-color:#1e90ff;box-shadow:0 0 4px #1e90ff4d}body.dark-mode{color:#fff!important}body.dark-mode,body.dark-mode .white-bg{background:#000!important}body.dark-mode .button-wrapper{background-color:#87cefa26!important}body.dark-mode .button-wrapper button,body.dark-mode .toggle-btn{background-color:#1e232a!important;border:1px solid #30363d!important;color:#f0f6fc!important}body.dark-mode .log-entry,body.dark-mode .monitor-box{background-color:#f9f9f9!important;color:#000!important}body.dark-mode .latest-entry{background-color:#fff3cd!important;color:#000!important}body.dark-mode .pid-section input[type=number]{background-color:#fff!important;border:1px solid #ccc!important;color:#000!important}body.dark-mode .pid-section button{background-color:#ff0a1bd9!important;border:none!important;color:#fff!important}body.dark-mode .pid-section button:hover{background-color:#ff1e32f2!important;transform:scale(1.05)}body.dark-mode h1,body.dark-mode h2{color:#fff!important}body.dark-mode .wave{opacity:.35}.theme-toggle{position:fixed;right:20px;top:20px;z-index:10}.toggle-btn{background-color:#1e90ffd9;border:none;border-radius:20px;box-shadow:0 4px 8px #0000004d;color:#fff;font-size:15px;font-weight:600;padding:10px 18px;transition:all .3s ease}.toggle-btn:hover{background-color:#1e90ff;transform:scale(1.05)}::-webkit-scrollbar{width:0}div{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:768px){.main-layout{flex-direction:column!important;height:auto!important;overflow:visible!important}.main-layout>div{flex:none!important;padding:12px!important;width:100%!important}body,html{overflow-y:auto!important}.logBox,.monitor-box{height:auto!important;max-height:none!important}body,html{overflow-y:auto!important}.white-bg,body,html{height:auto!important}.main-layout,.white-bg{overflow:visible!important}div{-ms-overflow-style:auto!important;scrollbar-width:auto!important}.foreground-monitor{margin:0!important;max-width:100%!important;padding:12px!important;text-align:left!important}.latest-entry,.log-entry,.pid-section{margin-left:0!important;margin-right:0!important;text-align:left!important}.foreground-monitor button{display:inline-block;margin-top:8px}.foreground-monitor,.latest-entry,.log-entry,.monitor-box{box-sizing:border-box!important;width:100%!important}.monitor-box{border-radius:10px;max-height:65vh!important;overflow-y:auto!important;padding:12px!important}.latest-entry,.log-entry{margin:0 0 12px!important;padding:10px!important}.foreground-monitor button{max-width:100%;white-space:normal}.foreground-monitor h1{margin:0 auto 12px;text-align:center!important;width:100%}}@media (min-width:769px){.advanced-btns{display:flex;flex-wrap:nowrap;gap:12px;justify-content:center}.advanced-btns button{flex:0 0 auto}}@media (max-width:768px){.advanced-btns{display:flex!important;flex-wrap:wrap;gap:10px;justify-content:center}.advanced-btns button:first-child,.advanced-btns button:nth-child(2){flex:1 1 45%}.advanced-btns button:nth-child(3){flex:1 1 100%;margin-top:6px}}
/*# sourceMappingURL=main.c2f28a88.css.map*/