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}.App{background:radial-gradient(circle at top left,#1f2937 0,#020617 60%,#000 100%);color:#e5e7eb;display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(90deg,#0f172af2,#1e40afb3);border-bottom:1px solid #94a3b859;box-shadow:0 18px 40px #0f172ab3;box-sizing:border-box;display:flex;justify-content:space-between;padding:18px 40px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:20}.header-title{display:flex;flex-direction:column;gap:4px}.header-title h1{font-size:1.6rem;letter-spacing:.04em;margin:0}.header-title p{color:#cbd5f5;font-size:.9rem;margin:0}.main-layout{box-sizing:border-box;display:flex;flex:1 1;justify-content:center;padding:24px 32px 32px}.content-container{display:flex;flex-direction:column;gap:24px;max-width:1280px;width:100%}.footer{background:radial-gradient(circle at top,#020617,#030712);border-top:1px solid #1f2937e6;box-sizing:border-box;color:#9ca3af;font-size:.8rem;padding:12px 24px;text-align:center;width:100%}nav{align-items:center;display:flex;font-size:.95rem;gap:16px}nav a{border:1px solid #0000;border-radius:999px;color:#e5e7eb;padding:8px 14px;text-decoration:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .1s ease}nav a:hover{background:#bfdbfe14;border-color:#818cf899;box-shadow:0 0 0 1px #4f46e559,0 10px 25px #0f172acc;transform:translateY(-1px)}nav a:active{box-shadow:0 4px 12px #0f172ad9;transform:translateY(0)}.nav-link-active{background:#bfdbfe1f;border-color:#818cf8cc;box-shadow:0 0 0 1px #4f46e5bf,0 12px 25px #0f172acc}.node{box-sizing:border-box;display:inline-block;height:25px;outline:1px solid #334155f2;transition:background-color .2s ease,transform .08s ease,box-shadow .18s ease,outline-color .2s ease;width:25px}.node-finish{background:radial-gradient(circle at 30% 30%,#f97316,#ea580c);box-shadow:0 0 0 1px #f8fafcb3,0 0 18px #ea580ce6}.node-start{background:radial-gradient(circle at 30% 30%,#22c55e,#16a34a);box-shadow:0 0 0 1px #f8fafcb3,0 0 18px #16a34ae6}.node-visited{animation-delay:0;animation-direction:alternate;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:visitedAnimation;animation-play-state:running;animation-timing-function:ease-out}@keyframes visitedAnimation{0%{background-color:#1e40afcc;border-radius:100%;transform:scale(.3)}50%{background-color:#38bdf8e6}75%{background-color:#34d399eb;transform:scale(1.2)}to{background-color:#3b82f6f2;transform:scale(1)}}.node-wall{background:radial-gradient(circle at 30% 30%,#020617,#020617);outline-color:#0f172af2}.node-shortest-path{animation-delay:0;animation-direction:alternate;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:shortestPath;animation-play-state:running;animation-timing-function:ease-out}@keyframes shortestPath{0%{background-color:#fcd34df2;transform:scale(.6)}50%{background-color:#fafa7dfa;transform:scale(1.2)}to{background-color:#fbbf24fa;transform:scale(1)}}.visualizer-card{background:radial-gradient(circle at top left,#0f172af5,#030712fa);border:1px solid #94a3b866;border-radius:18px;box-shadow:0 20px 50px #0f172ad9;display:flex;flex-direction:column;gap:16px;padding:20px 22px 22px}.visualizer-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.visualizer-header-left{display:flex;flex-direction:column;gap:4px}.visualizer-header-left h2{color:#e5e7eb;font-size:1.3rem;letter-spacing:.03em;margin:0}.visualizer-header-left p{color:#cbd5f5;font-size:.9rem;margin:0}.visualizer-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.primary-button{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 14px 32px #2563ebb3,0 0 0 1px #0f172ae6;padding:9px 18px}.primary-button:hover{box-shadow:0 22px 45px #1e40afd9,0 0 0 1px #1e40aff2}.primary-button:active{box-shadow:0 9px 22px #1e40afe6,0 0 0 1px #0f172af2}.grid{background:radial-gradient(circle at top left,#0f172af2,#020617fa);border-radius:14px;box-shadow:inset 0 0 0 1px #0f172ae6;display:inline-block;margin-top:8px;padding:12px}.pathfinding-visualizer{width:100%}.main-content{grid-gap:24px;align-items:flex-start;display:grid;gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr)}@media (max-width:960px){.main-content{grid-template-columns:minmax(0,1fr)}}.applications,.code-editor,.intro,.output{background:radial-gradient(circle at top left,#0f172ae6,#030712fa);border:1px solid #94a3b859;border-radius:18px;box-shadow:0 18px 45px #0f172ad9;padding:20px 22px}.intro{grid-column:1/-1}.applications h2,.code-editor h2,.intro h2,.output h2{color:#e5e7eb;font-size:1.3rem;letter-spacing:.03em;margin-bottom:10px;margin-top:0}.applications p,.intro p{color:#cbd5f5;font-size:.95rem;line-height:1.6;margin:6px 0}.code-editor{display:flex;flex-direction:column;gap:12px}.code-input{background:#0f172af2;border:1px solid #94a3b873;border-radius:12px;box-shadow:inset 0 0 0 1px #0f172acc;box-sizing:border-box;color:#e5e7eb;font-family:Fira Code,JetBrains Mono,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.86rem;line-height:1.5;max-height:460px;min-height:260px;outline:none;padding:12px 14px;resize:vertical;width:100%}.code-input::placeholder{color:#6b7280}.code-input:focus{border-color:#818cf8e6;box-shadow:0 0 0 1px #4f46e5e6,0 18px 35px #0f172ae6}.language-select{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.language-select label{color:#d1d5db;font-size:.9rem}.language-select select{background:#0f172af2;border:1px solid #94a3b8b3;border-radius:999px;color:#e5e7eb;cursor:pointer;outline:none;padding:8px 12px}.language-select select:focus{border-color:#818cf8e6;box-shadow:0 0 0 1px #4f46e5cc}.primary-button{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:999px;box-shadow:0 12px 30px #16a34a99,0 0 0 1px #0f172ae6;color:#ecfeff;cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:500;gap:6px;margin-top:4px;padding:9px 20px;transition:transform .1s ease,box-shadow .18s ease,filter .18s ease}.primary-button:hover{box-shadow:0 20px 45px #15803dcc,0 0 0 1px #155e75e6;filter:brightness(1.05);transform:translateY(-1px)}.primary-button:active{box-shadow:0 8px 20px #166534e6,0 0 0 1px #0f172ae6;transform:translateY(0)}.primary-button:disabled{box-shadow:none;cursor:default;filter:grayscale(.2);opacity:.65}.output{display:flex;flex-direction:column;gap:8px}.output pre{background:#0f172af5;border:1px solid #374151e6;border-radius:12px;color:#e5e7eb;font-size:.85rem;margin:0;max-height:260px;overflow:auto;padding:10px 12px;text-align:left;white-space:pre-wrap;word-break:break-word}.applications{margin-top:0}.pretag{color:inherit}
/*# sourceMappingURL=main.f5c25854.css.map*/