:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{margin:0;padding:0;height:100%;width:100%}.main-wrapper{display:flex;width:100vw;min-height:100vh;background-color:#141b25;color:#fff;overflow-x:auto}.dijkstra-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;min-width:fit-content}.grid{display:grid;grid-template-columns:repeat(50,25px);grid-auto-rows:25px;margin-top:50px}.sidebar{width:30%;height:100vh;border-left:1px solid #334155;padding:20px;background-color:#1e293b;box-sizing:border-box;position:sticky;top:0}.sidebar p{font-size:.95rem;line-height:1.6;color:#cbd5e1;margin-bottom:1.25rem;font-family:Inter,sans-serif}.sidebar p.note{padding-left:12px;border-left:3px solid #3b82f6;color:#94a3b8;font-style:italic}.node{width:25px;height:25px;border:1px solid #334155;box-sizing:border-box;background-color:#1e293b}.node-visited:not(.node-start):not(.node-end){animation:visitedAnimation .5s ease-out forwards}.node-wall{background-color:#334155!important}.node-path:not(.node-start):not(.node-end){background-color:#af9781!important;z-index:1}.node-start{background-color:#27ae60!important;z-index:3!important;position:relative}.node-end{background-color:#c0392b!important;z-index:3!important;position:relative}@keyframes pathAnimation{0%{transform:scale(.6);background-color:#f3e5ab}to{transform:scale(1);background-color:#af9781}}@keyframes visitedAnimation{0%{transform:scale(.3);border-radius:50%;background-color:#5e3733}to{transform:scale(1);border-radius:2px;background-color:#5e3733}}.toolbar button{vertical-align:middle;border-radius:8px;height:45px;margin-left:10px;background-color:#334155}hr{margin-top:30px}.legend{display:flex;gap:20px;margin-top:30px;padding:15px;background-color:#1e293b;border-radius:8px;border:1px solid #334155}.legend-item{display:flex;gap:8px;color:#cbd5e1;font-size:.85rem;white-space:nowrap}.legend [class^=node]{width:20px;height:20px;border-radius:2px;animation:none!important}.legend .node-visited{background-color:#5e3733}*{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}