#root{max-width:1280px;margin:0;padding:0}.top-bar{padding-left:6px;padding-right:6px;margin:0}.mode-bar{display:inline-flex;margin:0;gap:6px}.method-bar{margin:0;padding-top:4px}.grid{padding:6px;margin:0;background:#ffffff;display:grid;grid-template-rows:repeat(auto-fit,minmax(9px,1fr));gap:.5px}.grid-row{display:flex;justify-content:center}.node{outline:.5px solid #374151;transition:all .3s linear}@media (max-width: 767px){.node{width:9px;height:9px}}@media (min-width: 768px) and (max-width: 1024px){.node{width:18px;height:18px}}@media (min-width: 1024px){.node{width:24px;height:24px}}.visited{animation-name:visitedAnimation;animation-duration:1.5s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}@keyframes visitedAnimation{0%{background-color:#000042bf}50%{background-color:#1168d9bf}75%{background-color:#00d99fbf}to{background-color:#00bedabf}}.path{animation-name:shortestPath;animation-duration:1.5s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}@keyframes shortestPath{0%{background-color:#fffe6a}50%{background-color:#fffe6a}to{background-color:#fffe6a}}.mode-button{display:inline-block;background-color:transparent;margin-left:4px;margin-right:4px}.mode-button:hover{border-bottom-style:solid;border-bottom-width:1.5px;border-bottom-color:#9ca3af;color:#9ca3af}.currentmode{display:inline-block;background-color:transparent;border-bottom-style:solid;border-bottom-width:1.5px;border-bottom-color:#2563eb;color:#2563eb;margin-left:4px;margin-right:4px;font-weight:700}.method-button{display:inline-flex;background-color:#a3e635;color:#f8fafc;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-weight:500;padding-left:12px;padding-right:12px;border-radius:9999px;margin:2px;align-items:center;gap:6px}.method-button:hover{background-color:#65a30d}.spinner-sm{animation:spin 1s linear infinite;height:14px;width:14px;color:#6b7280}.spinner-md{animation:spin 1s linear infinite;height:24px;width:24px;color:#6b7280}.spinner-lg{animation:spin 1s linear infinite;height:32px;width:32px;color:#6b7280}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.opacity-25{opacity:.25}.opacity-75{opacity:.75}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;place-items:center;min-width:320px;min-height:100vh;background-color:#fff}h1{font-size:3.2em;line-height:1.1}button{margin:0;padding:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer;outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}