.MuiPaper-root.panel{padding:25px;background:var(--panel-bg);border:none;box-shadow:var(--panel-shadow, none);border-radius:10px;transition:background .4s ease,box-shadow .4s ease,color .4s ease}.button-container{padding:10px 0;display:flex;flex-direction:row;justify-content:space-between}.outlined-button:only-child{width:100%}.outlined-button:first-child:nth-last-child(2),.outlined-button:first-child:nth-last-child(2)~.outlined-button{width:48%}.outlined-button:first-child:nth-last-child(3),.outlined-button:first-child:nth-last-child(3)~.outlined-button{width:32%}.outlined-button:first-child:nth-last-child(4),.outlined-button:first-child:nth-last-child(4)~.outlined-button{width:24%}#add-cities-panel{margin-left:10px;min-width:250px;max-width:250px;position:relative;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.information-icon{position:absolute;top:12px;right:12px;cursor:pointer}@media screen and (max-width:1100px){#add-cities-panel{border:none;border-radius:0;margin:25px 0;min-width:initial;max-width:initial}}.comparison-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1200;background:var(--bg-color);display:flex;flex-direction:column;overflow:hidden;min-height:0}.comparison-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;border-bottom:1px solid var(--panel-bg);flex-shrink:0}.comparison-header h2{margin:0;font-size:1.1rem;color:var(--text-color);font-weight:500}.comparison-body{display:flex;flex:1;min-height:0;gap:8px;padding:4px 12px}.comparison-pane{flex:1;display:flex;flex-direction:column;min-width:0;border-radius:8px;background:var(--panel-bg);overflow:hidden}.comparison-pane-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.comparison-pane-header .label{font-size:.85rem;font-weight:600;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px}.comparison-pane-header .stats{font-size:.75rem;color:var(--line-color);font-family:monospace}.comparison-canvas-wrap{flex:1;position:relative;min-height:0;padding:8px 12px}.comparison-canvas-wrap canvas{position:absolute;top:8px;left:12px;right:12px;bottom:8px;width:calc(100% - 24px);height:calc(100% - 16px)}.comparison-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 20px;flex-shrink:0}.comparison-footer .MuiButton-root{color:var(--text-color);border-color:var(--line-color)}.comparison-pane-header .label .label-short{display:none}@media(max-width:1100px){.comparison-body{flex-direction:column;flex:1;min-height:0}.comparison-pane{flex:1;min-height:0}.comparison-header{padding:8px 14px}.comparison-header h2{font-size:.9rem}.comparison-pane-header{padding:6px 10px}.comparison-pane-header .label .label-full{display:none}.comparison-pane-header .label .label-short{display:inline}.comparison-pane-header .stats{font-size:.7rem}.comparison-footer{padding:8px 14px}}.foldable-content{display:flex;padding:65px 25px}.position-center{justify-content:center}@media screen and (max-width:1100px){.foldable-content{flex-direction:column;justify-content:flex-start}}.input-panel,.input-information-panel{width:100%;padding:0 50px}.tab-content{display:flex;gap:40px}.tab-fields{flex:1;min-width:0}.tab-info{flex:1;min-width:0;border-left:1px solid var(--border-color);padding-left:40px}.input-panel .button-container{padding:10px 16px}.field-info{padding-bottom:10px;margin-bottom:4px}.field-info h6{font-size:.95rem;margin-bottom:4px}.field-info p{font-size:.85rem;line-height:1.5;margin:0;opacity:.75}.MuiButtonBase-root{min-height:0!important}.MuiAccordionSummary-content{margin:0!important}@media screen and (max-width:1100px){.input-panel,.input-information-panel{width:100%;border:none;padding:25px 0}.tab-content{flex-direction:column;gap:20px}.tab-info{border-left:none;padding-left:0;border-top:1px solid var(--border-color);padding-top:20px}}.info-panel{font-size:16px;padding:0 100px}.info-panel p{line-height:30px;padding-bottom:15px}ol{margin-bottom:25px!important}ol>li{padding:10px 0}.pseudo-code{margin-top:50px;background:#1e293b;border-radius:5px;box-shadow:0 2px 8px #00000026;color:#93ea0d;font-size:12px;padding:35px 50px}.pseudo-code div{margin-bottom:10px}.parameters{margin-bottom:20px}.tab{margin-left:20px}.tab2x{margin-left:40px}@media screen and (max-width:1100px){.info-panel{padding:10px}.info-title{padding-top:30px}}#navigation{outline:none}#mobile-navigation{display:none}#nav-checkbox{position:absolute;top:-99px}#nav-checkbox:checked+#nav-menu #nav-trigger svg{transform:rotate(270deg)}#nav-checkbox:checked+#nav-menu #nav-list{left:-100%}#nav-checkbox:checked+#nav-menu{background:var(--nav-bg);box-shadow:none}#nav-checkbox:checked+#nav-menu .nav-item>span{color:var(--nav-text)}#nav-menu{align-items:center;background:var(--nav-bg);display:flex;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;width:100%;height:80px;box-sizing:border-box;border-bottom:none;box-shadow:var(--panel-shadow, none);margin-bottom:20px;z-index:10}#nav-trigger{color:var(--nav-text);cursor:pointer;padding:0 30px}#nav-trigger:hover{color:var(--nav-hover)}#nav-trigger svg{transition:transform .3s ease-in-out;transform:rotate(0)}#nav-list{align-items:center;display:flex;justify-content:space-around;left:0;margin:0;padding:0;position:relative;transition:left .3s ease-in-out;width:100%;background-color:transparent}#nav-list li{align-items:center;display:flex;justify-content:center}#nav-list li .MuiListItemButton-root:hover{background-color:transparent!important}#nav-list .nav-item>span{color:var(--nav-text)!important;text-shadow:var(--text-glow, none);cursor:pointer;display:block;font-size:12px;padding:0 20px;text-align:center;text-decoration:none;text-transform:uppercase;max-width:250px}#nav-list li:hover .nav-item>span,#nav-list li .MuiListItemButton-root:hover .nav-item>span{color:var(--nav-hover)!important}@media screen and (max-width:1100px){#navigation{display:none}#mobile-navigation{display:block;padding-left:12px;background:var(--panel-bg);border:none;box-shadow:none;outline:none}#mobile-menu{height:100%;padding-top:16px}.menu-item>div>span{font-size:15px;color:var(--text-color)}.menu-item:hover{background-color:var(--panel-bg)!important}}#output-panel,#chart-panel{width:30%;padding:0 50px}#output-panel{border-right:1px solid var(--border-color)}.MuiChartsAxis-label{transform:translate(-30px)!important}.MuiChartsTooltip-table{background-color:var(--tooltip-bg);border:1px solid var(--border-color)}#output-summary{margin-left:10px;min-width:250px;max-width:250px;flex:1;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}#working{margin-top:10px}@media screen and (max-width:1100px){#output-summary{border:none;border-radius:0;margin:20px 0;min-width:initial;max-width:initial}#output-panel,#chart-panel{width:100%;border:none}#output-panel{padding:25px 0}#chart-panel{padding:25px 0 0}}canvas{background-color:var(--bg-color);background-image:var(--bg-pattern, none);background-size:var(--bg-size, auto);background-repeat:var(--bg-repeat, repeat);background-attachment:fixed;border-radius:5px;flex:1;min-width:0;min-height:0;outline:1px solid var(--canvas-border);outline-offset:-1px;box-shadow:var(--canvas-shadow, none);animation:var(--bg-animation, patternDrift 60s linear infinite);transition:background-color .4s ease}.canvas-container{position:relative;flex:1;min-width:0;display:flex}.canvas-tooltip{position:absolute;background:var(--tooltip-bg);color:var(--text-color);border:1px solid var(--tooltip-border);border-radius:4px;padding:4px 8px;font-size:12px;pointer-events:none;white-space:nowrap;z-index:10}.canvas-algorithm-label{position:absolute;top:8px;right:8px;background:var(--panel-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;padding:3px 8px;font-size:11px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:.85;transition:color .15s,opacity .15s}.canvas-algorithm-label:hover{color:var(--nav-hover)}.canvas-algorithm-label.disabled{cursor:default;opacity:.4;pointer-events:none}html,body,#root{height:100%;width:100%;font-family:var(--font-family, "Roboto Condensed", sans-serif);font-size:var(--font-size, 14px);margin:0;background-color:var(--bg-color);background-image:var(--bg-pattern, none);background-size:var(--bg-size, auto);background-repeat:var(--bg-repeat, repeat);display:flex;flex-direction:column;animation:var(--bg-animation, patternDrift 60s linear infinite);transition:background-color .4s ease,color .4s ease}@keyframes patternDrift{0%{background-position:0 0}to{background-position:200px 100px}}#app-container{height:calc(100% - 115px);max-width:none;display:flex;box-sizing:border-box;gap:10px}#control-panel{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:15px 10px 15px 8px;margin-right:5px;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}#canvas-panel{padding:15px;flex:1;min-width:0;display:flex;height:100%;box-sizing:border-box}#right-side{height:100%;max-height:100%;overflow-y:auto;overflow-x:visible;scrollbar-width:none;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}#right-side::-webkit-scrollbar{display:none}p,li{color:var(--text-color);text-shadow:var(--text-glow, none);transition:color .4s ease}h1,h2,h3,h4,h5,h6,.MuiTypography-root{text-shadow:var(--text-glow, none)}@media screen and (max-width:1100px){#app-container{flex-wrap:wrap;height:calc(100vh - 34px);overflow:visible;align-items:stretch;padding:0;margin:0;gap:0}#control-panel{border-radius:0;padding:15px 8px;margin-right:0}#control-panel .MuiButtonBase-root,#control-panel .MuiTypography-root,#control-panel .MuiSlider-root{color:var(--text-color)}#canvas-panel{flex:1;height:100%;padding:10px;margin-right:0;border-radius:0;min-width:0}#right-side{padding:20px 0 0;width:100%;height:auto;max-height:none;overflow:visible}}
