#root,body,html{background-color:initial!important}@keyframes pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.2)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animated-background{background:#181818;height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-10}.pulse-orb{border-radius:50%;pointer-events:none;position:absolute}.pulse-orb-1{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#2db24e 0,#0000 70%);height:100px;left:15%;opacity:.3;top:20%;width:100px}.pulse-orb-2{animation:pulse 6s ease-in-out infinite;animation-delay:2s;background:radial-gradient(circle,#3dee69 0,#0000 70%);height:80px;opacity:.3;right:20%;top:60%;width:80px}.pulse-orb-3{animation:pulse 5s ease-in-out infinite;animation-delay:1s;background:radial-gradient(circle,#2db24e 0,#0000 70%);bottom:30%;height:120px;left:60%;opacity:.25;width:120px}.rotating-ring{animation:rotate 20s linear infinite;border:2px solid #2db24e33;height:200px;left:40%;top:40%;width:200px}.rotating-ring,.test-visible{border-radius:50%;position:absolute}.test-visible{background:#2db24e;height:50px;left:10px;opacity:.8;top:10px;width:50px}.run-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#181818d9;border:1px solid #2db24e4d;border-radius:12px;box-shadow:0 8px 24px #0006,inset 0 1px 0 #2db24e33;display:flex;opacity:1;position:absolute;transition:opacity .3s ease;z-index:1000}.run-button.dragging{opacity:.5}.main-body{align-items:center;background:#0000;border-bottom-right-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;padding:0 10px;width:auto}.percentage-text{color:#ffffffe6;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin-right:18px;-webkit-user-select:none;user-select:none}.play-background{background:linear-gradient(135deg,#2db24e,#3dee69);border-bottom-left-radius:25px;border-bottom-right-radius:0;border-top-left-radius:25px;border-top-right-radius:0;box-shadow:inset 0 1px 0 #fff3;height:52px;position:absolute;right:0;width:52px;z-index:1}.play-button{align-items:center;background:linear-gradient(135deg,#2db24e,#3dee69)!important;border-radius:50%!important;box-shadow:0 0 0 4px #181818cc,0 4px 16px #2db24e4d;color:#181818!important;display:flex;height:32px!important;justify-content:center;padding:8px!important;position:relative;width:32px!important;z-index:2}.run-inline{align-items:center;background:#18181899;border:1px solid #2db24e33;border-radius:8px;display:inline-flex;gap:8px;padding:4px 8px}.run-inline .play-button{box-shadow:none;height:28px!important;width:28px!important}#topbar-container{background-color:#181818;border-radius:8px;font-family:Poppins,sans-serif;height:60px;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}#topbar-line{background:linear-gradient(90deg,#2db24e,#3dee69 50%,#2db24e);box-shadow:0 0 8px #2db24e66;height:3px;position:absolute;top:63px;width:100%;z-index:999}#topbar-content{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#181818f2,#212121f2);border:1px solid #2db24e33;display:flex;gap:12px;height:60px;padding:0 20px}.topbar-logo{margin-bottom:6px;margin-top:6px;padding:0 30px}.nav-button{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#18181899;border:1px solid #2db24e33;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 2px 4px #0000004d;cursor:pointer;display:flex;flex-direction:column;height:50px;transition:all .3s ease}.nav-button:hover{background:#2db24e1a;border-color:#2db24e66;box-shadow:0 4px 12px #2db24e4d;transform:translateY(-1px)}.nav-button-active .nav-button-top-line{background:linear-gradient(90deg,#2db24e,#3dee69);box-shadow:0 0 8px #2db24e99}.nav-button-top-line{background-color:#67676780;height:4px;padding:0 6px;transition:all .3s ease}.nav-button-content{align-items:center;background-color:initial;border-bottom-left-radius:6px;border-bottom-right-radius:6px;display:flex;flex:1 1;justify-content:center;padding:0 18px}.nav-icon{margin-right:4px}.nav-icon,.nav-label{color:#fffc;font-size:16px;transition:color .3s ease}.nav-label{font-weight:500}.help-button{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#18181899;border:1px solid #2db24e33;border-radius:6px;box-shadow:0 2px 4px #0000004d;margin:0;transition:all .3s ease}.help-button:hover{background:#2db24e1a;border-color:#2db24e66;box-shadow:0 4px 12px #2db24e4d;transform:translateY(-1px)}.notification-button{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#18181899;border:1px solid #2db24e33;border-radius:6px;box-shadow:0 2px 4px #0000004d;margin:0;transition:all .3s ease}.notification-button:hover{background:#2db24e1a;border-color:#2db24e66;box-shadow:0 4px 12px #2db24e4d;transform:translateY(-1px)}.profile-section{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#18181899;border:1px solid #2db24e33;border-radius:6px;box-shadow:0 2px 4px #0000004d;cursor:pointer;display:flex;margin:0;padding:0 12px;transition:all .3s ease}.profile-section:hover{background:#2db24e1a;border-color:#2db24e66;box-shadow:0 4px 12px #2db24e4d;transform:translateY(-1px)}.user-name{color:#ffffffe6;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;margin-right:8px}.profile-icon-button{padding:0}.icon{color:#fffc;font-size:24px;transition:color .3s ease}.badge .MuiBadge-badge{background:linear-gradient(45deg,#2db24e,#3dee69);color:#181818;font-size:10px;font-weight:600}#legend-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#181818d9;border:1px solid #2db24e4d;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-family:Arial,sans-serif;left:20px;position:absolute;top:100px;-webkit-user-select:none;user-select:none;width:80px;z-index:900}.legend-drag-handle{align-items:center;background:linear-gradient(135deg,#2db24e,#3dee69);border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:6px;cursor:grab;display:flex;height:20px;justify-content:center}.legend-drag-handle:active{cursor:grabbing}.legend-dot-grid{align-items:center;display:flex;gap:2px;justify-content:center}.legend-dot-pair{display:flex;flex-direction:column;gap:2px}.legend-dot{background-color:#181818;border-radius:50%;height:2px;width:2px}#legend-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#181818d9;border:1px solid #2db24e4d;border-bottom-left-radius:8px;border-bottom-right-radius:8px;gap:6px;max-height:60vh;overflow:hidden;padding:8px 10px}#legend-content,.legend-actions{display:flex;flex-direction:column}.legend-actions{gap:4px}.legend-actions button{border:1px solid #2db24e4d;cursor:pointer;font-size:10px}.legend-actions button,.legend-search{background:#18181899;border-radius:6px;color:#ffffffe6;padding:4px 6px;width:100%}.legend-search{border:1px solid #2db24e4d;box-sizing:border-box}.legend-scroll{max-height:45vh;overflow:auto}.legend-item{align-items:center;display:flex;padding:0 2px}.legend-checkbox{margin-right:6px}.legend-label{color:#ffffffe6;font-size:12px;-webkit-user-select:none;user-select:none}.scroll-area{overflow:auto;scrollbar-color:#2db24e99 #18181866;scrollbar-width:thin}.scroll-area::-webkit-scrollbar{height:10px;width:10px}.scroll-area::-webkit-scrollbar-track{background:#18181866;border-radius:8px}.scroll-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2db24e,#3dee69);border:2px solid #181818cc;border-radius:8px}.scroll-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#38c75a,#60f589)}.flyout-container{backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);background:#181818d9;border:1px solid #2db24e4d;border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #2db24e33;box-sizing:border-box;display:flex;flex-direction:column;max-height:calc(100vh - 88px);position:fixed;right:-400px;top:72px;transition:right .3s ease;width:400px;z-index:950}.flyout-container.open{right:10px}.flyout-toggle{align-items:center;background:linear-gradient(135deg,#2db24e,#3dee69);border:none;border-radius:12px;box-shadow:0 8px 24px #2db24e4d,inset 0 1px 0 #fff3;color:#181818;cursor:pointer;display:flex;height:54px;justify-content:center;left:-74px;position:absolute;top:10px;transition:all .3s ease;width:54px;z-index:1001}.flyout-content{color:#ffffffe6;flex:1 1;font-family:Poppins,sans-serif;margin:8px 8px 8px 0;min-height:0;overflow-y:auto;padding:16px;-webkit-user-select:none;user-select:none}.flyout-content ul{list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.legend-checkbox{-webkit-appearance:none;appearance:none;background-color:initial;border:2px solid;border-radius:50%;cursor:pointer;height:16px;margin-right:4px;outline:none;position:relative;width:16px}.legend-checkbox:checked:after{background-color:currentColor;border-radius:50%;content:"";height:8px;left:2px;position:absolute;top:2px;width:8px}div[class*=MuiMenu-root] .MuiMenuItem-root:hover{background-color:#2db24e1a!important}div[class*=MuiMenu-root] .MuiMenuItem-root.Mui-selected:hover{background-color:#2db24e4d!important}.toolbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#181818d9;border:1px solid #2db24e4d;border-bottom-left-radius:12px;border-bottom-right-radius:0;border-right:none;border-top-left-radius:12px;border-top-right-radius:0;box-shadow:0 8px 24px #0006,inset 0 1px 0 #2db24e33;cursor:default;gap:8px;min-width:-webkit-fit-content;min-width:fit-content;position:absolute;width:auto;z-index:1000}.drag-grip,.toolbar{align-items:center;display:flex}.drag-grip{background:linear-gradient(135deg,#2db24e,#3dee69);border-bottom-left-radius:10px;border-bottom-right-radius:0;border-top-left-radius:10px;border-top-right-radius:0;box-shadow:inset 0 1px 0 #fff3;cursor:grab;height:40px;justify-content:center;position:relative;width:20px}.drag-grip:active{cursor:grabbing}.tool-button{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff1a!important;border:1px solid #2db24e33;border-radius:6px!important;box-shadow:0 2px 8px #0003,inset 0 1px 0 #ffffff1a;color:#fffc!important;padding:6px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.tool-button:last-child{margin-right:8px}.tool-button:hover{background:#ffffff26!important;border-color:#2db24e66;box-shadow:0 4px 12px #2db24e33,inset 0 1px 0 #ffffff26;color:#ffffffe6!important;transform:translateY(-1px)}.tool-button.active{background:linear-gradient(135deg,#2db24e,#3dee69)!important;border-color:#3dee6999;box-shadow:0 4px 16px #2db24e66,inset 0 1px 0 #fff3;color:#181818!important;transform:translateY(-1px)}.dot-container{align-items:center;flex-direction:column;justify-content:center}.dot-container,.dot-row{display:flex;gap:2px}.dot{background-color:#181818;border-radius:50%;box-shadow:0 0 2px #ffffff4d;height:2px;width:2px}canvas{display:block;height:100%;width:100%}
/*# sourceMappingURL=main.3f82ecd2.css.map*/