:root{--bg-color:#0f172a;--grid-border:#1e293b;--node-color:#1e293b;--wall-color:#64748b}body{background-color:var(--bg-color);color:#fff;flex-direction:column;align-items:center;margin:0;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}#grid{border:1px solid #1e293b;padding:0;display:grid}.node{background-color:var(--node-color);border:1px solid #0f172a;width:25px;height:25px;margin:-.5px;transition:background-color .3s,transform .2s}.node-visited{background-color:#60a5fa;transform:scale(.9)}.node-wall{background-color:var(--wall-color);border-radius:2px}.node-start{border-radius:50%;background-color:green!important}.node-end{border-radius:4px;background-color:red!important}.controls{margin-bottom:20px}button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:5px;margin:0 5px;padding:10px 20px;font-size:16px;transition:background .2s}#clear-btn{background-color:#475569}button:hover{background-color:#2563eb}#status-display{color:#f8fafc;text-align:left;background-color:#1e293b;border-left:4px solid #3b82f6;border-radius:4px;max-width:800px;margin:10px 0 20px;padding:15px;font-size:15px;line-height:1.4}.text-start{color:#22c55e;font-weight:700}.text-end{color:#ef4444;font-weight:700}.text-path{color:#fbbf24;font-weight:700}